:root{color-scheme:light;--ink:#102f3a;--muted:#506771;--line:#d1dfe3;--bg:#f1f6f8;--teal:#006f72}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:#00676c;text-underline-offset:4px}a:hover{color:#103e69}button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:11px 18px;font-weight:650}button:hover{background:#e7f6f5}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bd6600;outline-offset:4px}button:disabled{cursor:wait;opacity:.65}header{background:var(--ink);color:white;padding:24px max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-weight:750;letter-spacing:3px;font-size:22px}.brand small{display:block;font-size:12px;letter-spacing:2px;color:#bcdee2}.mark{color:#7ce1dc;font-size:50px;line-height:1}.location{font-size:14px;color:#c9dfe3;margin-left:auto}header button{background:#dcf5f2;border:0;white-space:nowrap}nav{display:flex;gap:32px;max-width:1240px;margin:auto;padding:17px 0;border-bottom:1px solid var(--line);overflow:auto}nav a{white-space:nowrap;text-decoration:none;font-size:14px;font-weight:650;color:var(--muted)}main{max-width:1240px;margin:auto;padding:30px 0}section{margin-bottom:46px}h1,h2,h3,p{margin:0}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.2}h2{font-size:26px;letter-spacing:-.7px;line-height:1.25}h3{font-size:18px;line-height:1.4}p{margin-top:10px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.8px;color:var(--teal);margin:0 0 7px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.meta{color:var(--muted);font-size:14px}.notice{display:flex;gap:20px;background:#fff1d8;border-left:4px solid #ba7b18;border-radius:3px;padding:15px 20px;font-size:14px;margin:20px 0}.notice b{white-space:nowrap}.legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:20px 0}.tag{display:inline-block;padding:3px 9px;border-radius:4px;font-size:12px;font-weight:650;line-height:1.7}.model{background:#d9efee;color:#075e62}.missing{background:#f3e5cd;color:#79500c}.field{background:#e2e9f7;color:#344d7d}.days{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.day{text-align:left;padding:14px 18px}.day strong,.day span{display:block}.day span{font-size:14px;font-weight:450;margin-top:3px}.day[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.panel,.metric,.method{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.metric h3{font-size:14px;color:var(--muted);font-weight:550}.value{font-size:32px;font-weight:700;letter-spacing:-1px;margin:9px 0 2px}.value small{font-size:17px;letter-spacing:0;font-weight:500}.metric p{font-size:14px;color:var(--muted);margin-top:3px}.summary{background:#dfeeed;border:1px solid #bcd5d4;padding:18px 22px;border-radius:10px;margin:16px 0}.summary p{margin:0}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:10px;margin-top:16px}table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap;text-align:left}caption{text-align:left;padding:16px;font-size:16px;font-weight:650}th,td{padding:11px 16px;border-top:1px solid #e3ebee}th{color:var(--muted);font-weight:550;background:#f8fbfc}tbody tr:hover{background:#edf8f7}.methods{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.method{border-top:3px solid var(--teal)}.method-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.method .window{font-weight:700;font-size:20px;margin-top:14px}.method p{font-size:14px;color:var(--muted)}.method .basis{color:var(--ink)}.water-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.water-grid p,.map-grid p,.checks p{font-size:14px;color:var(--muted)}.water-grid a{font-size:14px}.missing-value{display:block;font-size:32px;color:#637782;margin:12px 0}.missing-value small{font-size:16px;font-weight:400}.links{display:flex;flex-wrap:wrap;gap:10px 22px;margin:15px 0}.map-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}.map-grid iframe{width:100%;min-height:350px;height:100%;border:1px solid var(--line);border-radius:10px}.map-grid a{display:inline-block;margin-top:12px;font-size:14px}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}details{border-bottom:1px solid var(--line);padding:18px 2px}summary{cursor:pointer;font-size:16px;font-weight:650}details p{color:var(--muted);max-width:1000px;margin-bottom:12px}details a{font-size:14px}footer{border-top:2px solid var(--ink);padding:24px 0;display:flex;gap:35px;align-items:flex-start}footer b{letter-spacing:2px}footer p{margin:0;font-size:13px;color:var(--muted)}.error{padding:24px;background:white;border:1px solid #d2b684;border-radius:10px}.subhead{display:flex;gap:16px;justify-content:space-between;margin:8px 0 16px;align-items:center}details.hourly{border:0;padding:0;margin-top:14px}@media(max-width:1300px){main,nav{margin-left:24px;margin-right:24px}}@media(max-width:850px){.metrics,.water-grid{grid-template-columns:repeat(2,1fr)}.checks{grid-template-columns:1fr}.map-grid{grid-template-columns:1fr}header{gap:18px;padding:20px 24px}.location{display:none}.brand{margin-right:auto}.section-title{align-items:flex-start}.method-head{display:block}.method-head .tag{margin-top:8px}}@media(max-width:560px){header{padding:18px 16px}.brand{font-size:17px;letter-spacing:2px}.brand small{font-size:10px}.mark{font-size:38px}header button{font-size:13px;padding:10px}main,nav{margin-left:16px;margin-right:16px}main{padding-top:24px}nav{gap:23px}h1{font-size:30px}h2{font-size:24px}.section-title{display:block}.section-title>.meta,.section-title>.tag{margin-top:10px}.notice{display:block;padding:13px 16px}.notice span{display:block;margin-top:5px}.days{grid-template-columns:repeat(2,1fr)}.day{padding:12px}.metrics{gap:9px}.metric{padding:15px}.value{font-size:27px}.methods,.water-grid{grid-template-columns:1fr}.panel,.method{padding:20px}.subhead{display:block}.subhead>.meta{margin-top:8px}.map-grid iframe{min-height:290px}.legend>span:last-child{width:100%}footer{display:block}footer p{margin-top:10px}}
#river-map{height:400px;border:1px solid var(--line);border-radius:10px;background:#dcebee;z-index:0}.map-toggle{display:flex;gap:9px;align-items:center;font-size:14px;margin:12px 0}.map-toggle input{width:20px;height:20px;accent-color:var(--teal)}.fkm-label{white-space:nowrap;background:#102f3a;color:white;padding:3px 7px;border-radius:4px;font-size:12px;font-weight:700;width:max-content!important}.leaflet-popup-content{font-size:14px;line-height:1.5}.leaflet-control-attribution{font-size:12px!important}@media(max-width:560px){#river-map{height:350px}}
.measured{background:#dbe9fa;color:#234d7c}.water-grid .value{font-size:30px}.water-grid .measured{margin:8px 0}.water-grid .meta{font-size:13px}.water-note{padding:16px 20px;background:#e1ebf5;border-radius:8px;margin:15px 0}.water-note p{font-size:14px;margin:0}
.chart-intro{font-size:14px;color:var(--muted);margin:0 0 18px}.weather-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-panel{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;min-width:0}.chart-head{display:flex;gap:12px;align-items:center;justify-content:space-between}.chart-head h3{font-size:16px}.chart-head strong{font-size:25px;white-space:nowrap}.chart-head small{font-size:14px;font-weight:500}.chart-legend{display:flex;gap:14px;font-size:12px;margin:8px 0;flex-wrap:wrap}.chart-legend span:last-child{color:var(--muted)}.chart-scroll{overflow:auto}.chart-scroll svg{width:100%;min-width:450px;height:auto;display:block}.chart-scroll text{font:20px system-ui;fill:#506771}.chart-detail{font-size:12px;color:var(--muted);margin:7px 0 0}@media(max-width:950px){.weather-charts{grid-template-columns:1fr}.chart-scroll svg{min-width:0}}@media(max-width:560px){.chart-panel{padding:14px}.chart-head strong{font-size:21px}.chart-scroll svg{min-width:450px}.chart-panel::after{content:'A grafikon oldalra görgethető.';display:block;font-size:12px;color:var(--muted);margin-top:6px}}
.time-cursor{cursor:ew-resize;touch-action:none;outline:none}.cursor-hit{stroke:transparent;stroke-width:36}.cursor-line{stroke:#102f3a;stroke-width:2}.cursor-handle{fill:#102f3a;stroke:white;stroke-width:2;cursor:ew-resize}.chart-scroll .axis-day{font-weight:700;fill:#102f3a}.chart-scroll .axis-hour{font-size:17px}.chart-scroll .point-label{font-size:16px;font-weight:650;fill:#102f3a;paint-order:stroke;stroke:white;stroke-width:4;stroke-linejoin:round}.water-charts{margin-top:4px}.cursor-time{font-weight:650!important;fill:#102f3a!important;pointer-events:none;paint-order:stroke;stroke:white;stroke-width:4;stroke-linejoin:round}.time-cursor:focus-visible .cursor-line{stroke:#b45a00;stroke-width:3}.time-cursor:focus-visible .cursor-handle{fill:#b45a00}
.chart-head h3{display:flex;align-items:center;gap:8px}.info-button{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--teal);background:white;color:var(--teal);font:italic 700 13px/1 Georgia,serif;cursor:pointer;padding:0;flex:none}.info-button:hover,.info-button:focus-visible{background:var(--teal);color:white;outline:none}.info-modal{border:0;border-radius:12px;padding:0;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 48px);color:var(--ink);box-shadow:0 20px 60px rgba(16,47,58,.3)}.info-modal::backdrop{background:rgba(16,47,58,.45)}.info-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);margin:0}.info-modal-head h2{font-size:20px;margin:0}.info-close{border:0;background:transparent;font-size:28px;line-height:1;color:var(--muted);cursor:pointer;padding:0 4px}.info-close:hover{color:var(--ink)}.info-modal-body{padding:6px 22px 22px;font-size:15px;line-height:1.55}.info-modal-body h3{margin:20px 0 6px;font-size:16px}.info-modal-body p{margin:10px 0}.info-modal-body .refs a{color:var(--teal);font-size:13px;text-decoration:none;margin-right:2px}.info-modal-body .refs a:hover{text-decoration:underline}.info-table{white-space:normal;font-size:14px}.info-table td,.info-table th{vertical-align:top;padding:9px 12px}.fish-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin:4px auto 8px;width:fit-content;max-width:100%;border:1px solid var(--line);border-radius:24px;background:white;padding:4px}.fish-switch button{border:0;border-radius:999px;padding:8px 18px;font-size:14px;background:transparent;white-space:nowrap}.fish-switch button:hover{background:#e7f6f5}.fish-switch button[aria-checked=true]{background:var(--ink);color:white}.fish-note{text-align:center;font-size:13px;color:var(--muted);margin:0 auto 18px;max-width:900px}.fish-band{fill:#2f9e5b;opacity:.18}.chart-legend .fish-legend{color:#1f7a44;font-weight:650}@media(max-width:560px){.fish-switch button{padding:7px 12px;font-size:13px}}.summary-panel{margin-bottom:16px}.summary-panel .chart-head strong{font-size:22px}.summary-panel .chart-head small{font-size:13px;color:var(--muted);font-weight:500}.summary-empty{font-size:14px;color:var(--muted);text-align:center;padding:26px 12px 14px}.summary-fill{fill-opacity:.55}.summary-red{fill:#d9534f}.summary-yellow{fill:#e6b422}.summary-green{fill:#2f9e5b}.summary-line{fill:none;stroke:#102f3a;stroke-width:2;stroke-linejoin:round}.chart-legend .summary-scale{color:var(--muted)}.chart-legend i.sw-red,.chart-legend i.sw-yellow,.chart-legend i.sw-green{display:inline-block;width:12px;height:12px;border-radius:2px;vertical-align:-1px;opacity:.75}.chart-legend i.sw-red{background:#d9534f}.chart-legend i.sw-yellow{background:#e6b422}.chart-legend i.sw-green{background:#2f9e5b}.chart-scroll .summary-row{font-size:16px}.chart-scroll .summary-axis{font-size:14px;fill:#7a8f98}.cell-ok{fill:#2f9e5b;opacity:.75}.cell-no{fill:#e6b422;opacity:.6}.cell-na{fill:#f3f6f7;stroke:#dfe7ea;stroke-dasharray:2 2}.chart-legend .cell-no-legend{color:#c19a1a}.chart-legend .cell-na-legend{color:#b8c6cd}.summary-panel .chart-scroll svg{min-width:700px}.tod-twilight{fill:#d98a2b}.tod-night{fill:#3a4a7a}.chart-legend .tod-legend{color:var(--muted)}.chart-legend i.tod-twilight,.chart-legend i.tod-night{display:inline-block;width:14px;height:6px;border-radius:2px;vertical-align:middle}.chart-legend i.tod-twilight{background:#d98a2b}.chart-legend i.tod-night{background:#3a4a7a}.forecast-band{opacity:.14}.water-charts .chart-head strong{font-size:22px}.water-charts .chart-head small{font-size:12px;color:var(--muted)}.chart-scroll .summary-w{fill:#8a9aa3;font-size:13px}.tod-day{fill:#f0c98a}.chart-legend i.tod-day{display:inline-block;width:14px;height:6px;border-radius:2px;vertical-align:middle;background:#f0c98a}
.fish-switch .fish-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:-1px}.overview-line{fill:none;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.summary-panel .chart-head strong .overview-score{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:16px}.summary-panel .chart-head strong .overview-score+small{display:block;margin-top:2px}
.rag-pill{display:inline-block;padding:2px 9px;border-radius:999px;color:white;font-weight:700;font-size:13px;line-height:1.6;text-shadow:0 1px 1px rgba(0,0,0,.25);vertical-align:middle;white-space:nowrap}
.chart-legend i.sw{display:inline-block;width:12px;height:8px;border-radius:2px;vertical-align:middle;margin:0 2px}
.log-bar{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:-6px auto 18px;max-width:900px;text-align:center}
.log-button{padding:8px 14px;font-size:14px}
.log-mini{padding:5px 10px;font-size:13px;font-weight:600}
.log-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 14px;margin:14px 0}
.log-form label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.log-form input,.log-form select{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}
.log-form .log-wide,.log-form .log-actions{grid-column:1/-1}
.log-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:8px}
.log-table{font-size:13px;white-space:normal}.log-table td{vertical-align:top}
.method .window .rag-pill{margin-left:8px;font-size:12px}
@media(max-width:560px){.log-form{grid-template-columns:1fr}}
.switch-row{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap;margin:4px auto 8px}.switch-row .fish-switch{margin:0}.mode-switch button[aria-checked=true]{background:var(--teal)}.mode-note{margin-top:-8px}
.chart-scroll svg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
@media(pointer:coarse){.cursor-hit{stroke-width:64}.cursor-handle{stroke-width:3}}