:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;--bg:#f3f7f8;--surface:#fff;--ink:#17252f;--muted:#536772;--border:#c7d5db;--accent:#075985;--accent-soft:#e6f3f8}
*{box-sizing:border-box}
html{background:var(--bg);color:var(--ink)}
body{margin:0;overflow-wrap:anywhere}
a{color:var(--accent)}
a:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
.skip-link{background:var(--surface);left:1rem;padding:.65rem;position:absolute;top:-5rem;z-index:2}
.skip-link:focus{top:1rem}
.browse-header{align-items:center;background:var(--surface);border-bottom:1px solid var(--border);display:flex;gap:1rem;justify-content:space-between;padding:.9rem clamp(1rem,4vw,2.5rem)}
.browse-brand{font-size:1.15rem;font-weight:750;text-decoration:none}
.browse-header nav{display:flex;flex-wrap:wrap;gap:.5rem 1rem}
main{margin-inline:auto;max-width:76rem;padding:clamp(1.25rem,4vw,3rem)}
h1{font-size:clamp(2rem,5vw,3.35rem);line-height:1.08;margin:.25rem 0 1rem}
h2{margin-top:2.25rem}
.eyebrow{color:var(--accent);font-size:.82rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.lede{color:var(--muted);font-size:clamp(1.05rem,2.2vw,1.3rem);max-width:52rem}
.count{font-weight:700}
.source-note{background:var(--accent-soft);border-inline-start:4px solid var(--accent);margin:1.5rem 0;padding:1rem;max-width:62rem}
.primary-link{background:var(--accent);border-radius:.45rem;color:#fff;display:inline-block;font-weight:700;min-height:44px;padding:.7rem 1rem;text-decoration:none}
.browse-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));list-style:none;margin:0;padding:0}
.browse-grid--compact{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}
.browse-grid li{background:var(--surface);border:1px solid var(--border);border-radius:.65rem;padding:1rem}
.browse-grid a{font-weight:720}
.browse-grid span,.browse-grid p{color:var(--muted);display:block;font-size:.92rem;margin:.25rem 0 0}
.lake-list{background:var(--surface);border:1px solid var(--border);border-radius:.65rem;list-style-position:inside;margin:1rem 0;padding:.25rem clamp(.75rem,3vw,1.25rem)}
.lake-list li{border-bottom:1px solid var(--border);padding:.7rem 0}
.lake-list li:last-child{border-bottom:0}
.lake-list a{font-weight:700}
.lake-list span{color:var(--muted);display:block;font-size:.9rem;margin-left:1.6rem}
.pagination{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.25rem 0}
.pagination a,.pagination span{align-items:center;border:1px solid var(--border);border-radius:.35rem;display:inline-flex;justify-content:center;min-height:44px;min-width:44px;padding:.35rem}
.pagination span{background:var(--accent);color:#fff;font-weight:700}
footer{border-top:1px solid var(--border);padding:1.2rem;text-align:center}
@media(max-width:32rem){.browse-header{align-items:flex-start;flex-direction:column}.lake-list span{margin-left:0}.pagination a,.pagination span{min-width:40px}}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#10191f;--surface:#18262f;--ink:#eef7fa;--muted:#bdcbd2;--border:#48606c;--accent:#7dd3fc;--accent-soft:#173849}.primary-link{color:#10191f}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media print{:root{color-scheme:light;--bg:#fff;--surface:#fff;--ink:#000;--muted:#222;--border:#777;--accent:#000;--accent-soft:#fff}.skip-link,.browse-header nav,.pagination,footer{display:none!important}.browse-header{border:0;padding:0}.browse-brand{color:#000;text-decoration:none}main{max-width:none;padding:1rem 0}.browse-grid,.lake-list{break-inside:auto}.browse-grid li,.lake-list li{break-inside:avoid}.primary-link{background:none;border:1px solid #000;color:#000}.lake-list a[href]::after{content:" (" attr(href) ")";font-size:.8em;font-weight:400}}