.area-details-popup .leaflet-popup-content{margin:13px 18px}
.area-details{box-sizing:border-box;width:min(300px,calc(100vw - 80px));max-width:100%;max-height:60vh;max-height:60dvh;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;color:var(--ink,#293b31);font:11px/1.55 var(--sans,system-ui,sans-serif);overflow-wrap:anywhere;padding:1px 2px 2px}
.area-details [hidden]{display:none!important}
.area-details .area-details__kind{margin:0 0 4px;color:var(--muted,#72806c);font:500 9px/1.4 var(--sans,system-ui,sans-serif);letter-spacing:.8px;text-transform:uppercase}
.area-details .area-details__name{margin:0;font:400 23px/1.15 var(--serif,Georgia,serif);letter-spacing:-.3px;color:var(--green,#244b3a)}
.area-details .area-details__metrics{display:grid;grid-template-columns:1.25fr 1fr .6fr;gap:10px;margin:14px 0 12px;padding:11px 0;border-top:1px solid var(--line,#e0e5d9);border-bottom:1px solid var(--line,#e0e5d9)}
.area-details .area-details__metric{min-width:0}
.area-details .area-details__label{margin:0 0 4px;color:var(--muted,#72806c);font:400 9px/1.4 var(--sans,system-ui,sans-serif)}
.area-details .area-details__value{margin:0;color:var(--green,#244b3a);font:500 13px/1.4 var(--sans,system-ui,sans-serif);font-variant-numeric:tabular-nums}
.area-details .area-details__description{margin:0 0 11px}
.area-details .area-details__introduction{margin:0 0 5px;color:var(--ink,#344735);font:400 11px/1.65 var(--sans,system-ui,sans-serif)}
.area-details .area-details__source{display:inline;color:var(--green,#244b3a);font:400 10px/1.6 var(--sans,system-ui,sans-serif);text-decoration:underline;text-underline-offset:3px}
.area-details .area-details__source:hover{text-decoration-thickness:2px}
.area-details .area-details__visitation{margin:11px 0 0;padding:10px 0 0;border-top:1px solid var(--line,#e0e5d9)}
.area-details .area-details__visitation-label{margin:0 0 4px;color:var(--muted,#72806c);font:400 9px/1.4 var(--sans,system-ui,sans-serif)}
.area-details .area-details__visitation-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.area-details .area-details__rank{margin:0;font:500 12px/1.5 var(--sans,system-ui,sans-serif);font-variant-numeric:tabular-nums}
.area-details .area-details__visits{color:var(--muted,#72806c);font:400 10px/1.5 var(--sans,system-ui,sans-serif);font-variant-numeric:tabular-nums}
.area-details .area-details__actions{margin:11px 0 0}
.area-details .area-details__show-hikes,.area-details .area-details__retry{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:3px 0;border:0;border-radius:2px;background:transparent;color:var(--green,#244b3a);font:500 11px/1.4 var(--sans,system-ui,sans-serif);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.area-details .area-details__show-hikes:hover,.area-details .area-details__retry:hover{text-decoration-thickness:2px}
.area-details .area-details__source:focus-visible,.area-details .area-details__show-hikes:focus-visible,.area-details .area-details__retry:focus-visible{outline:2px solid var(--green,#244b3a);outline-offset:3px}
.area-details .area-details__status{display:flex;align-items:center;gap:10px;margin:9px 0 0;color:var(--muted,#72806c);font:400 10px/1.5 var(--sans,system-ui,sans-serif)}
@media(max-width:360px){.area-details .area-details__name{font-size:21px}.area-details .area-details__metrics{gap:7px}.area-details .area-details__value{font-size:12px}}
@media(max-width:700px),(pointer:coarse){
  .area-details{font-size:13px}
  .area-details .area-details__introduction{font-size:13px;line-height:1.6}
  .area-details .area-details__value{font-size:14px}
  .area-details .area-details__kind,.area-details .area-details__label,.area-details .area-details__visitation-label{font-size:10px}
  .area-details .area-details__source,.area-details .area-details__visits,.area-details .area-details__status{font-size:11px}
  .area-details .area-details__rank{font-size:13px}
  .area-details .area-details__show-hikes,.area-details .area-details__retry{font-size:12px;min-height:30px}
}