@charset "UTF-8";
/* Notion-inspired public database: native documents, quiet controls, real photographs. */
:root{--paper:#fff;--white:#fff;--ink:#37352f;--muted:#6f6e69;--sand:#f7f7f5;--line:#e9e9e7;--hover:#efefed;--green:#37352f;--water:#f1f1ef;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--small:13px;--body:15px;--lead:20px;--heading:28px;--gutter:clamp(16px,3.2vw,48px);--control:38px;--header-height:64px;--radius:5px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:light}
body{margin:0;background:var(--paper);color:var(--ink);font:var(--body)/1.6 var(--sans)}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button,summary{cursor:pointer}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
a,button,summary{transition:background .15s,color .15s}
button:active,.button:active{transform:translateY(1px)}
:is(a,button,input,select,summary):focus-visible{outline:2px solid #2383e2;outline-offset:3px}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3,h4{font-weight:650;line-height:1.3;overflow-wrap:anywhere}
h1{letter-spacing:-.025em}h2{font-size:var(--heading)}h3{font-size:var(--lead)}
[hidden]{display:none!important}
.wrap,.header-inner{width:calc(100% - var(--gutter)*2);max-width:1440px;margin-inline:auto}
.site-header{position:relative;z-index:1000;background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{height:var(--header-height);display:flex;align-items:center;gap:24px}
.brand{font-size:20px;font-weight:650;white-space:nowrap;letter-spacing:-.03em}
#navigation{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav-link,.nav-group>summary,.header-search{min-height:38px;display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:14px;line-height:1.5;border-radius:var(--radius);white-space:nowrap}
.nav-link:hover,.nav-group>summary:hover,.nav-group[open]>summary,.header-search:hover{background:var(--hover)}
.nav-group{position:relative}.nav-group>summary{list-style:none}.nav-group>summary::-webkit-details-marker{display:none}
.nav-group>summary svg{transition:transform .15s}.nav-group[open]>summary svg{transform:rotate(180deg)}
.nav-group.is-current>summary,[aria-current=page]{font-weight:650;background:var(--sand)}
.nav-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:340px;padding:6px;background:var(--white);border:1px solid var(--line);border-radius:7px;box-shadow:0 6px 20px #37352f12}
.nav-dropdown>a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-radius:4px}
.nav-dropdown>a:hover,.nav-dropdown>a:focus-visible{background:var(--hover)}
.nav-dropdown strong,.nav-dropdown a>span>span{display:block;line-height:1.6}.nav-dropdown strong{font-size:14px;font-weight:600}.nav-dropdown a>span>span{font-size:13px;color:var(--muted)}
.nav-arrow{color:var(--muted)}.header-search{margin-left:4px}.nav-toggle{display:none}
.preview-bar,.stale-bar{background:var(--sand);padding:7px var(--gutter);font-size:var(--small);border-bottom:1px solid var(--line)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:var(--control);padding:7px 14px;background:var(--ink);color:var(--white);border:1px solid var(--ink);border-radius:var(--radius);font-weight:500}
.button:hover{background:#504e48}.compact{height:var(--control)}
footer{padding-top:32px;border-top:1px solid var(--line)}
.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-top>p{font-size:16px;font-weight:500}
.footer-top>div{display:flex;gap:24px;align-items:start;flex-wrap:wrap}.footer-top a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--small);color:var(--muted)}.footer-top a:hover{color:var(--ink);text-decoration:underline}
.footer-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin-top:28px;padding-bottom:28px}
.directory{padding-top:48px;padding-bottom:64px;min-height:70vh}
.directory-heading h1,.detail-heading h1{font-size:36px;line-height:1.25}.directory-heading p{margin-top:10px;color:var(--muted);font-size:14px}
.filter-bar{display:grid;grid-template-columns:minmax(200px,1fr) repeat(2,minmax(140px,190px)) auto;align-items:end;gap:12px;margin-top:28px}
.search-field,.filter-select{display:flex;flex-direction:column;gap:6px;min-width:0}.search-field>span,.filter-select>span{font-size:12px;color:var(--muted)}
.search-field input,.filter-select select,.select-trigger{width:100%;height:var(--control);padding:7px 10px;background:var(--white);border:1px solid #d9d9d6;border-radius:var(--radius)}
.search-field input::placeholder{color:var(--muted)}.filter-select select{padding-right:28px}
.filter-bar .reset{grid-column:1/-1;width:fit-content;text-decoration:underline;font-size:13px}.filter-bar:not(:has(.filter-select)){grid-template-columns:minmax(0,1fr) auto}
.custom-select{position:relative}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.select-trigger:after{content:'⌄';font-size:16px}.select-trigger:hover{background:var(--sand)}
.select-options{position:absolute;top:calc(100% + 5px);left:0;min-width:100%;max-height:300px;overflow:auto;background:var(--white);padding:5px;z-index:30;border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 20px #37352f12}
.select-options button{display:block;width:100%;min-height:40px;padding:8px;background:none;border:0;border-radius:3px;text-align:left;white-space:nowrap}
.select-options button:hover,.select-options button:focus-visible,.select-options button[aria-selected=true]{background:var(--hover);outline-offset:-2px}
.select-options button[aria-selected=true]{font-weight:650}
.results-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.results-heading strong{font-variant-numeric:tabular-nums;color:var(--ink)}
.view-switch{display:flex;gap:3px}.view-switch button{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:4px;background:none;padding:6px 10px;min-height:36px;font-size:14px;color:var(--muted)}
.view-switch button:hover{background:var(--sand)}.view-switch button[aria-pressed=true]{background:var(--hover);color:var(--ink);font-weight:600}
/* Shared gallery cards: image, title, properties. */
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.card{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:hidden}.card:hover{background:var(--sand);border-color:#d4d4d1}
.record-link{display:flex;flex-direction:column;height:100%}.card-photo{overflow:hidden;background:var(--sand);aspect-ratio:16/10;border-bottom:1px solid var(--line)}
.card-photo img{width:100%;height:100%;object-fit:var(--gallery-fit,cover);object-position:var(--gallery-x,50%) var(--gallery-y,50%)}
.directory-results[data-layout=list] .card-photo img{object-fit:var(--list-fit,cover);object-position:var(--list-x,50%) var(--list-y,50%)}.card-photo-empty{display:grid;place-items:center;font-size:12px;color:var(--muted)}
.card-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:14px}.card-heading{min-height:50px}.card-heading h3{font-size:16px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}.card-heading .status{margin-top:5px}
.card-subtitle{font-size:13px;color:var(--muted);line-height:1.55;overflow-wrap:anywhere;min-height:40px}.scientific,.latin{font-style:italic}
.card-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:12px;min-height:25px}.card-bottom>span:last-child{display:none}
.status,.record-category{display:inline-block;width:fit-content;padding:1px 6px;border-radius:3px;background:#efefed;color:#5c5b56;font-size:12px;font-weight:400}.park-record .record-category{display:none}
.recommendation{display:inline-flex;align-items:baseline;gap:7px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.recommendation strong{font-size:15px;line-height:1.4;font-weight:600;color:var(--ink)}
.directory-results[data-layout=list] .card-grid{display:flex;flex-direction:column;gap:0}
.directory-results[data-layout=list] .card{border:0;border-bottom:1px solid var(--line);border-radius:0}
.directory-results[data-layout=list] .record-link{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;align-items:center;padding:14px 8px}
.directory-results[data-layout=list] .card-photo{border:0;border-radius:4px;aspect-ratio:1}.directory-results[data-layout=list] .card-photo-empty{font-size:11px}
.directory-results[data-layout=list] .card-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(90px,.5fr);gap:20px;align-items:center;padding:0}
.directory-results[data-layout=list] :is(.card-heading,.card-subtitle,.card-bottom){min-height:0;margin:0}.directory-results[data-layout=list] .card-heading h3{font-size:16px}
/* Document pages use the same reading order at every screen width. */
.detail{max-width:800px;padding-block:24px 64px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.breadcrumbs a:hover{text-decoration:underline}
.detail-heading{padding-block:32px 20px}.latin{font-size:16px;margin-top:10px;color:var(--muted)}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}
.detail-heading>.status,.detail-heading>.recommendation{margin-top:12px}.relation-jump{display:inline-flex;align-items:center;min-height:32px;font-size:13px;text-decoration:underline;text-underline-offset:3px}.detail-heading>.relation-jump{display:flex;width:fit-content;margin-top:8px}
.fact-panel{padding:0 0 22px;margin-bottom:24px;border-bottom:1px solid var(--line)}.fact-panel h2{font-size:13px;color:var(--muted);font-weight:500;margin-bottom:8px}.fact-panel dl{margin:0}.fact-panel dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:7px 0;align-items:baseline}.fact-panel dt{font-size:14px;color:var(--muted)}.fact-panel dd{margin:0;font-size:14px;overflow-wrap:anywhere}.fact-panel dd a{text-decoration:underline}.source-date{font-size:12px;color:var(--muted);margin-top:12px}
.detail-cover{margin-bottom:28px}.detail-cover img{width:100%;aspect-ratio:16/9;max-height:450px;object-fit:cover;border-radius:4px}.detail-cover figcaption{display:flex;justify-content:flex-end;margin-top:6px;font-size:12px;color:var(--muted)}.detail-cover figcaption a{display:inline-flex;align-items:center;min-height:32px;text-decoration:underline}
.image-frame{position:relative;display:block}.image-load-status{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:6px 10px;background:var(--white);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:12px;pointer-events:none}[data-load-original][aria-disabled=true]{cursor:default}
.article-body{font-size:16px;line-height:1.85;min-width:0;overflow-wrap:anywhere}.article-body p{margin-bottom:18px}.article-body h2,.article-body h3,.article-body h4{margin:30px 0 14px;line-height:1.4}.article-body h2{font-size:26px}.article-body h3{font-size:21px}.article-body h4{font-size:18px}.article-body a{text-decoration:underline;text-underline-offset:3px}.article-body ul,.article-body ol{padding-left:24px}.article-body li{margin:4px 0}
.article-body figure{margin:24px 0}.article-body figure img{width:100%;max-height:850px;object-fit:contain}.article-body figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.article-body blockquote{margin:20px 0;padding:4px 18px;border-left:3px solid var(--ink)}.callout{display:flex;gap:12px;padding:16px;background:var(--sand);border-radius:4px;margin:20px 0}.callout p:last-child{margin-bottom:0}
.article-body pre{white-space:pre-wrap;padding:18px;background:var(--sand);border-radius:4px;overflow:auto}.article-body details{padding:10px 0;margin:12px 0}.article-body audio,.article-body video{max-width:100%}.page-link{display:flex;justify-content:space-between;gap:16px;padding:12px;background:var(--sand);border-radius:4px;margin:12px 0}
.muted,.unsupported,.empty-media{color:var(--muted);font-size:14px}.table-scroll{overflow-x:auto}.article-body table{border-collapse:collapse;width:100%;font-size:14px}.article-body td{border:1px solid var(--line);padding:9px}.article-body hr{border:0;border-top:1px solid var(--line);margin:24px 0}.columns{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:20px}
.detail-gallery{padding-top:32px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}.section-heading h2{font-size:21px}.section-heading>span{font-size:12px;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.photo-grid img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:4px}.detail .section{padding-top:40px}.detail .card-grid{gap:10px}.detail .card-body{padding:10px}.detail .card-heading h3{font-size:14px}
.article-toc{background:var(--sand);padding:16px;margin-bottom:24px;border-radius:4px}.article-toc h2{margin:0 0 8px;font-size:15px}.article-toc a{display:block;min-height:36px;font-size:14px}
.empty-state,.launch-page{padding:60px 0;min-height:40vh;max-width:800px}.empty-state h1,.launch-page h1{font-size:32px}.empty-state h2{font-size:24px}.empty-state p,.launch-page p{margin:16px 0;color:var(--muted)}.empty-state>span{display:none}.text-link{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline}
.skip{position:absolute;left:16px;top:-100px;z-index:2000;background:var(--ink);color:var(--white);padding:12px;border-radius:4px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Maps share neutral chrome. Only basemap pixels are desaturated. */
.leaflet-tile-pane{filter:grayscale(1) contrast(.82) brightness(1.12)}
.leaflet-container{font-family:var(--sans);background:var(--water)}.leaflet-control-attribution a{color:var(--ink)}.leaflet-control-attribution{font-size:11px!important}.leaflet-popup-content{font-size:14px;line-height:1.6}.leaflet-popup-content a{text-decoration:underline}.leaflet-popup-content-wrapper{border-radius:6px!important}.leaflet-control-zoom a{min-width:38px;min-height:38px;line-height:38px!important;color:var(--ink)!important}.leaflet-bar{border:1px solid #d4d4d1!important;box-shadow:0 2px 6px #37352f0a!important;border-radius:5px!important}
.home-map-shell{position:relative;background:var(--water)}#home-park-map{height:calc(100svh - var(--header-height) - 1px);min-height:460px;width:100%;z-index:0}
.home-map-tools{position:absolute;top:14px;right:16px;display:flex;gap:8px;z-index:5}.map-skip,.home-map-fit,.map-fit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid #d4d4d1;padding:7px 12px;background:var(--white);border-radius:5px;color:var(--ink);font-size:13px}.map-skip:hover,.home-map-fit:hover,.map-fit:hover{background:var(--sand)}.map-skip span{color:var(--muted);font-variant-numeric:tabular-nums}
.home-map-status{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:4;max-width:calc(100% - 32px);width:max-content;background:var(--white);border:1px solid var(--line);border-radius:5px;padding:8px 12px;font-size:13px;pointer-events:none}
.home-park-list{position:absolute;top:62px;right:16px;width:min(360px,calc(100% - 32px));max-height:calc(100% - 115px);overflow:auto;overscroll-behavior:contain;z-index:6;background:var(--white);border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 20px #37352f12}.js .home-park-list:not([open]){display:none}
.home-park-list summary{position:sticky;top:0;background:var(--white);padding:12px 16px;font-size:14px;font-weight:600;border-bottom:1px solid var(--line);z-index:1}.home-park-list summary span{margin-left:8px;font-size:12px;color:var(--muted)}.home-list-content{padding:12px}
.home-map-note{font-size:12px;color:var(--muted);margin-bottom:12px}.home-map-note a{margin-left:6px;text-decoration:underline}.home-park-grid{display:grid;gap:4px}.home-park-link{display:flex;align-items:center;gap:12px;padding:8px;border-radius:4px}.home-park-link:hover{background:var(--sand)}
.home-park-photo{display:block;position:relative;aspect-ratio:1;overflow:hidden;background:var(--sand)}.home-park-link>.home-park-photo{width:56px;height:56px;flex-shrink:0;border-radius:4px}.home-park-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:40px;color:var(--muted);background:#efefec;font-size:11px;text-align:center}
.home-park-caption{display:flex;flex-direction:column;gap:3px;min-width:0}.home-park-name{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.location-pending{font-size:12px;color:var(--muted)}
.photo-map-marker{border:0;background:none}.photo-marker-content{width:100%;height:100%;position:relative}.photo-marker-content:after{content:'';position:absolute;bottom:-7px;left:calc(50% - 7px);border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid white;pointer-events:none}
.photo-marker-link,.photo-cluster{display:block;width:100%;height:100%;border:3px solid white;border-radius:7px;background:white;position:relative;box-shadow:0 2px 8px #37352f25;color:var(--ink);cursor:pointer;padding:0;text-decoration:none;font:inherit}
.photo-marker-link .home-park-photo,.photo-cluster .home-park-photo{width:100%;height:100%;border-radius:4px;overflow:hidden}.photo-marker-link .home-park-caption{position:absolute;inset:auto -3px -3px;background:white;border:3px solid white;border-top:0;border-radius:0 0 7px 7px;padding:5px;color:var(--ink);opacity:0;transition:opacity .15s;pointer-events:none}
.photo-marker-link .home-park-name{font-size:12px}.photo-marker-link .recommendation{font-size:11px;gap:5px}.photo-marker-link .recommendation strong{font-size:12px}.photo-marker-link:hover .home-park-caption,.photo-marker-link:focus .home-park-caption{opacity:1}.photo-map-marker:focus-within{z-index:900!important}
.photo-cluster{box-shadow:3px -3px 0 #d6d6d3,6px -6px 0 white,0 2px 8px #37352f25}.photo-cluster-count{position:absolute;bottom:3px;left:3px;right:3px;background:white;color:var(--ink);border-radius:3px;padding:3px 2px;font-size:12px;line-height:1.4;text-align:center}
.photo-cluster-list{max-height:300px;overflow:auto;font-family:inherit}.photo-cluster-list>strong{display:block;margin-bottom:10px}.photo-cluster-list .photo-marker-link{display:flex;gap:10px;align-items:center;height:auto;border:0;border-radius:0;box-shadow:none;margin:12px 0}.photo-cluster-list .home-park-photo{width:56px;height:56px;flex-shrink:0}.photo-cluster-list .home-park-caption{position:static;opacity:1;background:none;border:0;padding:0}
.home-atlas .leaflet-marker-pane .home-park-photo img{width:100%;height:100%;max-width:100%!important;object-fit:cover}
.map-explorer{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:20px}.map-surface{position:relative;background:var(--water);min-height:580px;border:1px solid var(--line);border-radius:5px;overflow:hidden}#park-map{height:100%;min-height:580px;z-index:1}.map-results{max-height:650px;overflow:auto}.map-count{font-size:14px;font-weight:600}.map-help{font-size:12px;margin:8px 0 16px;color:var(--muted)}.map-help a{text-decoration:underline}
.map-record{padding:12px;margin-bottom:8px;border:1px solid var(--line);border-radius:4px}.map-record.selected{background:var(--hover);border-color:#aaa9a4}.map-select{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:none;padding:0;min-height:44px}.map-select img{width:64px;height:64px;object-fit:cover;border-radius:4px}.map-select>span{display:flex;flex-direction:column;gap:4px}.map-select strong{font-size:15px;font-weight:600}.map-select span span{font-size:12px}.map-detail{display:flex;align-items:center;width:fit-content;margin-top:8px;min-height:36px;font-size:13px;text-decoration:underline}
.map-message{position:absolute;bottom:30px;left:12px;right:12px;z-index:500;padding:8px 12px;background:var(--white);border-radius:4px;font-size:12px;pointer-events:none}.map-fit{position:absolute;right:12px;top:12px;z-index:500}.park-pin{background:transparent;border:0}.park-pin span{display:grid;place-items:center;background:var(--ink);color:white;width:36px;height:36px;border:2px solid white;border-radius:50%;font-size:13px;font-weight:600}.park-pin.active span{background:#2383e2;transform:scale(1.15)}
html:not(.js) .home-park-list{position:relative;top:auto;right:auto;width:calc(100% - 32px);max-height:none;margin:16px;box-shadow:none}html:not(.js) #home-park-map{height:180px;min-height:180px}html:not(.js) .home-map-status{display:none}html:not(.js) .home-park-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.filter-bar .search-field{grid-column:1/-1}.filter-bar:not(:has(.filter-select)) .search-field{grid-column:auto}.directory-results[data-layout=list] .card-body{grid-template-columns:minmax(0,1fr) minmax(80px,.35fr);gap:6px 16px}.directory-results[data-layout=list] .card-subtitle{grid-column:1;grid-row:2}.directory-results[data-layout=list] .card-bottom{grid-column:2;grid-row:1/3}}
@media(max-width:850px){:root{--header-height:60px}.header-inner{gap:12px}.nav-toggle{display:block;margin-left:auto;border:0;border-radius:4px;background:none;min-height:44px;padding:8px}.nav-toggle:hover{background:var(--hover)}.header-search{margin-left:0;min-height:44px}#navigation{display:none;position:absolute;top:var(--header-height);left:0;right:0;background:var(--white);padding:12px 16px;max-height:calc(100dvh - var(--header-height));overflow:auto;border-bottom:1px solid var(--line)}#navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.nav-group>summary,.nav-link{padding:12px;justify-content:space-between;min-height:44px}.nav-dropdown{position:static;width:auto;margin:4px 0 8px;padding:0 8px;background:var(--sand);border:0;box-shadow:none}.map-explorer{grid-template-columns:1fr}.map-surface,#park-map{min-height:430px;height:430px}.map-results{max-height:none}.footer-top>div{max-width:300px}html:not(.js) .header-inner{height:auto;flex-wrap:wrap;padding-block:10px}html:not(.js) .nav-toggle{display:none}html:not(.js) #navigation{display:flex;position:static;flex-direction:column;align-items:stretch;order:3;padding:0;width:100%;margin:0;max-height:none;border:0}html:not(.js) .header-search{margin-left:auto}}
@media(max-width:600px){:root{--control:44px}.brand{font-size:18px}.header-search{padding:8px}.footer-top{display:block}.footer-top>div{margin-top:16px;gap:8px 20px;max-width:none}.footer-meta{display:block}.footer-meta p+p{margin-top:8px}.directory{padding-top:28px}.directory-heading h1,.detail-heading h1{font-size:30px}.filter-bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.filter-bar .search-field,.filter-bar .compact{grid-column:1/-1}.filter-bar:not(:has(.filter-select)){grid-template-columns:1fr}.search-field input{font-size:16px}.results-heading{flex-wrap:wrap;gap:10px}.view-switch button{min-height:44px}.card-grid{grid-template-columns:1fr;gap:14px}.card-heading{min-height:0}.card-subtitle{min-height:0}.card-body{gap:10px}.card-bottom{margin-top:4px}.directory-results[data-layout=list] .record-link{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:12px 0}.directory-results[data-layout=list] .card-body{grid-template-columns:minmax(0,1fr);gap:5px}.directory-results[data-layout=list] .card-bottom{grid-column:1;grid-row:auto}.directory-results[data-layout=list] .card-photo-empty{font-size:10px}.fact-panel dl>div{grid-template-columns:95px minmax(0,1fr);gap:12px}.detail-heading{padding-block:24px 16px}.detail-cover img{max-height:280px}.columns{grid-auto-flow:row;grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:start;flex-direction:column;gap:6px}.home-map-tools{right:12px;top:12px;gap:6px}.map-skip,.home-map-fit{min-height:44px;padding:8px 10px;font-size:12px}.home-park-list{top:64px;right:12px;width:calc(100% - 24px);max-height:calc(100% - 120px)}.home-park-list summary{min-height:44px}.photo-marker-link .home-park-caption{opacity:1;padding:2px;gap:0}.photo-marker-link .home-park-name{font-size:12px}.photo-marker-link .recommendation{font-size:10px}.photo-marker-link .recommendation strong{font-size:11px}.photo-cluster-count{font-size:11px}.photo-marker-link .photo-placeholder{align-items:start;padding-top:4px;font-size:10px}html:not(.js) .home-park-grid{grid-template-columns:1fr}.map-surface,#park-map{height:390px;min-height:390px}.map-fit{min-height:44px}.select-options button{min-height:44px}}
@media(hover:none){.photo-marker-link .home-park-caption{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Live filtering keeps the current records visible while the next response loads. */
.reset-filters{background:var(--white);color:var(--ink);border-color:#d9d9d6}
.reset-filters:hover{background:var(--hover)}
.filter-feedback:has(.filter-status:not(.sr-only)){display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px}
.filter-retry{background:var(--white);border:1px solid var(--line);border-radius:4px;min-height:36px;padding:5px 12px}
.directory[aria-busy=true] .results-heading>p{color:var(--muted)}