:root{--green:#173f2d;--green2:#315d45;--parch:#e6d3aa;--paper:#f4e9d0;--ink:#223229;--muted:#68736c;--gold:#b98032;--line:#c8b184;--white:#fffdf8;--shadow:0 10px 28px rgba(55,42,24,.14)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--parch);color:var(--ink)}body{padding-bottom:76px}.topbar{position:sticky;top:0;z-index:20;height:64px;background:rgba(23,63,45,.97);color:white;display:flex;align-items:center;gap:12px;padding:8px 14px;box-shadow:0 3px 14px rgba(0,0,0,.18)}.brand{display:flex;flex-direction:column;line-height:1.05;flex:1}.brand strong{font-size:17px}.brand span{font-size:12px;opacity:.86}.icon-btn{border:1px solid rgba(255,255,255,.35);background:transparent;color:white;border-radius:12px;padding:8px 10px;font-weight:700}.icon-btn{font-size:20px;line-height:1}.hidden{visibility:hidden}.hero{margin:0;background:var(--green);color:white}.hero img{width:100%;height:210px;object-fit:cover;display:block}.hero-copy{padding:24px 20px 28px;background:linear-gradient(160deg,var(--green),#244f39)}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#f3dca7;font-weight:800}.hero h1{font-size:31px;line-height:1.03;margin:8px 0 12px}.hero p{margin:0;line-height:1.5;color:#edf3ee}.section{padding:22px 18px}.section h2{margin:0 0 14px;color:var(--green);font-size:24px}.section-sub{margin:-7px 0 16px;color:var(--muted);line-height:1.45}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{background:rgba(255,253,248,.72);border:1px solid var(--line);border-radius:17px;padding:17px;box-shadow:var(--shadow);text-decoration:none;color:inherit}.card h3{margin:0 0 6px;color:var(--green);font-size:18px}.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.state-card{min-height:130px;position:relative;overflow:hidden}.state-card .count{display:inline-block;margin-top:15px;background:var(--green);color:white;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.state-card:after{content:attr(data-abbr);position:absolute;right:10px;bottom:-14px;font-weight:900;font-size:72px;color:rgba(23,63,45,.09)}.wide-card{grid-column:1/-1;display:flex;gap:14px;align-items:center}.wide-card .big-icon{font-size:30px}.search-wrap{position:sticky;top:64px;z-index:10;background:var(--parch);padding:12px 18px 8px}.search{width:100%;border:1px solid var(--line);background:#fffaf0;border-radius:14px;padding:13px 15px;font-size:16px;outline:none}.search:focus{border-color:var(--green2);box-shadow:0 0 0 3px rgba(49,93,69,.12)}.park-list{padding:8px 18px 26px;display:grid;gap:9px}.park-row{background:rgba(255,253,248,.74);border:1px solid #cfbd98;border-radius:14px;padding:13px 14px;text-align:left;width:100%;color:var(--ink);box-shadow:0 3px 10px rgba(60,45,25,.07)}.park-row strong{display:block;color:var(--green);font-size:16px}.park-row span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.detail{padding:22px 18px}.detail-card{background:rgba(255,253,248,.80);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow)}.detail h1{font-size:29px;color:var(--green);margin:5px 0}.location{color:var(--muted);font-weight:650}.description{font-size:16px;line-height:1.55;margin:18px 0}.badge{display:inline-block;border:1px solid var(--green2);color:var(--green);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.actions{display:grid;gap:10px;margin-top:18px}.btn{display:block;text-align:center;text-decoration:none;border-radius:13px;padding:14px;font-weight:800;border:1px solid var(--green);cursor:pointer}.btn.primary{background:var(--green);color:white}.btn.secondary{background:#fffaf0;color:var(--green)}.btn.gold{background:#b98032;color:white;border-color:#9b6b27}.note{margin-top:16px;padding:13px 14px;border-left:4px solid var(--gold);background:rgba(255,250,240,.68);font-size:13px;line-height:1.45}.pdf-shell{padding:12px 12px 24px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:68px;background:#f9edd3;border-top:1px solid #c7af83;display:grid;grid-template-columns:repeat(3,1fr);z-index:30}.bottom-nav button{border:0;background:transparent;color:var(--green);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:19px;gap:2px}.bottom-nav span{font-size:11px;font-weight:700}.alpha{display:flex;gap:6px;overflow:auto;padding:0 18px 10px}.alpha button{border:1px solid var(--line);background:#fff8e8;color:var(--green);border-radius:9px;padding:7px 9px;font-weight:800}.empty{padding:30px;text-align:center;color:var(--muted)}
@media(min-width:760px){body{padding-bottom:0}.bottom-nav{position:sticky;top:64px;bottom:auto;height:52px}.bottom-nav button{flex-direction:row;gap:6px}.hero{display:grid;grid-template-columns:1.15fr .85fr}.hero img{height:340px}.hero-copy{display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:43px}.section,.search-wrap,.park-list,.detail{max-width:980px;margin:auto}.grid{grid-template-columns:repeat(3,1fr)}.wide-card{grid-column:auto;display:block}.pdf-shell{max-width:1180px;margin:auto}}

/* Single-page profiles use a width-fitted PDF canvas, with normal vertical scrolling. */
.profile-shell{width:100%;min-width:0}
.profile-viewer{width:100%;min-width:0;background:white}
.profile-sheet{position:relative;width:100%;min-width:0}
.profile-sheet canvas{display:block;max-width:100%;height:auto}
.profile-pdf-link{position:absolute;display:block}
.profile-pdf-link:focus-visible{outline:2px solid #173f2d;outline-offset:1px}
.profile-status{padding:20px;margin:0}

/* Scoped to Gear & Checklists; all other screens retain their existing styling. */
.checklist-heading{color:var(--green);font-size:20px;margin:22px 0 12px}
.checklist-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.checklist-card{min-width:0}
.checklist-card h4{color:var(--green);font-size:18px;margin:0 0 12px}
.checklist-items{list-style:none;margin:0;padding:0}
.checklist-items li+li{border-top:1px solid var(--line)}
.checklist-items label{display:flex;align-items:flex-start;gap:10px;padding:10px 0;line-height:1.45;cursor:pointer;overflow-wrap:anywhere}
.checklist-items input{flex:0 0 auto;width:20px;height:20px;margin:2px 0 0;accent-color:var(--green)}
.checklist-items input:checked+span{text-decoration:line-through;color:var(--muted)}
@media(min-width:760px){.checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Additions for the expanded state directories; original rules are preserved. */
a.expanded-state-card,a.park-row{text-decoration:none;color:inherit;display:block}
.expanded-state-card{position:relative;overflow:hidden}.expanded-state-card .state-outline{position:absolute;right:9px;bottom:12px;width:100px;height:80px;opacity:.22;object-fit:contain;pointer-events:none}.expanded-state-card h3,.expanded-state-card p,.expanded-state-card .count{position:relative;z-index:1}.expanded-state-card:after{display:none}
.state-banner{margin-bottom:0}.state-banner .hero-copy{min-width:0;position:relative}.state-banner .banner-outline{position:absolute;right:20px;bottom:18px;width:130px;height:100px;opacity:.65;object-fit:contain}.state-banner .hero-copy p{max-width:75%}.state-image-credit{padding:0 20px}.image-credit{font-size:12px;line-height:1.55;color:#6c634f;overflow-wrap:anywhere}.image-credit a,.park-facts a,.park-breadcrumb,.park-excerpt a{color:#22533a}.park-breadcrumb{display:inline-block;margin-bottom:18px}.park-photo{margin:22px 0}.park-photo img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:10px}.park-photo figcaption{margin-top:8px}.park-facts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:26px 0}.park-facts{padding:20px;background:#eee6d4;border:1px solid #d4c49f;border-radius:12px;min-width:0}.park-facts h2{font-size:23px;color:#173f2d;margin:0 0 15px}.park-facts h3{font-size:18px}.park-facts p,.park-facts li,.park-facts dd{font-size:15px;line-height:1.65}.park-facts ul{padding-left:20px}.park-facts dt{font-weight:bold;color:#173f2d}.park-facts dd{margin:4px 0 12px}.park-excerpt{margin:20px 0;padding:14px 18px;border-left:3px solid #b18a4c;line-height:1.65}.park-excerpt a{font-size:13px;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:650px){.park-facts-grid{grid-template-columns:1fr;gap:16px}.state-banner .banner-outline{width:90px;height:75px;right:10px}.state-banner .hero-copy p{max-width:75%}.expanded-park .detail-card{overflow-wrap:anywhere}.expanded-park .actions{min-width:0}.park-facts{padding:17px}.state-image-credit{padding:0 14px}}

/* Reuse the original three-state listing flow; additions apply only to added-state guides. */
.standard-guide{background:#e8d5aa!important;border-radius:0!important;padding:0!important;overflow:hidden;color:#173f2d}
.standard-guide>.guide-state-header{background:#173f2d;color:white;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 18px;font-size:14px}.guide-state-header span{font-size:10px}
.standard-guide>.park-photo{margin:0}.standard-guide>.park-photo img{width:100%;height:auto;border-radius:0;aspect-ratio:2/1;object-fit:contain}.standard-guide .park-breadcrumb{margin:16px 22px}.standard-guide>.badge,.standard-guide>h1,.standard-guide>.location,.standard-guide>.description,.standard-guide>.park-excerpt,.standard-guide>.note,.standard-guide>.park-facts-grid,.standard-guide>.image-credit{margin-left:22px;margin-right:22px}.standard-guide>.badge{display:none}.standard-guide>h1{margin-top:8px}.standard-guide>.description{line-height:1.6}
.guide-at-glance{margin:20px 22px;background:#eef2e8;border:1px solid #c1c8ad}.guide-at-glance h2{margin:0;background:#c8d8b9;padding:7px;font-size:14px;text-align:center}.guide-glance-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px}.guide-glance-items>div{text-align:center;font-size:12px;line-height:1.5;padding:5px;border-right:1px solid #c1c8ad}.guide-glance-items>div:last-child{border:0}.guide-glance-items span{display:block;font-size:26px;font-weight:bold}
.guide-quick-planning{margin:20px 22px}.guide-quick-planning table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:14px}.guide-quick-planning th,.guide-quick-planning td{padding:9px 10px;text-align:left;vertical-align:top;border-bottom:1px solid #bbc9b1;overflow-wrap:anywhere}.guide-quick-planning thead{background:#173f2d;color:white}.guide-quick-planning th:first-child{width:27%}.guide-quick-planning tbody th{background:#e7efdf}.guide-quick-planning tbody td{background:#fffefa}.standard-guide .park-facts{background:#f7f3e7}.standard-guide>.actions{margin:24px 22px}.standard-guide>.actions .secondary{background:#09629e;color:#fff;border-color:#09629e}.standard-guide>.actions .gold{background:#286f2e;color:#fff;border-color:#286f2e}.standard-guide>.image-credit:last-child{display:block;margin-bottom:22px}.standard-guide .booking-destination-note{margin:16px 22px}
@media(max-width:650px){.guide-state-header{flex-direction:column;align-items:flex-start!important;gap:4px!important}.guide-glance-items{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-glance-items>div:nth-child(2){border-right:0}.guide-quick-planning th:first-child{width:34%}.guide-quick-planning table{font-size:12px}.standard-guide>h1{font-size:28px}.standard-guide>.park-facts-grid{grid-template-columns:1fr}}

.standard-guide .park-photo figcaption{margin:10px 22px;font-size:12px;line-height:1.5}

.guide-glance-items .guide-icon{display:block;width:28px;height:28px;margin:0 auto 7px}.standard-guide>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:650px){.standard-guide>.actions{grid-template-columns:1fr}}

/* Added-state profiles: preserve the master hero + planning column + four-photo grid. */
.standard-guide .guide-master-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;margin:18px 22px 24px;align-items:start}
.standard-guide .guide-profile-copy,.standard-guide .guide-profile-visual{min-width:0}
.standard-guide .guide-profile-copy h1{margin:0 0 7px;font-size:clamp(25px,2.6vw,36px);line-height:1.15;color:#173f2d}
.standard-guide .guide-profile-copy .location{margin:0 0 12px}
.standard-guide .guide-profile-copy .description{margin:0 0 18px;line-height:1.6}
.standard-guide .guide-profile-copy .guide-quick-planning{margin:22px 0}
.standard-guide .guide-profile-copy .park-excerpt{margin:18px 0}
.standard-guide .guide-profile-copy .park-facts-grid{grid-template-columns:1fr;gap:14px}
.standard-guide .guide-profile-copy .guide-reservation-note .booking-destination-note{margin:18px 0}
.standard-guide .guide-profile-copy>.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 0}
.standard-guide .guide-profile-copy>.actions .secondary{background:#09629e;color:#fff;border-color:#09629e}
.standard-guide .guide-profile-copy>.actions .gold{background:#286f2e;color:#fff;border-color:#286f2e}
.standard-guide .guide-profile-visual .guide-at-glance{margin:0 0 16px}
.standard-guide .guide-profile-visual .guide-glance-items{grid-template-columns:repeat(4,minmax(0,1fr));padding:7px 2px}
.standard-guide .guide-profile-visual .guide-glance-items>div{font-size:10px;padding:5px 3px}
.standard-guide .guide-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.standard-guide .guide-gallery-photo{margin:0;min-width:0;background:#f7f3e7;border:1px solid #c9bf9e}
.standard-guide .guide-gallery-photo img{display:block;width:100%;height:auto;aspect-ratio:auto;border:0}
.standard-guide .guide-gallery-photo figcaption{font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.standard-guide .guide-photo-caption{display:block;padding:7px 8px;background:#173f2d;color:#fff}
.standard-guide .guide-photo-credit{display:block;padding:7px 8px;color:#4c4a38}
.standard-guide .guide-photo-credit a{color:#315e4b}
.standard-guide .guide-image-link{display:block}
.standard-guide .guide-photo-availability{font-size:12px;line-height:1.5;background:#f7f3e7;padding:12px;border-left:3px solid #b98032}
@media(max-width:850px){.standard-guide .guide-master-layout{grid-template-columns:1fr;margin:18px 20px 24px;gap:22px}.standard-guide .guide-profile-visual .guide-glance-items{grid-template-columns:repeat(4,minmax(0,1fr))}.standard-guide .guide-profile-copy>.actions{grid-template-columns:1fr}.standard-guide .guide-photo-grid{gap:10px}.standard-guide .guide-profile-copy h1{font-size:28px}}
@media(max-width:370px){.standard-guide .guide-master-layout{margin-left:14px;margin-right:14px}.standard-guide .guide-photo-grid{gap:8px}.standard-guide .guide-gallery-photo figcaption{font-size:10px}}

.standard-guide .guide-gallery-photo{height:100%;display:flex;flex-direction:column}
.standard-guide .guide-gallery-photo img{aspect-ratio:4/3;object-fit:cover;object-position:center}
.standard-guide .guide-gallery-photo figcaption{flex:1}
@media(max-width:850px){
 .standard-guide .guide-master-layout{display:flex;flex-direction:column;gap:16px}
 .standard-guide .guide-profile-copy,.standard-guide .guide-profile-visual{display:contents}
 .standard-guide .guide-profile-copy>h1{order:1;width:100%}
 .standard-guide .guide-profile-copy>.location{order:2;width:100%}
 .standard-guide .guide-profile-copy>.description{order:3;width:100%}
 .standard-guide .guide-profile-visual>.guide-at-glance{order:4;width:100%}
 .standard-guide .guide-profile-visual>.guide-photo-panel{order:5;width:100%}
 .standard-guide .guide-profile-copy>.guide-quick-planning{order:6;width:100%}
 .standard-guide .guide-profile-copy>.park-excerpt{order:7;width:100%;box-sizing:border-box}
 .standard-guide .guide-profile-copy>.note{order:8;width:100%;box-sizing:border-box}
 .standard-guide .guide-profile-copy>.park-facts-grid{order:9;width:100%}
 .standard-guide .guide-profile-copy>.guide-reservation-note{order:10;width:100%}
 .standard-guide .guide-profile-copy>.actions{order:11;width:100%}
}

.standard-guide .guide-state-header strong{display:flex;align-items:center;gap:7px}.standard-guide .guide-state-tree{width:20px;height:24px;flex:none}

/* Keep document and keyboard order consistent with the phone reading order. */
.standard-guide .guide-master-layout{display:grid;grid-template-areas:"intro visual" "planning visual";grid-template-rows:auto 1fr}
.standard-guide .guide-profile-intro{grid-area:intro;min-width:0}
.standard-guide .guide-profile-copy{grid-area:planning;display:block}
.standard-guide .guide-profile-visual{grid-area:visual;display:block}
.standard-guide .guide-profile-intro h1{margin:0 0 7px;font-size:clamp(25px,2.6vw,36px);line-height:1.15;color:#173f2d}
.standard-guide .guide-profile-intro .location{margin:0 0 12px}
.standard-guide .guide-profile-intro .description{margin:0;line-height:1.6}
.standard-guide .guide-profile-copy .guide-quick-planning{margin-top:0}
@media(max-width:850px){.standard-guide .guide-master-layout{display:flex;flex-direction:column}.standard-guide .guide-profile-intro,.standard-guide .guide-profile-visual,.standard-guide .guide-profile-copy{display:block;width:100%}.standard-guide .guide-profile-intro h1{font-size:28px}}

/* Separate federal directories; reuse the existing guide palette and controls. */
.federal-categories{padding:16px 18px;margin:0;flex-wrap:wrap;gap:10px}.federal-categories .btn{flex:1 1 160px;text-align:center}.federal-planning details{padding:18px;overflow-wrap:anywhere}.federal-planning summary{cursor:pointer;color:#173f2d}.federal-details-body{padding-top:16px}.federal-details-body h3{margin-top:24px}.federal-details-body .park-facts{margin:14px 0}.federal-details-body li{margin:8px 0}.federal-details-body a{color:#07559b}.federal-details-body p{line-height:1.6}

/* Requested longer homepage title; retain the current typeface and hero layout. */
.hero-copy .home-title{font-size:clamp(25px,4vw,39px);line-height:1.14;text-wrap:balance;overflow-wrap:break-word;max-width:100%;margin:0 0 12px}

/* Keep the three existing navigation positions centered with the longer tools label. */
.bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.bottom-nav button{min-width:0;width:100%;padding:6px 4px;text-align:center}
.bottom-nav span{white-space:nowrap}