:root{--ink:#102e32;--mint:#bff3dc;--muted:#62797b;--bg:#f5f7f3;--line:#dde5df;font-family:Inter,"Segoe UI","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px;scroll-snap-type:y proximity}body{margin:0}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #32b894;outline-offset:3px}.skip{position:fixed;top:-60px;z-index:5000;background:white;padding:12px}.skip:focus{top:0}header{height:78px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:1500;background:#fbfcf8f5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{font-size:38px;background:var(--ink);color:var(--mint);width:47px;height:47px;border-radius:50%;display:grid;place-items:center}.brand b{font-size:20px;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:2.6px;margin-top:4px}header nav{display:flex;gap:30px;font-size:13px}header select{border:1px solid var(--line);background:transparent;padding:8px;border-radius:6px}.snap{scroll-snap-align:start}.map-section{height:calc(100svh - 78px);min-height:650px;position:relative;overflow:hidden;background:#102c32;color:#fff}#map{position:absolute;inset:0;z-index:0;background:#163940}.leaflet-tile-pane{filter:invert(92%) hue-rotate(150deg) saturate(.6) brightness(.72) contrast(.95)}.leaflet-control-attribution{font-size:9px!important;background:#f9fff9de!important;color:#132f30!important}.leaflet-control-zoom{margin-top:150px!important}.leaflet-bar a{background:#f5faf6!important;color:var(--ink)!important}.map-vignette{position:absolute;inset:0;pointer-events:none;z-index:400;background:linear-gradient(180deg,#071f2cea 0%,#071f2c88 18%,transparent 38%,transparent 73%,#071f2ccc 100%)}.haze-decoration{pointer-events:none;position:absolute;inset:-20%;z-index:401;opacity:.16;background:radial-gradient(ellipse at 74% 48%,#cee9e1 0%,transparent 30%);will-change:transform}.map-heading{position:absolute;left:4%;top:27px;z-index:500;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:#569c85}.map-heading .eyebrow{color:var(--mint)}h1{font-size:clamp(24px,2.8vw,42px);font-weight:550;letter-spacing:1px;margin:12px 0}h2{font-size:30px;letter-spacing:1px;margin:12px 0}p{line-height:1.7}.map-heading p{font-size:12px;color:#a9c5c8;margin:0}.toolbar{position:absolute;top:151px;left:4%;z-index:600;display:flex;gap:7px;align-items:center;background:#f8fcf8f2;padding:7px;border-radius:10px;box-shadow:0 10px 30px #0002;color:var(--ink)}.toolbar button,.toolbar select{border:0;border-radius:6px;background:#e9efea;padding:10px 13px}.toolbar #national{background:var(--ink);color:#fff}.toolbar form{display:flex;max-width:270px}.toolbar input{width:220px;border:0;background:transparent;padding:8px;font-size:12px;color:var(--ink)}.toolbar form button{background:transparent;font-size:22px;padding:4px 10px}.summary{position:absolute;left:4%;top:216px;z-index:500;display:flex;gap:28px;font-size:10px;align-items:center;color:#cae1df;pointer-events:none}.summary strong{font-size:26px;color:white;margin-right:6px;font-weight:500}.sync-status{max-width:270px;line-height:1.5}.sync-status i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:7px}.map-bottom{position:absolute;bottom:44px;left:4%;z-index:500;max-width:650px;pointer-events:none}.map-bottom p{font-size:10px;color:#bccecd;margin:10px 0}.map-tabs{display:flex;gap:8px;pointer-events:auto}.map-tabs button{background:#183b3fe8;color:#dcebe6;border:1px solid #ffffff25;border-radius:5px;padding:9px 14px;font-size:12px}.legend{display:flex;flex-wrap:wrap;gap:13px;font-size:10px}.legend span{display:flex;gap:5px;align-items:center}.legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.scroll-cue{position:absolute;bottom:20px;right:4%;font-size:11px;color:#c2dcd7;z-index:500}.station-panel{position:absolute;right:4%;top:150px;z-index:800;background:#fcfdf9f5;color:var(--ink);width:320px;border-radius:14px;padding:26px;box-shadow:0 20px 60px #0003;max-height:calc(100% - 170px);overflow:auto;backdrop-filter:blur(16px)}.station-panel h2{font-size:23px;padding-right:12px;margin:14px 0 5px;letter-spacing:0}.station-panel>p{font-size:12px;color:var(--muted);margin:6px 0}.close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:25px;color:#647673}.reading{display:flex;align-items:baseline;gap:9px;margin:16px 0;flex-wrap:wrap}.reading strong{font-size:64px;font-weight:550;line-height:1}.reading span{font-size:12px;color:var(--muted)}.reading b{font-size:11px;border-radius:4px;padding:6px 9px;margin-left:auto}.station-panel dl{font-size:10px;display:grid;grid-template-columns:1fr 1.5fr;gap:8px;border-top:1px solid var(--line);padding-top:15px}.station-panel dt{color:var(--muted)}.station-panel dd{margin:0;text-align:right}.small{font-size:11px;color:var(--muted);line-height:1.8}.panel-actions{display:flex;gap:8px;margin:14px 0}.panel-actions button{flex:1;border:1px solid var(--line);background:#edf3ed;border-radius:6px;padding:10px;font-size:12px}.source-link{display:block;font-size:11px;margin-top:10px;color:#217b68}.station-marker{background:none!important;border:0!important}.station-dot{min-width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:750;border:2px solid #ffffffcc;box-shadow:0 0 0 5px #ffffff0b,0 3px 10px #0005}.station-dot.null{background:#687a7d}.station-dot.selected{outline:3px solid #fff;outline-offset:5px}.leaflet-tooltip{font-family:inherit!important}.search-results{position:absolute;top:208px;left:4%;z-index:900;background:#fff;color:var(--ink);width:420px;max-width:90%;max-height:330px;overflow:auto;border-radius:10px;box-shadow:0 20px 60px #0003}.search-results button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:13px 18px;border-bottom:1px solid var(--line);font-size:13px}.search-results button:hover{background:#eff5ef}.search-results small{display:block;color:var(--muted);margin-top:4px}.content-section{max-width:1260px;margin:auto;padding:76px 5%;min-height:75svh}.section-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-top p{color:var(--muted);font-size:13px}.pill{border:1px solid #d3e2d7;padding:8px 13px;font-size:11px;border-radius:30px;white-space:nowrap;color:#37775f}.notice-tools{display:flex;gap:12px;margin:28px 0 15px}.notice-tools input{flex:1;padding:13px;border:1px solid var(--line);border-radius:7px;background:#fff;min-width:0}.notice-tools button{border:1px solid var(--line);background:transparent;border-radius:7px;padding:10px 16px;font-size:12px}.notice-tools button[aria-pressed=true]{background:var(--ink);color:#fff}.notice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.notice-card{border:1px solid var(--line);border-radius:10px;background:white;padding:22px;display:flex;flex-direction:column;gap:8px}.notice-card .meta{font-size:10px;display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.notice-card h3{font-size:15px;font-weight:550;line-height:1.65;margin:7px 0}.notice-card p{font-size:11px;color:var(--muted);margin:0}.notice-card a{font-size:12px;margin-top:auto;padding-top:9px;color:#217b68}.empty{grid-column:1/-1;background:#ebf0e9;padding:25px;border-radius:8px;font-size:13px}.coverage,.about{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:12px;color:var(--muted)}summary{cursor:pointer;color:var(--ink);font-weight:600}.coverage p,.about p{max-width:800px}.source-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0;font-size:10px}.source-row a{color:#37775f}.health-section{border-top:1px solid var(--line)}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0}.health-grid article{border-top:2px solid #3d826b;padding:24px;background:#ebf0e9}.health-icon{font-size:34px;color:#477c66}.health-grid h3{font-size:18px;font-weight:550}.health-grid p{font-size:13px;color:var(--muted)}.health-source{font-size:13px;color:#217b68}.ads{margin-top:45px}.ad{padding:27px;border-radius:10px;background:var(--ink);color:white;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.ad small{font-size:9px;letter-spacing:1px;color:#bdd3c9}.ad h3{font-size:26px;margin:12px 0}.ad p{font-size:13px;color:#bdd3c9;margin:0}.ad a{background:var(--mint);color:var(--ink);padding:13px 20px;border-radius:6px;font-size:12px}.ad-policy{font-size:10px;color:var(--muted);margin-top:10px}footer{padding:26px 5%;display:flex;gap:25px;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:2500;background:var(--ink);color:white;max-width:90%;padding:14px 23px;border-radius:8px;font-size:12px;box-shadow:0 10px 35px #0003}#trend svg{width:100%;height:48px}.trend-caption{font-size:9px;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:900px){header nav{gap:15px;font-size:11px}.toolbar{right:4%}.toolbar form{flex:1;max-width:none}.toolbar input{min-width:0;width:100%}.station-panel{width:290px}.summary{gap:13px}.sync-status{max-width:190px}.legend{gap:8px}.map-bottom{max-width:57%}}
@media(max-width:600px){header{height:64px;padding:0 5%;gap:8px}.brand-icon{width:34px;height:34px;font-size:28px}.brand b{font-size:16px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:1.8px}header nav{display:none}header select{font-size:11px;padding:7px}html{scroll-padding-top:64px}.map-section{height:calc(100svh - 64px);min-height:650px}.map-heading{top:22px;left:5%;right:5%}h1{font-size:25px;line-height:1.5;margin:10px 0}.map-heading .eyebrow{font-size:9px}.map-heading p{font-size:10px}.toolbar{top:141px;left:5%;right:5%;flex-wrap:wrap;gap:5px;padding:6px}.toolbar button,.toolbar select{padding:9px;font-size:11px}.toolbar form{order:5;flex-basis:100%;height:35px}.toolbar input{font-size:12px}.toolbar #locate{margin-left:auto}.summary{top:246px;left:5%;right:5%;gap:16px;flex-wrap:wrap}.summary strong{font-size:21px}.sync-status{flex-basis:100%;max-width:100%;font-size:9px}.leaflet-control-zoom{margin-top:310px!important}.map-bottom{left:5%;right:5%;max-width:none;bottom:38px}.legend{gap:9px;font-size:9px}.map-bottom p{font-size:9px}.map-tabs button{font-size:10px;padding:8px 10px}.scroll-cue{bottom:15px;right:5%;font-size:10px}.station-panel{top:auto;right:3%;left:3%;width:auto;bottom:115px;padding:20px;max-height:43%;border-radius:14px}.station-panel h2{font-size:19px;margin:8px 0}.reading strong{font-size:46px}.reading{margin:10px 0}.station-panel .eyebrow{font-size:9px}.station-panel dl{padding-top:9px;margin:8px 0}.panel-actions{margin:9px 0}.panel-actions button{padding:8px}.search-results{top:240px;left:5%;width:90%}.content-section{padding:48px 6%;min-height:auto}h2{font-size:24px}.section-top p{font-size:12px}.pill{font-size:9px;padding:7px 9px}.notice-list{grid-template-columns:1fr}.notice-card{padding:18px}.notice-tools input{font-size:12px;padding:10px}.notice-tools button{font-size:10px;padding:8px}.health-grid{grid-template-columns:1fr;gap:12px;margin:25px 0}.health-grid article{padding:20px}.health-grid h3{margin:8px 0}.health-icon{font-size:27px}.ad{padding:22px;grid-template-columns:1fr}.ad a{justify-self:start}.ad h3{font-size:23px}footer{flex-wrap:wrap;gap:12px;padding-bottom:35px}}
.ad-enquiry{margin-top:20px;padding:25px;border:1px dashed #abc5b6;border-radius:10px;background:#edf3ec}.ad-enquiry h3{font-size:22px;margin:12px 0}.ad-enquiry>p{font-size:12px;color:var(--muted)}.ad-enquiry>a{display:inline-block;background:#fff;border:1px solid #c9dacf;border-radius:5px;font-size:12px;padding:12px 16px;color:#246e58;overflow-wrap:anywhere}.ad-enquiry .small{font-size:10px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}.haze-decoration{display:none}}

.header-actions{display:flex;align-items:center;gap:8px}#share-site{border:1px solid #9bceba;background:var(--mint);color:var(--ink);border-radius:6px;padding:9px 12px;white-space:nowrap;font-size:13px;font-weight:600}@media(max-width:600px){header{gap:8px}.header-actions{gap:5px}#share-site{font-size:11px;padding:8px}.brand b{font-size:16px;letter-spacing:1px}.brand{gap:8px}.brand small{letter-spacing:1.5px}}