.wq-page,.wq-home{--wq-bg:#101820;--wq-panel:#17222c;--wq-line:#2b3a46;--wq-text:#eef3f6;--wq-muted:#a0afbc;--wq-teal:#76c7cf;color:var(--wq-text);font-family:inherit}.wq-page{max-width:1450px;margin:0 auto;padding:28px 32px 36px;background:var(--wq-bg);border-radius:14px;line-height:1.55}.wq-page *,.wq-home *{box-sizing:border-box}.wq-page h1,.wq-page h2,.wq-page h3,.wq-home strong{color:var(--wq-text)}.wq-page a,.wq-home a{color:var(--wq-teal);text-decoration:none}.wq-page button,.wq-page input,.wq-home button{font:inherit}.wq-page button{cursor:pointer}.wq-page button:focus-visible,.wq-page a:focus-visible,.wq-page input:focus-visible,.wq-home a:focus-visible{outline:2px solid var(--wq-teal);outline-offset:3px}.wq-kicker{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--wq-teal);display:block}.wq-muted,.wq-caption{color:var(--wq-muted);font-size:12px}.wq-back{font-size:12px}.wq-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:8px 0 28px;border-bottom:1px solid var(--wq-line)}.wq-hero-title{display:flex;gap:18px;align-items:center;margin-top:22px}.wq-water-icon{display:flex;align-items:center;justify-content:center;width:62px;height:70px;border:1px solid #385962;border-radius:12px;background:#182d34;color:var(--wq-teal);flex-shrink:0}.wq-water-icon svg{width:42px;height:42px}.wq-hero h1{font-size:clamp(32px,4vw,54px);line-height:1.05;margin:10px 0 4px;letter-spacing:-2px;font-weight:650}.wq-hero h1 span{color:var(--wq-teal)}.wq-hero p{color:var(--wq-muted);font-size:14px;margin:18px 0 0}.wq-hero-stamp{padding:18px 22px;border:1px solid var(--wq-line);border-radius:10px;max-width:350px;background:var(--wq-panel)}.wq-hero-stamp>span:not(.wq-stamp-dot){font-size:9px;letter-spacing:1.2px;color:var(--wq-muted)}.wq-stamp-dot{width:6px;height:6px;border-radius:50%;background:#96a5b4;display:inline-block;margin-right:6px}.wq-hero-stamp strong{font-size:14px;display:block;margin:10px 0 5px}.wq-hero-stamp small{display:block;font-size:11px;color:var(--wq-muted)}.wq-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0 30px}.wq-stat{border:1px solid var(--wq-line);border-radius:10px;background:var(--wq-panel);padding:18px 20px}.wq-stat span{font-size:12px;color:var(--wq-muted)}.wq-stat strong{display:block;font-size:38px;line-height:1.2;margin:12px 0 7px;font-variant-numeric:tabular-nums}.wq-stat small{font-size:10px;color:var(--wq-muted)}.wq-stat.wq-GREEN strong{color:#48cb98}.wq-stat.wq-RED strong{color:#f1777d}.wq-stat.wq-GREY strong{color:#96a5b4}.wq-monitor{border:1px solid var(--wq-line);border-radius:12px;overflow:hidden}.wq-monitor-heading{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;background:var(--wq-panel);gap:15px}.wq-page h2{font-size:23px;margin:5px 0 0;font-weight:600;letter-spacing:-.5px}.wq-caption{font-size:9px;letter-spacing:1px;max-width:300px;text-align:right}.wq-monitor-grid{display:grid;grid-template-columns:minmax(0,1fr) 265px}.wq-map-shell{min-width:0}.wq-map{height:410px;background:#17232b;position:relative;isolation:isolate}.wq-map-foot{background:#15212a;padding:15px 20px}.wq-map-foot p{font-size:10px;color:var(--wq-muted);margin:9px 0 0}.wq-legend{display:flex;flex-wrap:wrap;gap:8px 17px;font-size:10px;color:var(--wq-muted)}.wq-legend span{display:flex;gap:6px;align-items:center}.wq-legend i,.wq-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.wq-dot.wq-GREEN{background:#48cb98}.wq-dot.wq-RED{background:#f1777d}.wq-dot.wq-AMBER{background:#e5b64d}.wq-dot.wq-GREY{background:#96a5b4}.wq-map-empty,.wq-map-message{position:absolute;z-index:600;left:50%;top:50%;transform:translate(-50%,-50%);width:min(340px,88%);padding:22px;background:#111b24eb;border:1px solid #3b4d59;border-radius:10px;text-align:center;box-shadow:0 10px 45px #0004;pointer-events:none}.wq-map-empty>span{display:block;font-size:30px;color:var(--wq-teal);line-height:1.2;margin-bottom:10px}.wq-map-empty strong{display:block;font-size:14px;color:var(--wq-text);margin-bottom:8px}.wq-map-empty small{display:block;font-size:11px;color:var(--wq-muted);line-height:1.6}.wq-map-message{top:auto;bottom:30px;transform:translateX(-50%);font-size:11px;padding:8px;z-index:610}.wq-coverage{padding:23px 24px;background:#192630;border-left:1px solid var(--wq-line)}.wq-coverage-ring{height:135px;width:135px;border:9px solid #4f606e;border-radius:50%;margin:24px auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.wq-coverage-ring strong{font-size:35px;font-weight:500;line-height:1.1}.wq-coverage-ring small{font-size:9px;color:var(--wq-muted);text-align:center;margin-top:5px}.wq-coverage h3{font-size:20px;font-weight:500;line-height:1.35;margin:0 0 12px}.wq-coverage p{font-size:11px;color:var(--wq-muted);line-height:1.7}.wq-coverage-key{border-top:1px solid #394a56;padding-top:15px;margin-top:20px}.wq-coverage-key span{display:block;font-size:9px;color:var(--wq-muted);text-transform:uppercase;letter-spacing:1px}.wq-coverage-key strong{display:block;font-size:12px;margin-top:6px}.wq-coverage-note{border-left:2px solid #76c7cf;padding-left:10px;margin-top:18px!important;color:#c0d6dc!important}.wq-catalogue{margin-top:34px}.wq-section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.wq-filters{padding-bottom:22px}.wq-filter-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:9px 0}.wq-filter-row button{border:1px solid var(--wq-line);color:#b7c5d0;background:#17232d;border-radius:6px;padding:8px 12px;font-size:11px;display:flex;gap:7px;align-items:center}.wq-filter-row button.active{border-color:#76c7cf;color:#b9ebef;background:#203b44}.wq-search{margin-left:auto}.wq-search input{background:#17232d;border:1px solid var(--wq-line);border-radius:6px;color:var(--wq-text);padding:8px 12px;max-width:100%;width:210px;font-size:11px}.wq-spots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wq-spot{border:1px solid var(--wq-line);border-radius:10px;overflow:hidden;background:var(--wq-panel);padding:19px;display:flex;flex-direction:column;transition:border-color .2s}.wq-spot.wq-RED{background:#352229;border:1px solid #9c525d;box-shadow:inset 0 3px #d9747e}.wq-spot.wq-AMBER{background:#302b20;border-color:#81703d}.wq-spot.wq-GREEN{border-top:3px solid #3e9f7c}.wq-spot-top{display:flex;gap:8px;align-items:center}.wq-type-icon{font-size:24px;color:#9fb7c6;line-height:1}.wq-spot-top .wq-kicker{font-size:9px;letter-spacing:1px;color:#a3b6c4}.wq-spot-top small{margin-left:auto;font-size:9px;color:var(--wq-muted)}.wq-spot h3{font-size:22px;font-weight:550;letter-spacing:-.4px;margin:19px 0 11px}.wq-badge{display:inline-flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.3px;font-weight:700;border-radius:5px;border:1px solid #485967;background:#293642;color:#c0cbd4;padding:6px 8px;align-self:flex-start;line-height:1.4;text-transform:uppercase}.wq-badge i{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.wq-badge.wq-GREEN{background:#183c31;border-color:#2d7359;color:#71d5af}.wq-badge.wq-RED{background:#4d252e;border-color:#8e4653;color:#ffa0a7}.wq-badge.wq-AMBER{background:#40361f;border-color:#766033;color:#ebc56b}.wq-spot-scope{font-size:11px;line-height:1.6;color:#acbdca;min-height:36px;margin:13px 0 17px}.wq-spot-meta{padding-top:14px;border-top:1px solid var(--wq-line)}.wq-spot-meta span{display:block;font-size:8px;letter-spacing:1.4px;color:var(--wq-muted)}.wq-spot-meta strong{display:block;font-size:13px;margin:6px 0}.wq-spot-meta small{font-size:10px;color:#91a5b5}.wq-spot-stations{margin:16px 0;font-size:10px;color:var(--wq-muted)}.wq-spot-stations button{display:flex;gap:7px;align-items:center;border:0;background:#1d2c37;color:#cedae2;padding:8px;width:100%;margin:5px 0;text-align:left;font-size:10px;border-radius:5px}.wq-spot-stations button span{margin-left:auto}.wq-spot-bottom{margin-top:auto;padding-top:14px;border-top:1px solid var(--wq-line);display:flex;gap:10px;align-items:center;justify-content:space-between}.wq-spot-bottom a{font-size:9px;max-width:60%}.wq-spot-bottom button{border:0;background:none;color:var(--wq-text);padding:0;font-size:10px;white-space:nowrap}.wq-selected{outline:2px solid #76c7cf;outline-offset:4px}.wq-trust{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin:38px 0 24px;padding:26px;border:1px solid var(--wq-line);background:var(--wq-panel);border-radius:10px}.wq-trust h2{margin:10px 0}.wq-trust p{color:var(--wq-muted);font-size:12px;max-width:440px;line-height:1.8}.wq-source-list a{display:block;padding:14px 0;border-top:1px solid var(--wq-line)}.wq-source-list a:first-child{border-top:0}.wq-source-list span{font-size:8px;letter-spacing:1px;color:var(--wq-muted)}.wq-source-list strong{display:block;font-size:13px;margin:4px 0}.wq-source-list small{font-size:10px;color:var(--wq-muted)}.wq-notice{display:flex;gap:13px;padding:17px;border:1px solid var(--wq-line);border-radius:8px;background:#15212a}.wq-notice>span{color:var(--wq-teal);font-size:20px}.wq-notice p{font-size:11px;color:var(--wq-muted);line-height:1.8;margin:0}.wq-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:var(--wq-muted);margin-top:27px;letter-spacing:1px}.wq-home{background:var(--wq-bg);padding:15px;border-radius:8px}.wq-home-head{display:flex;gap:12px;align-items:center}.wq-home-head .wq-water-icon{width:44px;height:48px;border-radius:8px}.wq-home-head svg{width:30px;height:30px}.wq-home-head .wq-kicker{font-size:8px;letter-spacing:1.2px}.wq-home-head strong{font-size:18px;display:block;margin:4px 0}.wq-home-head small{font-size:10px;color:var(--wq-muted)}.wq-home-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:17px 0}.wq-home-counts>div{border:1px solid var(--wq-line);border-radius:6px;padding:9px 7px;display:grid;grid-template-columns:8px 1fr;gap:4px;align-items:center}.wq-home-counts i{height:5px;width:5px;border-radius:50%}.wq-home-counts b{font-size:19px;line-height:1.3}.wq-home-counts small{font-size:8px;color:var(--wq-muted);grid-column:1/3}.wq-home-map{height:240px;border:1px solid var(--wq-line);border-radius:8px;overflow:hidden}.wq-home .wq-legend{font-size:8px;gap:5px 10px;margin:12px 0}.wq-home .wq-map-empty{padding:15px;max-width:270px}.wq-home .wq-map-empty strong{font-size:12px}.wq-home .wq-map-empty small{font-size:9px}.wq-home-footer{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--wq-line);padding-top:12px}.wq-home-footer span{font-size:8px;color:var(--wq-muted);line-height:1.7}.wq-home-footer a{font-size:10px;font-weight:700;white-space:nowrap}.wq-dialog{background:#111c25;color:#eef3f6;border:1px solid #405561;border-radius:12px;width:min(850px,94vw);max-height:90vh;padding:0}.wq-dialog::backdrop{background:#020a12cc}.wq-dialog-head{display:flex;justify-content:space-between;gap:15px;padding:23px 26px;border-bottom:1px solid #344651;position:sticky;top:0;background:#17252f;z-index:1}.wq-dialog-head h2{font-size:25px;margin:5px 0}.wq-dialog-head button{color:#d4e2ea;background:none;border:1px solid #41545f;border-radius:6px;font-size:24px;width:36px;height:36px;cursor:pointer}.wq-dialog-body{padding:23px 26px}.wq-dialog-body a{color:#76c7cf}.wq-station-detail{margin-bottom:30px;padding-bottom:24px;border-bottom:1px solid #344651}.wq-station-detail h3{font-size:20px;margin:10px 0}.wq-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#192935;border:1px solid #344651;border-radius:7px;padding:15px}.wq-facts dt{font-size:10px;color:#a0afbc}.wq-facts dd{font-size:12px;margin:4px 0}.wq-table-wrap{max-width:100%;overflow:auto}.wq-measurements{width:100%;border-collapse:collapse;font-size:11px;margin:18px 0;min-width:440px}.wq-measurements th{color:#a0afbc;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.5px}.wq-measurements th,.wq-measurements td{padding:10px 8px;border-bottom:1px solid #344651}.wq-provenance{display:flex;gap:25px;justify-content:space-between;background:#182832;padding:15px;border-radius:7px;font-size:10px;line-height:1.8;color:#a0afbc}.wq-warning{padding:16px;border:1px solid #9c525d;background:#352229;border-radius:7px;font-size:12px;margin:14px 0}.wq-warning strong{color:#ffa0a7}.wq-warning small,.wq-warning a{display:block;margin-top:8px}.wq-empty-result{padding:25px;border:1px dashed #526471;border-radius:9px;font-size:13px;color:#bdcbd6}.wq-history-record{border-top:1px solid #344651;padding:12px 0}.wq-history-record summary{display:flex;align-items:center;gap:12px;cursor:pointer;flex-wrap:wrap;font-size:12px}.wq-history-record summary small{color:#a0afbc;font-size:10px}.wq-history-record summary:before{content:'+';color:#76c7cf}.wq-history-record[open] summary:before{content:'−'}.wq-popup{font-family:inherit;min-width:210px;max-width:300px}.wq-popup strong,.wq-popup small{display:block;margin:6px 0}.wq-popup .wq-kicker{color:#417881}.wq-popup p{font-size:11px!important;margin:10px 0!important}.wq-popup small{font-size:10px}.wq-popup a{font-size:11px}.wq-loading{padding:80px;text-align:center;color:#a0afbc}.wq-loading-wave{display:block;color:#76c7cf;font-size:50px}.wq-admin{padding:16px;font-size:13px}.wq-admin textarea{width:100%;min-height:260px;font:12px/1.6 monospace}.wq-admin .wq-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wq-admin table{font-size:11px;width:100%;border-collapse:collapse}.wq-admin th,.wq-admin td{text-align:left;padding:9px;border-bottom:1px solid #81909c44}.wq-admin input,.wq-admin select{padding:8px;max-width:100%}.wq-admin details{padding:12px;border:1px solid #81909c44;margin:12px 0;border-radius:6px}.wq-admin button{padding:7px 10px;margin:3px;cursor:pointer}.wq-admin pre{white-space:pre-wrap;word-break:break-word;font-size:11px}.wq-admin .wq-stats{gap:8px}.wq-admin .wq-stat{padding:12px;background:#17222c;color:#eef3f6}.wq-admin label{display:block;margin:10px 0}.wq-admin [data-admin-message]{padding:12px;border:1px solid #81909c44}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1050px){.wq-spots{grid-template-columns:repeat(2,minmax(0,1fr))}.wq-monitor-grid{grid-template-columns:minmax(0,1fr) 230px}.wq-coverage{padding:20px}.wq-page{padding:24px}.wq-hero-stamp{max-width:280px}}@media(max-width:720px){.wq-page{padding:20px 14px;border-radius:0}.wq-hero{align-items:stretch;flex-direction:column;gap:17px}.wq-hero-title{gap:12px;margin-top:18px}.wq-hero .wq-water-icon{width:47px;height:57px}.wq-hero h1{letter-spacing:-1px}.wq-hero .wq-kicker{font-size:8px;letter-spacing:1.2px}.wq-hero-stamp{max-width:none;padding:13px 16px}.wq-stats{grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.wq-stat{padding:14px}.wq-stat strong{font-size:31px}.wq-stat small{font-size:9px}.wq-monitor-heading{padding:16px}.wq-caption{display:none}.wq-monitor-grid{grid-template-columns:1fr}.wq-map{height:330px}.wq-coverage{border-left:0;border-top:1px solid var(--wq-line);display:grid;grid-template-columns:105px 1fr;gap:10px 17px;padding:18px}.wq-coverage>.wq-kicker{grid-column:1/3}.wq-coverage-ring{width:100px;height:100px;border-width:6px;margin:8px 0;grid-column:1;grid-row:2/5}.wq-coverage-ring strong{font-size:29px}.wq-coverage h3,.wq-coverage p{grid-column:2;margin:3px 0}.wq-coverage-key{grid-column:1/3;margin:8px 0}.wq-coverage-note{grid-column:1/3!important;margin:8px 0!important}.wq-spots{grid-template-columns:1fr}.wq-spot{padding:18px}.wq-spot-scope{min-height:0}.wq-section-heading{align-items:flex-start}.wq-section-heading #wqShowing{max-width:140px;font-size:10px;text-align:right}.wq-filter-row button{font-size:10px;padding:7px 9px}.wq-search{margin:8px 0 0;width:100%}.wq-search input{width:100%}.wq-trust{grid-template-columns:1fr;gap:15px;padding:20px}.wq-footer{flex-direction:column;font-size:8px}.wq-facts{grid-template-columns:1fr}.wq-dialog-head,.wq-dialog-body{padding:18px}.wq-provenance{flex-direction:column;gap:12px}.wq-admin .wq-admin-grid{grid-template-columns:1fr}.wq-home-map{height:220px}.wq-home-head strong{font-size:16px}}
.wq-map.leaflet-container{background:#17232b}.dynamic-data-card [data-dynamic-content="water-quality"]{max-height:none;min-height:0;overflow:visible;display:block}.dynamic-data-card:has([data-dynamic-content="water-quality"]){overflow:auto}.wq-map .leaflet-control-attribution{font-size:8px;background:#14222bdb;color:#a0afbc}.wq-map .leaflet-control-attribution a{color:#9ebac9}
@media(prefers-reduced-motion:reduce){.wq-spot{transition:none}.wq-page *{scroll-behavior:auto!important}}

.wq-map .leaflet-tile-pane{filter:invert(.92) hue-rotate(175deg) saturate(.4) brightness(.8)}