:root{--bg:#0A0D16;--lap:#111624;--vonal:#1F2A44;--vonal2:#31405F;--tinta:#E8ECF6;--halk:#93A0BC;
  --halk2:#5E6C8C;--piros:#FF5A4E;--narancs:#FFA23E;--sarga:#FFD24A;--kek:#57C4F0;--zold:#63E6A4;
  --mono:'Space Mono',ui-monospace,monospace}
html.light{--bg:#F4F7FB;--lap:#FFFFFF;--vonal:#DEE5F0;--vonal2:#C2CEE0;--tinta:#161E2E;--halk:#51617D;
  --halk2:#8393AC;--piros:#C7362B;--narancs:#B36A10;--sarga:#8F6E0A;--kek:#0E7DA8;--zold:#10855A}
*{box-sizing:border-box;margin:0}
body{background:radial-gradient(1000px 460px at 90% -8%, rgba(87,196,240,.08), transparent 60%),var(--bg);
  color:var(--tinta);line-height:1.62;font-family:'Work Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:980px;margin:0 auto;padding:0 22px 44px}
a{color:var(--kek)}
.fejlec{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:18px 0 0;flex-wrap:wrap}
.marka{font:900 19px 'Work Sans',sans-serif;color:var(--tinta);text-decoration:none}
.marka em{color:var(--piros);font-style:normal}
.morzsa{font-size:13px;color:var(--halk2)}
.morzsa a{text-decoration:none;font-weight:600}
.temagomb{background:var(--lap);border:1px solid var(--vonal2);color:var(--halk);border-radius:999px;
  padding:7px 14px;font:600 12px var(--mono);cursor:pointer;white-space:nowrap}
.temagomb:hover{border-color:var(--kek);color:var(--kek)}
h1{font-size:clamp(24px,4.2vw,36px);font-weight:900;letter-spacing:-1px;line-height:1.12;margin:18px 0 8px}
h1 em{color:var(--kek);font-style:normal}
h2{font-size:21px;font-weight:900;margin:34px 0 10px;letter-spacing:-.4px}
.hely{color:var(--halk);font-size:15px;margin-bottom:6px}
.valasz{background:var(--lap);border:1px solid var(--vonal);border-left:4px solid var(--kek);
  border-radius:12px;padding:14px 18px;margin:14px 0;font-size:16.5px}
.allapot{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}
.acsempe{background:var(--lap);border:1px solid var(--vonal);border-radius:14px;padding:13px 18px;min-width:150px;flex:1 1 150px}
.acsempe .sz{font:800 28px/1.1 'Work Sans',sans-serif;letter-spacing:-1px}
.acsempe .c{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--halk)}
.acsempe .mikor{font-size:11.5px;color:var(--halk2)}
/* szintvonalzó: hol áll a víz a küszöbökhöz képest */
.vonalzo{position:relative;height:90px;margin:22px 0 40px;background:var(--lap);
  border:1px solid var(--vonal);border-radius:12px}
.vonalzo .sav{position:absolute;left:0;right:0;top:30px;height:14px;border-radius:999px;
  background:linear-gradient(90deg,#3D7FB8,#FFD24A,#FFA23E,#FF5A4E,#d4548a);opacity:.28}
.vonalzo .k{position:absolute;top:22px;width:2px;height:30px;background:var(--vonal2)}
.vonalzo .kc{position:absolute;top:54px;transform:translateX(-50%);font:600 10.5px var(--mono);
  color:var(--halk2);white-space:nowrap}
.vonalzo .kc.s2{top:70px}
.vonalzo .most{position:absolute;top:14px;width:3px;height:46px;background:var(--tinta);border-radius:2px}
.vonalzo .mostc{position:absolute;top:0;transform:translateX(-50%);font:800 11px var(--mono);
  color:var(--tinta);white-space:nowrap}
table{width:100%;border-collapse:collapse;font-size:14.5px;margin:8px 0 4px}
th,td{padding:9px 10px;border-bottom:1px solid var(--vonal);text-align:left}
th{font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--halk);white-space:nowrap}
td.num{font-family:var(--mono);white-space:nowrap}
.katjel{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:-1px}
.mi{color:var(--halk);font-size:13.5px}
/* MOBIL (2026-09-30, mérve): a rekordtábla 430 px széles volt egy 390-es kijelzőn —
   a nowrap fejléc kitágította az elrendezési ablakot (innerWidth 453), és az egész lap
   mellément. Keskeny kijelzőn a fejléc törhet, a tábla pedig magában görög. */
@media(max-width:520px){table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  th{white-space:normal}th,td{padding:8px 6px;font-size:13.5px}}
#terkep{height:340px;border-radius:14px;border:1px solid var(--vonal);overflow:hidden;margin:10px 0 6px}
.kozel{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:10px 0}
.kozel a{display:block;background:var(--lap);border:1px solid var(--vonal);border-radius:12px;
  padding:11px 14px;text-decoration:none;color:var(--tinta)}
.kozel a:hover{border-color:var(--kek)}
.kozel .kn{font-weight:700;font-size:14px;line-height:1.35}
.kozel .ka{font:600 11.5px var(--mono);color:var(--halk2);margin-top:3px}
.tenyek{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 20px;
  background:var(--lap);border:1px solid var(--vonal);border-radius:14px;padding:6px 18px;margin:10px 0}
.tenyek div{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--vonal)}
.tenyek div:last-child{border-bottom:0}
.tenyek span{color:var(--halk);font-size:13.5px} .tenyek b{font-family:var(--mono);font-size:13.5px;text-align:right}
details{background:var(--lap);border:1px solid var(--vonal);border-radius:12px;padding:12px 16px;margin:8px 0}
summary{cursor:pointer;font-weight:700;font-size:15.5px}
details p{margin-top:8px;color:var(--halk);font-size:14.5px}
.vesz{background:rgba(255,90,78,.10);border:1px solid rgba(255,90,78,.35);border-radius:12px;
  padding:12px 16px;margin:16px 0;font-size:14.5px}
.gombsor{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.gombsor a{background:var(--lap);border:1px solid var(--vonal2);border-radius:999px;padding:9px 16px;
  font:700 13px 'Work Sans',sans-serif;text-decoration:none;color:var(--tinta)}
.gombsor a:hover{border-color:var(--kek);color:var(--kek)}
footer{color:var(--halk2);font-size:12.5px;margin-top:40px;line-height:1.8;border-top:1px solid var(--vonal);padding-top:14px}
@media(max-width:560px){.acsempe{min-width:120px}.vonalzo{height:84px}}