:root{--ink:#13313d;--mut:#577484;--fnt:#8aa0ab;--sea:#0a7ea3;--seadk:#0a5f7a;--sand:#eef5f7;--sun:#e8853d;--line:#d7e7ea;--ok:#1a7f5f;--mid:#2563eb;--warn:#b45309}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
@media(max-width:640px){.wrap{padding:0 28px}}
/* Guard: content-column sections must keep the .wrap side gutters even if a page sets shorthand padding (e.g. padding:Npx 0 0). Higher specificity (.wrap.x) wins over a later inline .x rule, so new guide/blog/parking pages cannot go edge-to-edge on mobile. */
.wrap.pintro,.wrap.gsec,.wrap.bsec,.wrap.psec,.wrap.wsec,.wrap.tips,.wrap.gcat,.wrap.crumb,.wrap.count{padding-left:22px;padding-right:22px}
@media(max-width:640px){.wrap.pintro,.wrap.gsec,.wrap.bsec,.wrap.psec,.wrap.wsec,.wrap.tips,.wrap.gcat,.wrap.crumb,.wrap.count{padding-left:28px;padding-right:28px}}
header.nav{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:600}
.navin{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font-weight:500;font-size:1.4rem;letter-spacing:-.02em;display:flex;align-items:center;gap:9px;color:var(--mut)}
.logo svg{width:26px;height:26px}
.navlinks{display:flex;gap:26px;font-size:.92rem;color:var(--mut)}
.navlinks a:hover{color:var(--sea)}
.navtoggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer}
.navtoggle svg{width:22px;height:22px}
.nearby-foot{margin-top:10px;padding:30px 22px 6px;border-top:1px solid var(--line)}
.nearby-foot h2{margin-bottom:14px}
.hero{position:relative;color:var(--ink);min-height:min(88vh,760px);display:flex;align-items:center;padding:70px 0 130px;overflow:hidden;background:#fff}
#heromap{position:absolute;inset:0;width:100%;height:100%}
.heroscrim{position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fff 30%,rgba(255,255,255,.72) 52%,rgba(255,255,255,0) 78%);pointer-events:none}
.hero .wavediv{position:absolute;left:0;right:0;bottom:-1px;z-index:3}
.hero .in{position:relative;z-index:2;max-width:36rem;text-align:left}
.hero .kick{font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--sea)}
.herowave{display:block;width:74px;height:10px;margin:18px 0 0;opacity:.95}
.heroctas{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}
.btn2{display:inline-flex;align-items:center;gap:9px;background:var(--sea);color:#fff;font-weight:600;font-size:.95rem;padding:13px 26px;border-radius:999px;transition:background .2s}
.btn2:hover{background:#08506a}
.btn2.ghost{background:transparent;color:var(--sea);border:1.5px solid var(--line)}
.btn2.ghost:hover{border-color:var(--sea)}
#htip{position:absolute;z-index:5;pointer-events:none;background:#10222e;color:#fff;font-size:.8rem;font-weight:600;padding:6px 11px;border-radius:8px;transform:translate(-50%,-130%);opacity:0;transition:opacity .15s;white-space:nowrap}
#htip span{display:block;font-weight:400;font-size:.72rem;color:#9fb1bc}
.dg{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;padding:4px 11px;border-radius:999px}
.dg svg{flex:none}
.dg-ok{background:rgba(26,127,95,.12);color:#13654b}
.dg-season{background:rgba(232,133,61,.16);color:#a85a22}
.dg-restrict{background:rgba(179,66,47,.13);color:#9c3a29}
.h2w{display:inline-block;width:44px;height:7px;margin-left:10px;vertical-align:middle}
.panel{border-top:1px solid var(--line);margin-top:34px;padding-top:26px}
.panel h3{font-size:.82rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mut);margin-bottom:10px}
.amgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.am{display:flex;align-items:center;gap:8px;font-size:.84rem;padding:7px 10px;border-radius:9px;background:#fff;border:1px solid var(--line)}
.am .ami{flex:none;width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.66rem;font-weight:800}
.am.ok{color:var(--ink)} .am.ok .ami{background:rgba(11,110,143,.12);color:var(--sea)}
.am.no{color:#a8b2ba} .am.no .ami{background:#f0f0ee;color:#b5bcc2}
.am.no span.lbl{text-decoration:line-through;text-decoration-color:#cdd4d9}
.wq5{margin-top:4px;position:relative}.wqbadge{position:absolute;top:4px;right:4px;line-height:0}.wqlink{margin-top:9px}.wqlink a{color:var(--sea);font-weight:600;font-size:.74rem}
.wq5 .row{display:flex;align-items:center;gap:10px}
.spark{display:flex;align-items:flex-end;gap:7px;height:42px}
.spark .bar{flex:1 1 0;min-width:0;border-radius:5px 5px 2px 2px;background:#d97706;min-height:4px}
.spark .bar.zero{background:#a9d2bd;height:9px}
.spark5lbl{display:flex;gap:7px;margin-top:5px}
.spark5lbl span{flex:1 1 0;text-align:center;font-size:.62rem;color:var(--fnt)}
.wqcap{font-size:.74rem;color:var(--mut);margin-top:8px}
.wqcap a{color:var(--sea);font-weight:600}
.gline{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:700;margin-bottom:10px}
.dogband{background:var(--sand);padding:22px 0 24px;font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.dbin{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.dbpaw{flex:none;width:81px;height:81px;border-radius:24px;display:flex;align-items:center;justify-content:center}
.dbpaw svg{width:62px;height:62px}
.db-ok .dbpaw{background:rgba(26,127,95,.14);color:#13654b}
.db-season .dbpaw{background:rgba(232,133,61,.18);color:#a85a22}
.db-restrict .dbpaw{background:rgba(179,66,47,.14);color:#9c3a29}
.dbt{font-size:1.34rem;font-weight:600;letter-spacing:-.015em}
.db-ok .dbt{color:#13654b}.db-season .dbt{color:#a85a22}.db-restrict .dbt{color:#9c3a29}
.dbd{font-size:1rem;color:#33454f;margin-top:4px;max-width:46rem;line-height:1.55}
.dbv{margin-left:auto;font-size:.74rem;color:var(--fnt);max-width:170px;text-align:right}
@media(max-width:700px){.dbv{margin-left:0;text-align:left;max-width:none}}
.bhero .wavediv{position:absolute;left:0;right:0;bottom:-1px;z-index:3}
@media(max-width:840px){.heroscrim{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.82) 55%,rgba(255,255,255,.45) 100%)}.hero{padding-top:46px}.hero .in{max-width:100%}}
.hero .in{position:relative;z-index:2}
.hero h1{font-size:clamp(2.2rem,5.6vw,3.7rem);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin-top:14px}
.hero h1 em{font-style:normal;color:var(--sea)}
.hero p{max-width:30rem;margin:20px 0 0;color:var(--mut);font-size:1.05rem}
.hero .stats{margin-top:38px;justify-content:flex-start;gap:36px}
.search{max-width:30rem;margin:32px auto 0;position:relative}
.search input{width:100%;padding:15px 20px 15px 48px;font-size:1rem;border:1.5px solid var(--line);border-radius:999px;outline:none;font-family:inherit;transition:border-color .2s,box-shadow .2s}
.search input:focus{border-color:var(--sea);box-shadow:0 0 0 4px rgba(11,110,143,.08)}
.search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--fnt)}
.stats{display:flex;justify-content:center;gap:46px;margin-top:46px;flex-wrap:wrap}
.stat{text-align:center}
.stat b{display:block;font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:var(--sea)}
.stat span{font-size:.82rem;color:var(--fnt)}
.wave{display:block;width:100%;height:38px;color:var(--sand)}
.filters{background:var(--sand);padding:18px 0 8px;position:sticky;top:62px;z-index:500;border-bottom:1px solid var(--line)}
.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-bottom:14px}
.tsearch{position:relative;flex:1 1 230px;min-width:200px}
.tsearch input{width:100%;padding:11px 16px 11px 40px;font-size:.92rem;border:1.5px solid var(--line);border-radius:12px;outline:none;font-family:inherit;background:#fff;transition:border-color .2s,box-shadow .2s}
.tsearch input:focus{border-color:var(--sea);box-shadow:0 0 0 4px rgba(11,110,143,.08)}
.tsearch svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--fnt)}
.rsel{padding:11px 34px 11px 14px;font-size:.9rem;border:1.5px solid var(--line);border-radius:12px;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'><path d='M1 1.5 L6 6.5 L11 1.5' fill='none' stroke='%235b707d' stroke-width='1.8' stroke-linecap='round'/></svg>") no-repeat right 12px center/12px 8px;font-family:inherit;color:var(--ink);appearance:none;cursor:pointer}
.tseg{display:flex;background:#fff;border:1.5px solid var(--line);border-radius:12px;overflow:hidden}
.tseg button{display:flex;align-items:center;gap:7px;padding:11px 14px;border:none;background:transparent;font-family:inherit;font-size:.86rem;color:var(--mut);cursor:pointer;border-left:1px solid var(--line);transition:background .15s,color .15s}
.tseg button:first-child{border-left:none}
.tseg button svg{width:14px;height:14px}
.tseg button .n{font-size:.72rem;color:var(--fnt)}
.tseg button:hover{color:var(--sea)}
.tseg button.on{background:var(--sea);color:#fff}
.tseg button.on .n{color:rgba(255,255,255,.75)}
.mapbtn{display:flex;align-items:center;gap:8px;padding:11px 18px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-family:inherit;font-size:.9rem;color:var(--mut);cursor:pointer;transition:all .15s}
.mapbtn:hover{border-color:var(--sea);color:var(--sea)}
.mapbtn.on{background:var(--sea);border-color:var(--sea);color:#fff}
.chiprow{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:12px}
.chiprow .lbl{font-size:.78rem;color:var(--fnt);align-self:center;margin-right:2px;min-width:52px}
.chip{padding:7px 15px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:.85rem;color:var(--mut);cursor:pointer;font-family:inherit;transition:all .15s}
.chip:hover{border-color:var(--sea);color:var(--sea)}
.chip.on{background:var(--sea);border-color:var(--sea);color:#fff}
.maptoggle{margin-left:auto}
#map{height:0;overflow:hidden;transition:height .35s ease;border-radius:14px;margin:0 0 6px;z-index:1}
#map.open{height:440px;margin-bottom:22px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:26px;padding:38px 0 70px}
.count{padding:26px 0 0;color:var(--fnt);font-size:.88rem}
.card{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .22s ease,box-shadow .22s ease;opacity:0;transform:translateY(14px)}
.card.vis{opacity:1;transform:translateY(0)}
.card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(16,34,46,.10)}
.card .ph{aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.card:hover .ph img{transform:scale(1.05)}
.card .ph{position:relative}
.card .lap{position:absolute;left:-8px;right:-8px;bottom:-1px;height:16px;width:calc(100% + 16px);transition:transform .7s ease}
.card:hover .lap{transform:translateX(-9px)}
.card .bd{padding:13px 17px 16px}
.exline{display:flex;align-items:center;gap:7px;font-size:.77rem;font-weight:600;margin-top:10px}
.exline svg{flex:none}
.x-none{color:var(--ok)}.x-low{color:var(--sea)}.x-moderate{color:#d97706}.x-high{color:#b45309}
.g-clear{color:#1a7f5f}.g-brief{color:#d97706}.g-spill{color:#b45309}
.card h3{font-size:1.02rem;font-weight:700;letter-spacing:-.015em}
.card .rg{font-size:.8rem;color:var(--fnt);margin-top:2px}
.meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.pill{font-size:.72rem;padding:3px 9px;border-radius:999px;background:var(--sand);color:var(--mut)}
.pill.w-excellent{background:#e3f3ec;color:var(--ok)}
.pill.w-good{background:#e5edfc;color:var(--mid)}
.pill.w-sufficient{background:#f8ecd9;color:var(--warn)}
.rate{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;color:var(--mut);margin-top:10px}
.rate svg{width:13px;height:13px;color:#eab308}
footer{background:var(--ink);color:#b8c4cc;padding:46px 0;font-size:.86rem}
footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a{color:#dde6eb}
.bhero{position:relative;height:min(54vh,460px);background:var(--sand)}
.bhero img{width:100%;height:100%;object-fit:cover}
.bhero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,28,0) 40%,rgba(8,20,28,.62))}
.bhero .ttl{position:absolute;left:0;right:0;bottom:0;padding:28px 0 96px;color:#fff}
.bhero h1{font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:400;letter-spacing:-.03em;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.bhero .rg{opacity:.92;font-size:clamp(1.05rem,2.2vw,1.35rem);margin-top:1px}
.crumb{padding-top:14px;font-size:.84rem;color:var(--fnt)}
.crumb a:hover{color:var(--sea)}
.detail{display:grid;grid-template-columns:1fr 330px;gap:44px;padding-top:36px;padding-bottom:70px}
.detail h2{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin:26px 0 10px}
.detail h2:first-child{margin-top:0}
.detail p{color:#33454f;margin-bottom:12px}
.overview{position:relative}
.overview p{margin:0}
.overview p+p{margin-top:14px}
.overview.clamp{max-height:7.5em;overflow:hidden}
.overview.clamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3em;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none}
.overview.clamp.open{max-height:none}
.overview.clamp.open::after{display:none}
.readmore{margin-top:12px;display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;color:var(--sea);font-family:inherit;font-weight:600;font-size:.92rem;cursor:pointer}
.readmore:hover{color:var(--seadk)}
.facts{border:1px solid var(--line);border-radius:16px;padding:20px 22px;background:var(--sand);position:sticky;top:96px}
.facts h2{font-size:.95rem;margin:0 0 12px}
.frow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:.88rem}
.frow b{font-weight:600}
.frow .v{color:var(--mut);text-align:right}
.bmap{height:300px;border-radius:14px;margin-top:10px;z-index:1}
.nearrow{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:14px}
.gmaps{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:.88rem;color:var(--sea);font-weight:600}
.gmaps:hover{color:var(--seadk)}
.up{position:fixed;right:20px;bottom:20px;width:42px;height:42px;border-radius:50%;background:var(--sea);color:#fff;border:none;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s;z-index:700;font-size:1.1rem}
.up.show{opacity:.92;pointer-events:auto}

.wavediv{position:relative;height:84px;overflow:hidden;pointer-events:none}
.wavediv i{position:absolute;left:0;right:0;bottom:0;height:100%;background-repeat:repeat-x;background-position:bottom;display:block}
.wavediv .a{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 84' preserveAspectRatio='none'><path d='M0 46 Q75 28 150 46 T300 46 T450 46 T600 46 V84 H0 Z' fill='%23dbe7ee'/></svg>");background-size:600px 84px;animation:wdrift 38s linear infinite}
.wavediv .b{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 84' preserveAspectRatio='none'><path d='M0 56 Q75 40 150 56 T300 56 T450 56 T600 56 V84 H0 Z' fill='%23c3d5e0'/></svg>");background-size:600px 84px;animation:wdrift 26s linear infinite reverse}
.wavediv .c{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 84' preserveAspectRatio='none'><path d='M0 66 Q75 52 150 66 T300 66 T450 66 T600 66 V84 H0 Z' fill='%23ffffff'/></svg>");background-size:600px 84px;animation:wdrift 18s linear infinite}
.wavediv.tofoot .a{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 84' preserveAspectRatio='none'><path d='M0 46 Q75 28 150 46 T300 46 T450 46 T600 46 V84 H0 Z' fill='%23b9c8d3'/></svg>")}
.wavediv.tofoot .b{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 84' preserveAspectRatio='none'><path d='M0 56 Q75 40 150 56 T300 56 T450 56 T600 56 V84 H0 Z' fill='%23597184'/></svg>")}
.wavediv.tofoot .c{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 84' preserveAspectRatio='none'><path d='M0 64 Q75 50 150 64 T300 64 T450 64 T600 64 V84 H0 Z' fill='%2310222e'/></svg>")}
@keyframes wdrift{from{background-position-x:0}to{background-position-x:600px}}
@media(prefers-reduced-motion:reduce){.wavediv i{animation:none}}
.navlinks a{position:relative;padding-bottom:4px}
.navlinks a.cur:after,.navlinks a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:6px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 6'><path d='M0 3 Q5 0.5 10 3 T20 3 T30 3 T40 3' fill='none' stroke='%230b6e8f' stroke-width='1.6'/></svg>") repeat-x;background-size:40px 6px}
.gauge{flex:none}
.gwrap{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600}
.g-excellent{color:#1a7f5f}.g-good{color:#2563eb}.g-sufficient{color:#b45309}
.h2wave{display:block;width:58px;height:8px;margin-top:8px}

@media(max-width:840px){.detail{grid-template-columns:1fr}.facts{position:static}.navlinks{display:none}.stats{gap:30px}.filters{position:static}.navtoggle{display:inline-flex}header.nav.navopen .navlinks{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:62px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 14px 30px rgba(16,34,46,.12);padding:6px 0;z-index:600}header.nav.navopen .navlinks a{padding:13px 22px;font-size:1rem;color:var(--ink)}}

.tline{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:700;margin-bottom:8px;flex-wrap:wrap}
.tline svg{flex:none}
.tcurve{display:block;width:100%;height:46px}
.tlbl{display:flex;justify-content:space-between;font-size:.62rem;color:var(--fnt);margin-top:2px}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gal button{padding:0;border:0;background:var(--sand);border-radius:10px;overflow:hidden;cursor:pointer;aspect-ratio:4/3;display:block}
.gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.gal button:hover img{transform:scale(1.05)}
.galcredit{margin-top:10px;font-size:.74rem;color:var(--fnt)}
.lb{position:fixed;inset:0;background:rgba(8,14,18,.92);display:none;align-items:center;justify-content:center;z-index:1000}
.lb.open{display:flex}
.lb img{max-width:92vw;max-height:82vh;border-radius:8px;object-fit:contain}
.lb .cap{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#dfe9ec;font-size:.86rem;padding:0 16px}
.lb .x,.lb .nav{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;cursor:pointer;border-radius:50%;width:46px;height:46px;font-size:1.4rem;line-height:1;display:flex;align-items:center;justify-content:center}
.lb .x{top:16px;right:16px}
.lb .prev{left:14px;top:50%;transform:translateY(-50%)}
.lb .next{right:14px;top:50%;transform:translateY(-50%)}
.lb .nav:hover,.lb .x:hover{background:rgba(255,255,255,.26)}
@media(max-width:560px){.gal{grid-template-columns:repeat(2,1fr)}}

/* "What's here" jump-nav band (mobile only) - spaced icon tiles */
.whatshere{display:none;background:var(--sand);padding:18px 0 20px}
.whatshere .nph{font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fnt);margin:0 0 12px}
.whatshere .navgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.whatshere .navlink{display:flex;align-items:center;gap:11px;width:100%;text-align:left;font:inherit;font-size:.95rem;font-weight:600;color:var(--ink);background:#fff;border:0;border-radius:10px;padding:12px 13px;cursor:pointer;box-shadow:0 1px 2px rgba(19,49,61,.06);transition:transform .15s ease,box-shadow .15s ease,color .15s ease}
.whatshere .navlink:hover{color:var(--sea);box-shadow:0 5px 14px rgba(19,49,61,.1);transform:translateY(-1px)}
.whatshere .navlink .ni{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:rgba(10,126,163,.1);color:var(--sea)}
.whatshere .navlink .ni svg{width:17px;height:17px}
.whatshere .navgrid .navlink:last-child{grid-column:1/-1}

/* Floating "Top" button - jumps back to the What's here panel (mobile only) */
.totop{position:fixed;right:16px;bottom:16px;z-index:700;display:none;align-items:center;gap:6px;padding:9px 15px 9px 12px;border-radius:999px;background:rgba(255,255,255,.55);-webkit-backdrop