/* ParksRadar — public Experiences UI (Chat 2). High-contrast, readable cards; mobile-safe;
   accessible focus. Matches the site's warm palette with AA-contrast text. */

.pr-exp-asof {
  font: 600 11.5px system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color: #6b563c;
  margin: 2px 0 10px;
}

.pr-exp-group { margin: 0 0 18px; }
.pr-exp-group > h4 {
  font: 700 15px Georgia, serif;
  color: #2f2113;
  margin: 0 0 8px;
  border-bottom: 1px solid #e6d6ba;
  padding-bottom: 4px;
}

.pr-exp-card {
  background: #fffdf8;
  border: 1px solid #e6d6ba;
  border-radius: 14px;
  padding: 12px 15px;
  margin: 0 0 8px;
  box-shadow: 0 4px 12px rgba(60, 40, 20, .06);
}
.pr-exp-card__name {
  font: 700 15.5px Georgia, "Times New Roman", serif;
  color: #7a4e26;
  margin-bottom: 6px;
  letter-spacing: .1px;
}
.pr-exp-card__meta { display: flex; flex-wrap: wrap; gap: 6px; }

.pr-exp-chip {
  font: 600 11.5px system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color: #5a4629;
  background: #f3ead9;
  border: 1px solid #e0cfa8;
  border-radius: 999px;
  padding: 2px 9px;
  white-space: nowrap;
}

.pr-exp-empty {
  font: 500 13.5px system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color: #6b563c;
  background: #faf5ea;
  border: 1px dashed #d9c39c;
  border-radius: 12px;
  padding: 16px;
  text-align: center;
}

.pr-exp-more {
  font: 600 11.5px system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color: #6b563c;
  margin-top: 6px;
  text-align: center;
}

/* search bar + filter chips */
.pr-exp-search { display: flex; flex-direction: column; gap: 8px; margin: 0 0 14px; }
.pr-exp-search__input {
  width: 100%;
  font: 500 14px system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color: #2f2113;
  background: #fff;
  border: 1.5px solid #d9c39c;
  border-radius: 10px;
  padding: 9px 12px;
}
.pr-exp-search__input:focus-visible { outline: 3px solid #2f8f57; outline-offset: 1px; }
.pr-exp-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.pr-exp-filter {
  font: 600 12px system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color: #5a4629;
  background: #f3ead9;
  border: 1px solid #e0cfa8;
  border-radius: 999px;
  padding: 5px 12px;
  cursor: pointer;
}
.pr-exp-filter[aria-pressed="true"] { background: #7a4e26; color: #fff; border-color: #6b4220; }
.pr-exp-filter:focus-visible { outline: 3px solid #2f8f57; outline-offset: 2px; }

@media (max-width: 520px) {
  .pr-exp-group > h4 { font-size: 14px; }
  .pr-exp-card { padding: 9px 11px; }
}