:root{--bg:#06080F;--lap:#0E1220;--vonal:#1E2740;--vonal2:#33405F;--tinta:#E9EDF8;--halk:#98A3BF;
  --halk2:#5F6B8C;--zold:#63E6A4;--kek:#6FB7FF;--lila:#A98BFF;--sarga:#FFD97A;--piros:#FF7A8A;
  --mono:'Space Mono',ui-monospace,monospace}
html.light{--bg:#F3F5FC;--lap:#FFFFFF;--vonal:#DFE4F2;--vonal2:#C3CBE2;--tinta:#101527;--halk:#4E5A78;
  --halk2:#7C88A6;--zold:#0E7A57;--kek:#1660A8;--lila:#5B3BC4;--sarga:#8A6608;--piros:#B32438}
*{box-sizing:border-box;margin:0}
body{background:radial-gradient(900px 440px at 85% -12%, rgba(99,230,164,.10), transparent 62%),var(--bg);
  color:var(--tinta);line-height:1.62;font-family:'Work Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{max-width:960px;margin:0 auto;padding:0 22px 44px}
a{color:var(--kek)}
.fejlec{display:flex;align-items:center;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(--zold);font-style:normal}
.morzsa{font-size:13px;color:var(--halk2)}
.morzsa a{text-decoration:none;font-weight:600}
.gombok{display:flex;gap:8px;align-items:center}
.pill{background:var(--lap);border:1px solid var(--vonal2);color:var(--halk);border-radius:999px;
  padding:7px 14px;font:700 12px var(--mono);cursor:pointer;text-decoration:none;white-space:nowrap}
.pill:hover{border-color:var(--zold);color:var(--zold)}
h1{font-size:clamp(23px,4.1vw,34px);font-weight:900;letter-spacing:-.9px;line-height:1.14;margin:18px 0 6px}
h1 em{color:var(--zold);font-style:normal}
h2{font-size:20px;font-weight:900;margin:32px 0 9px;letter-spacing:-.4px}
.hely{color:var(--halk);font-size:14.5px;margin-bottom:4px}
.valasz{background:var(--lap);border:1px solid var(--vonal);border-left:4px solid var(--zold);
  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}
.cs .c{font:700 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--halk)}
.cs .sz{font:800 26px/1.2 'Work Sans',sans-serif;letter-spacing:-.8px;margin-top:2px}
.cs .al{font-size:12px;color:var(--halk2)}
.cs.kell .sz{color:var(--lila)} .cs.most .sz{color:var(--kek)}
.cs.jos .sz{color:var(--sarga)} .cs.hold .sz{color:var(--halk);font-size:20px}
.cs.felho .sz{color:var(--kek)}
.kpsor .n .f{font:600 12px var(--mono);margin-top:3px}
.kpsor{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:10px 0}
.kpsor .n{background:var(--lap);border:1px solid var(--vonal);border-radius:12px;padding:10px 13px}
.kpsor .n .d{font:700 11px var(--mono);color:var(--halk);text-transform:uppercase;letter-spacing:.06em}
.kpsor .n .k{font:800 22px var(--mono);margin-top:2px}
.kpsor .n.lat{border-color:var(--zold)} .kpsor .n.lat .k{color:var(--zold)}
.kpsor .n .v{font-size:12px;color:var(--halk2)}
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 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}
tr.itt{background:rgba(99,230,164,.09)} tr.itt td{font-weight:700}
.mi{color:var(--halk);font-size:13.5px}
#terkep{height:300px;border-radius:14px;border:1px solid var(--vonal);overflow:hidden;margin:10px 0 6px}
.kozel{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,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 a:hover{border-color:var(--zold)}
.kozel .kn{font-weight:700;font-size:13.5px;line-height:1.35}
.kozel .ka{font:600 11.5px var(--mono);color:var(--halk2);margin-top:3px}
.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(--zold);color:var(--zold)}
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)}
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){#terkep{height:240px}}