: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;--lila:#B9A4FF;
  --ejjel:rgba(120,140,190,.13);--mono:'Space Mono',ui-monospace,monospace}
html.light{--bg:#F4F7FB;--lap:#FFFFFF;--vonal:#DEE5F0;--vonal2:#C2CEE0;--tinta:#161E2E;--halk:#51617D;
  --halk2:#6B7B95;--piros:#C7362B;--narancs:#B36A10;--sarga:#8F6E0A;--kek:#0B6F98;--zold:#0E7A52;--lila:#5B3FC4;
  --ejjel:rgba(60,80,130,.08)}
*{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 18px 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}
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:14.5px;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}
.csempek{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
.cs{background:var(--lap);border:1px solid var(--vonal);border-radius:14px;padding:12px 16px;min-width:0}
.cs .c{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--halk)}
.cs .sz{font:800 24px/1.2 'Work Sans',sans-serif;letter-spacing:-.6px;margin-top:2px}
.cs .al{font-size:12.5px;color:var(--halk)}
.cs.mag .sz{color:var(--kek)} .cs.ala .sz{color:var(--zold)} .cs.viz .sz{color:var(--sarga)} .cs.hold .sz{color:var(--lila);font-size:20px}
.abra{width:100%;height:auto;display:block;border-radius:14px;border:1px solid var(--vonal);background:var(--lap)}
.abra .racs{stroke:var(--vonal)} .abra .felirat{fill:var(--halk);font:10.5px 'Space Mono',monospace}
.abra .ejjel{fill:var(--ejjel)} .abra .gorbe{stroke:var(--kek);fill:none;stroke-width:2.2;stroke-linejoin:round}
.abra .terulet{fill:var(--kek);opacity:.10} .abra .mag{fill:var(--kek)} .abra .ala{fill:var(--zold)}
.abra .most{stroke:var(--tinta);stroke-width:1.6;opacity:.85} .abra .mostf{fill:var(--tinta);font:700 10.5px 'Space Mono',monospace}
.abra .mert{stroke:var(--narancs);fill:none;stroke-width:2.2} .abra .josolt{stroke:var(--halk);fill:none;stroke-width:1.6;stroke-dasharray:5 4}
.datumsor{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:12px 0 10px}
.datumsor input{background:var(--lap);border:1px solid var(--vonal2);color:var(--tinta);border-radius:10px;padding:8px 12px;font:600 13px var(--mono)}
.datumsor button{background:var(--lap);border:1px solid var(--vonal2);color:var(--tinta);border-radius:999px;padding:8px 14px;font:700 12.5px var(--mono);cursor:pointer}
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;vertical-align:top}
th{font:700 11.5px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--halk);white-space:nowrap}
td.num{font-family:var(--mono);white-space:nowrap}
td .e{display:block;font-family:var(--mono);font-size:13.5px;white-space:nowrap}
td .e small{color:var(--halk)}
tr.ma td{background:rgba(87,196,240,.06)}
.tj{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:-1px}
.mi{color:var(--halk);font-size:13.5px}
.tenyek{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:10px 0}
.tenyek div{background:var(--lap);border:1px solid var(--vonal);border-radius:12px;padding:12px 15px;font-size:14.5px}
.tenyek b{display:block;font:700 11px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--halk);margin-bottom:3px}
.ablak{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:10px 0}
.ablak .a{background:var(--lap);border:1px solid var(--vonal);border-left:3px solid var(--zold);border-radius:12px;padding:11px 14px}
.ablak .a .mikor{font:700 15px var(--mono)} .ablak .a .mert2{font-size:12.5px;color:var(--halk);margin-top:3px}
#terkep{height:320px;border-radius:14px;border:1px solid var(--vonal);overflow:hidden;margin:10px 0 6px}
.kozel{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:10px 0}
.kozel a{display:block;background:var(--lap);border:1px solid var(--vonal);border-radius:12px;padding:10px 13px;text-decoration:none;color:var(--tinta)}
.kozel .kn{font-weight:700;font-size:13.5px;line-height:1.35;display:block}
.kozel .ka{font:600 11.5px var(--mono);color:var(--halk);margin-top:3px;display:block}
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:15px}
details p{margin-top:8px;color:var(--halk);font-size:14.5px}
.megj{background:var(--lap);border:1px solid var(--vonal);border-radius:12px;padding:12px 16px;margin:14px 0;font-size:13.5px;color:var(--halk)}
.elavult{background:rgba(255,162,62,.12);border:1px solid rgba(255,162,62,.4);border-radius:12px;padding:10px 14px;margin:12px 0;font-size:14px}
.allamok{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;margin:12px 0}
.allamok a{display:flex;justify-content:space-between;gap:8px;background:var(--lap);border:1px solid var(--vonal);border-radius:12px;
  padding:10px 14px;text-decoration:none;color:var(--tinta);font-weight:700;font-size:14.5px}
.allamok a span{font:600 12px var(--mono);color:var(--halk)}
#nagyterkep{height:min(62vh,520px);border-radius:14px;border:1px solid var(--vonal);overflow:hidden;margin:12px 0}
footer{color:var(--halk);font-size:12.5px;margin-top:40px;line-height:1.8;border-top:1px solid var(--vonal);padding-top:14px}
@media(max-width:560px){#terkep{height:250px}.wrap{padding:0 14px 40px}
  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}}