
#shoreline-explorer #sx-context{margin:12px 0 20px}#shoreline-explorer #sx-context h3{font:normal 28px Georgia;margin:0 0 6px}#shoreline-explorer #sx-context p{margin:5px 0;color:var(--muted)}#shoreline-explorer .river-key{display:flex;flex-wrap:wrap;gap:20px;margin-top:10px;font-size:14px}#shoreline-explorer .river-key strong{color:var(--ink)}

#shoreline-explorer{--paper:light-dark(#f5f1e6,#152927);--ink:light-dark(#213e3c,#f0eadb);--muted:light-dark(#526c64,#b1c9c0);--rule:light-dark(#c4cec3,#45655b);--nws:light-dark(#007bb3,#39cfff);--ours:light-dark(#dc671e,#ffad55);color:var(--ink);background:var(--paper);font:14px/1.5 system-ui}#shoreline-explorer *{box-sizing:border-box}#shoreline-explorer .hero{display:grid;grid-template-columns:1fr 48%;min-height:190px}#shoreline-explorer .heading{padding:24px 28px}#shoreline-explorer .art{background:var(--art) center 57%/cover}#shoreline-explorer .kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}#shoreline-explorer h2{font:normal 36px/1.07 Georgia;margin:18px 0 10px;letter-spacing:-.03em}#shoreline-explorer .body{padding:18px 24px}#shoreline-explorer .filters{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:14px}#shoreline-explorer label{font-size:12px;color:var(--muted)}#shoreline-explorer select{font:16px Georgia;display:block;width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--rule);min-height:44px;margin-top:5px;padding:9px}#shoreline-explorer .legend,#shoreline-explorer .nav{display:flex;gap:16px;flex-wrap:wrap;align-items:center}#shoreline-explorer .legend{margin-bottom:12px}#shoreline-explorer button{font:13px system-ui;color:var(--ink);background:var(--paper);border:1px solid var(--rule);padding:8px 12px;min-height:40px}#shoreline-explorer .legend button{border:0;background:transparent;padding:5px 0;display:flex;align-items:center;gap:7px}#shoreline-explorer .legend button[aria-pressed=false]{opacity:.4}#shoreline-explorer .circle{width:12px;height:12px;border-radius:50%;background:var(--nws);display:inline-block}#shoreline-explorer .diamond{width:11px;height:11px;background:var(--ours);transform:rotate(45deg);display:inline-block;margin-inline:3px}#shoreline-explorer .line{display:inline-block;width:25px;border-top:1px solid var(--muted);transform:rotate(-25deg)}#shoreline-explorer .nav{gap:6px;margin:4px 0 10px}#shoreline-explorer .nav button{min-width:42px}#shoreline-explorer .hint,#shoreline-explorer .coverage,#shoreline-explorer .fine{font-size:12px;color:var(--muted)}#shoreline-explorer .hint{margin-left:auto}#shoreline-explorer .chart-wrap{position:relative}#shoreline-explorer .plot{display:block;width:100%;touch-action:none}#shoreline-explorer .plot text{font:12px system-ui;fill:var(--ink)}#shoreline-explorer .plot .domain,#shoreline-explorer .plot .tick line{stroke:var(--rule)}#shoreline-explorer .tooltip{position:absolute;pointer-events:none;max-width:260px;background:var(--paper);color:var(--ink);padding:10px 12px;border:1px solid var(--rule);font-size:12px;z-index:3}#shoreline-explorer .selected{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 0;border-block:1px solid var(--rule);margin-top:14px}#shoreline-explorer .selected strong{font:normal 27px Georgia}#shoreline-explorer .selected .meta{font-size:12px;color:var(--muted)}#shoreline-explorer .summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0}#shoreline-explorer .summary h3{font:normal 20px Georgia;margin:0 0 8px;display:flex;gap:8px;align-items:center}#shoreline-explorer .summary strong{font:normal 28px Georgia}#shoreline-explorer .summary p{font-size:12px;color:var(--muted);margin:3px 0}#shoreline-explorer a{color:var(--muted)}@media(max-width:520px){#shoreline-explorer .heading{padding:20px 18px}#shoreline-explorer h2{font-size:29px}#shoreline-explorer .hero{grid-template-columns:1fr 35%;min-height:205px}#shoreline-explorer .body{padding:16px}#shoreline-explorer .filters{grid-template-columns:1fr;gap:10px}#shoreline-explorer .hint{width:100%;margin:6px 0}#shoreline-explorer .selected{grid-template-columns:1fr}#shoreline-explorer .summary h3{font-size:17px}#shoreline-explorer button{min-height:44px}}

#shoreline-explorer{color-scheme:light;border:1px solid var(--rule);border-radius:8px;overflow:hidden}#shoreline-explorer select{max-width:100%}

#shoreline-explorer{--rain:#078c81}#shoreline-explorer #sx-rain-toggle{border:1px solid var(--rain);padding:7px 12px;border-radius:4px}#shoreline-explorer #sx-rain-toggle[aria-pressed=true]{background:var(--rain);color:white;opacity:1}#shoreline-explorer .rain-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0 16px;font-size:12px;color:var(--muted)}#shoreline-explorer .rain-swatch{display:inline-block;width:26px;height:26px;border:2px solid var(--rain);border-radius:50%;background:#078c8120}#shoreline-explorer .rain-detail{padding:12px 0;color:var(--muted);font-size:13px}#shoreline-explorer .rain-detail strong{color:var(--ink)}#shoreline-explorer [hidden]{display:none!important}
