: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,.install-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}.install-btn{font-size:12px}.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}.pdf-tools{display:flex;gap:8px;padding:8px 6px 12px}.pdf-frame{width:100%;height:calc(100vh - 160px);border:1px solid var(--line);border-radius:14px;background:white}.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(4,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}.toast{position:fixed;left:50%;bottom:82px;transform:translateX(-50%) translateY(30px);background:#18231d;color:white;padding:10px 14px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:50;font-size:13px;white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.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}.pdf-frame{height:calc(100vh - 150px)}}

/* 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))}}