/* homehazardmap.com — stíluslap (2026-10-29). Saját arculat: mélykék „biztonsági jelentés”, vízkék kiemelés,
 * állapotszínek (rendben / figyelj / gond / nincs adat). Betű: Space Grotesk (címek) + IBM Plex Sans (szöveg), OFL,
 * saját szerverről. Téma: prefers-color-scheme, felülírható <html data-theme> (fejléc-gomb, localStorage hhm_tema). */
@font-face { font-family:"Grotesk"; src:url(/betu/space-grotesk-v22-latin_latin-ext-500.woff2) format("woff2"); font-weight:500; font-display:swap; }
@font-face { font-family:"Grotesk"; src:url(/betu/space-grotesk-v22-latin_latin-ext-700.woff2) format("woff2"); font-weight:700; font-display:swap; }
@font-face { font-family:"Plex"; src:url(/betu/ibm-plex-sans-v23-latin_latin-ext-regular.woff2) format("woff2"); font-weight:400; font-display:swap; }
@font-face { font-family:"Plex"; src:url(/betu/ibm-plex-sans-v23-latin_latin-ext-500.woff2) format("woff2"); font-weight:500; font-display:swap; }
@font-face { font-family:"Plex"; src:url(/betu/ibm-plex-sans-v23-latin_latin-ext-600.woff2) format("woff2"); font-weight:600; font-display:swap; }
@font-face { font-family:"Plex"; src:url(/betu/ibm-plex-sans-v23-latin_latin-ext-700.woff2) format("woff2"); font-weight:700; font-display:swap; }

:root {
  --bg:#f3f5f8; --bg-2:#e9edf2; --lap:#ffffff; --ink:#0f1b2d; --soft:#4b5b70; --halvany:#69788c; --line:#dce2ea;
  --brand:#0b63b0; --brand-ink:#0a4f8c; --brand-soft:#e2eefa; --navy:#0d1b31; --navy-2:#13284a;
  --ok:#23845a; --ok-soft:#e0f2e8; --figy:#c27b0e; --figy-soft:#fdf0d9; --baj:#c43d2b; --baj-soft:#fbe3df; --nincs:#7d8796; --nincs-soft:#eceff3;
  --arnyek:0 1px 2px rgba(15,27,45,.06), 0 14px 34px -16px rgba(15,27,45,.25);
  --arnyek-nagy:0 2px 4px rgba(15,27,45,.08), 0 26px 60px -22px rgba(15,27,45,.45);
  --r:18px; --cim:"Grotesk", system-ui, sans-serif; --font:"Plex", system-ui, -apple-system, "Segoe UI", sans-serif;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg:#0a1220; --bg-2:#111c2e; --lap:#121d30; --ink:#e7eef7; --soft:#a5b4c8; --halvany:#8494aa; --line:#24334b;
  --brand:#5aa9ec; --brand-ink:#86c1f3; --brand-soft:#16304d; --navy:#060c17; --navy-2:#0c1a30;
  --ok:#4cc58a; --ok-soft:#123323; --figy:#f0ad3d; --figy-soft:#33270f; --baj:#ff7b68; --baj-soft:#3a1914; --nincs:#9aa5b5; --nincs-soft:#1b2639;
  --arnyek:0 1px 2px rgba(0,0,0,.4), 0 14px 34px -16px rgba(0,0,0,.8); --arnyek-nagy:0 2px 4px rgba(0,0,0,.4), 0 26px 60px -22px rgba(0,0,0,.9);
} }
:root[data-theme="dark"] {
  --bg:#0a1220; --bg-2:#111c2e; --lap:#121d30; --ink:#e7eef7; --soft:#a5b4c8; --halvany:#8494aa; --line:#24334b;
  --brand:#5aa9ec; --brand-ink:#86c1f3; --brand-soft:#16304d; --navy:#060c17; --navy-2:#0c1a30;
  --ok:#4cc58a; --ok-soft:#123323; --figy:#f0ad3d; --figy-soft:#33270f; --baj:#ff7b68; --baj-soft:#3a1914; --nincs:#9aa5b5; --nincs-soft:#1b2639;
  --arnyek:0 1px 2px rgba(0,0,0,.4), 0 14px 34px -16px rgba(0,0,0,.8); --arnyek-nagy:0 2px 4px rgba(0,0,0,.4), 0 26px 60px -22px rgba(0,0,0,.9);
}
* { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; font-family:var(--font); color:var(--ink); background:var(--bg); line-height:1.6; font-size:16px; -webkit-font-smoothing:antialiased; }
button, input { font:inherit; }
a { color:var(--brand-ink); text-underline-offset:2px; }
[hidden] { display:none !important; }
h1, h2, h3, .logo, .szam { font-family:var(--cim); letter-spacing:-.015em; }
table, .szam { font-variant-numeric:tabular-nums; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible { outline:2px solid var(--brand); outline-offset:2px; border-radius:6px; }
.belso { max-width:1160px; margin:0 auto; padding:0 16px; }

/* fejléc: sötét sáv */
.fejlec { position:sticky; top:0; z-index:1200; background:var(--navy); color:#fff; box-shadow:0 1px 0 rgba(255,255,255,.06); }
.fejlec .belso { display:flex; align-items:center; gap:16px; min-height:62px; }
.logo { display:flex; align-items:center; gap:10px; text-decoration:none; color:#fff; font-weight:700; font-size:1.12rem; white-space:nowrap; }
.logo-jel { width:34px; height:34px; border-radius:10px; background:linear-gradient(140deg,#2b8fe0,#0b63b0 55%,#e39a1f); display:grid; place-items:center; flex:none; box-shadow:0 6px 16px -6px rgba(43,143,224,.8); }
.logo b { color:#8cc8ff; font-weight:700; }
.menu { display:flex; gap:2px; }
.menu a { text-decoration:none; color:#c8d4e4; font-size:.9rem; font-weight:600; padding:7px 11px; border-radius:9px; white-space:nowrap; }
.menu a:hover { color:#fff; background:rgba(255,255,255,.08); }
.menu a[aria-current="page"] { color:#fff; background:rgba(255,255,255,.14); }
.fej-jobb { margin-left:auto; display:flex; gap:8px; align-items:center; min-width:0; }
.tema { width:40px; height:40px; border-radius:10px; border:0; background:rgba(255,255,255,.1); color:#fff; cursor:pointer; display:grid; place-items:center; flex:none; }
.keres { position:relative; display:flex; min-width:0; background:var(--lap); border-radius:12px; border:1px solid var(--line); }
.fejlec .keres { width:260px; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.18); }
.fejlec .keres input { color:#fff; } .fejlec .keres input::placeholder { color:#a9b8cc; }
.keres input { flex:1; min-width:0; padding:9px 12px; border:0; background:transparent; color:var(--ink); }
.keres input:focus { outline:none; }
.keres button { border:0; margin:4px; padding:0 14px; border-radius:9px; background:#e39a1f; color:#1b1203; font-weight:700; cursor:pointer; }
.keres.nagy input { padding:14px 16px; font-size:1.05rem; }
.keres.nagy button { padding:0 20px; }
.talalat { position:absolute; top:calc(100% + 6px); left:0; right:0; background:var(--lap); border:1px solid var(--line); border-radius:12px; box-shadow:var(--arnyek-nagy); z-index:1300; overflow:hidden; }
.talalat a { display:flex; justify-content:space-between; padding:10px 14px; text-decoration:none; color:var(--ink); border-bottom:1px solid var(--line); }
.talalat a:last-child { border-bottom:0; } .talalat a:hover { background:var(--brand-soft); }

/* főoldali hős: sötét sáv + térkép */
.hos { background:radial-gradient(1200px 500px at 15% -10%, #1d4a86 0%, transparent 60%), linear-gradient(180deg,var(--navy) 0%, var(--navy-2) 100%); color:#fff; padding:34px 0 0; }
.hos-racs { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.35fr); gap:28px; align-items:end; }
.hos h1 { font-size:2.5rem; line-height:1.08; margin:0 0 12px; }
.hos h1 em { font-style:normal; color:#8cc8ff; }
.hos p.lead { color:#c8d4e4; font-size:1.08rem; margin:0 0 18px; }
.hos .keres { background:#fff; border:0; } .hos .keres input { color:#0f1b2d; }
.hos-jelek { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 26px; }
.hos-jelek span { font-size:.82rem; font-weight:600; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.08); color:#d6e2f0; }
.hos-terkep { height:430px; border-radius:18px 18px 0 0; overflow:hidden; box-shadow:0 -10px 40px -10px rgba(0,0,0,.5); position:relative; }
.hos-terkep #terkep { position:absolute; inset:0; }
.radon-jelm { position:absolute; z-index:800; left:12px; bottom:12px; background:var(--lap); color:var(--ink); border-radius:12px; padding:8px 10px; font-size:.78rem; box-shadow:var(--arnyek); }
.radon-jelm b { font-family:var(--cim); }
.radon-jelm i { display:inline-block; width:12px; height:12px; border-radius:3px; vertical-align:-1px; margin:0 4px 0 8px; }
@media (max-width:860px) { .hos-racs { grid-template-columns:1fr; } .hos h1 { font-size:1.9rem; } .hos-terkep { height:340px; } }

/* általános */
main { padding-bottom:40px; }
.szakasz { margin:40px 0; }
.szakasz > h2, .kartya > h2 { font-size:1.4rem; margin:0 0 6px; line-height:1.2; }
.alcim { color:var(--soft); margin:0 0 18px; max-width:72ch; }
.kartya { background:var(--lap); border-radius:var(--r); box-shadow:var(--arnyek); padding:22px; margin:18px 0; border:1px solid color-mix(in srgb, var(--line) 70%, transparent); }
.kartya > h2 { margin-bottom:12px; }
.kicsi { font-size:.85rem; color:var(--halvany); }
.lead { font-size:1.08rem; }
h1 { font-size:2.05rem; line-height:1.12; margin:8px 0 10px; }
h3 { font-size:1.05rem; margin:18px 0 6px; }
.morzsa-sor { display:flex; justify-content:space-between; gap:6px 16px; flex-wrap:wrap; padding-top:18px; font-size:.85rem; color:var(--halvany); }
.morzsa a { color:var(--halvany); text-decoration:none; } .morzsa a:hover { color:var(--brand-ink); text-decoration:underline; }
.friss { font-size:.78rem; }
.valasz { background:var(--brand-soft); border-radius:14px; padding:14px 16px; font-size:1.04rem; margin:0 0 16px; border-left:4px solid var(--brand); }
.valasz b { color:var(--brand-ink); }
.figyelm { background:var(--figy-soft); border:1px solid color-mix(in srgb, var(--figy) 40%, transparent); color:var(--ink); border-radius:12px; padding:10px 14px; font-size:.86rem; margin:14px 0 0; }

/* állapot-kártyák (a jelentés szíve) */
.allapotok { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:6px 0 4px; }
.al { position:relative; border-radius:16px; padding:16px 16px 14px; background:var(--lap); border:1px solid var(--line); box-shadow:var(--arnyek); overflow:hidden; text-decoration:none; color:var(--ink); display:block; }
.al::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:var(--c); }
.al .fej { display:flex; align-items:center; gap:8px; font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--soft); }
.al .ikon { width:28px; height:28px; border-radius:8px; display:grid; place-items:center; background:var(--cs); color:var(--c); flex:none; }
.al .ertek { font-family:var(--cim); font-size:1.45rem; font-weight:700; line-height:1.15; margin:10px 0 4px; }
.al .jel { display:inline-block; font-size:.76rem; font-weight:700; padding:3px 9px; border-radius:999px; background:var(--cs); color:var(--c); }
.al p { margin:8px 0 0; font-size:.86rem; color:var(--soft); }
.ok { --c:var(--ok); --cs:var(--ok-soft); } .figy { --c:var(--figy); --cs:var(--figy-soft); } .baj { --c:var(--baj); --cs:var(--baj-soft); } .nincs { --c:var(--nincs); --cs:var(--nincs-soft); }
@media (max-width:900px) { .allapotok { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .allapotok { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px; } .al { padding:12px 12px 10px; } .al p { display:none; } .al .ertek { font-size:1.15rem; } .al .fej { font-size:.7rem; } .al .ikon { width:24px; height:24px; } }

.csempek { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:10px; }
.csempe { background:var(--bg-2); border-radius:14px; padding:12px 14px; }
.csempe span { display:block; font-size:.75rem; font-weight:700; color:var(--halvany); text-transform:uppercase; letter-spacing:.05em; }
.csempe b { display:block; font-family:var(--cim); font-size:1.35rem; }
.csempe small { color:var(--soft); font-size:.8rem; line-height:1.3; display:block; }
.nagy-csempek { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.nagy-csempek .csempe { background:var(--lap); box-shadow:var(--arnyek); padding:18px; border:1px solid var(--line); }
.nagy-csempek .csempe b { font-size:2rem; }
@media (max-width:820px) { .nagy-csempek { grid-template-columns:repeat(2,1fr); } }

.tabla { overflow-x:auto; }
table { border-collapse:collapse; width:100%; font-size:.93rem; }
th, td { text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
th { font-size:.76rem; color:var(--halvany); text-transform:uppercase; letter-spacing:.05em; }
.pill { display:inline-block; font-size:.76rem; font-weight:700; padding:2px 9px; border-radius:999px; background:var(--cs); color:var(--c); white-space:nowrap; }
.sav-diagram { display:grid; gap:6px; }
.sd { display:grid; grid-template-columns:7em 1fr 6em; gap:10px; align-items:center; font-size:.88rem; }
.sd .s { height:14px; background:var(--bg-2); border-radius:7px; overflow:hidden; position:relative; }
.sd .s i { display:block; height:100%; border-radius:7px; background:var(--c); }
.sd .s .hatar { position:absolute; top:-3px; bottom:-3px; width:2px; background:var(--ink); opacity:.6; }

.racs-kartyak { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px; }
.vk { display:block; text-decoration:none; color:var(--ink); background:var(--lap); border-radius:14px; box-shadow:var(--arnyek); padding:14px 16px; border:1px solid var(--line); }
.vk:hover { border-color:var(--brand); }
.vk b { display:block; font-family:var(--cim); }
.vk span { font-size:.84rem; color:var(--soft); }
.allamok { display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:8px; }
.allamok a { display:flex; justify-content:space-between; gap:8px; padding:11px 12px; border-radius:12px; background:var(--lap); border:1px solid var(--line); text-decoration:none; color:var(--ink); font-weight:600; font-size:.93rem; }
.allamok a:hover { border-color:var(--brand); }
.allamok small { color:var(--halvany); font-weight:500; }
.ket-oszlop { display:grid; grid-template-columns:1fr 1fr; gap:18px; } @media (max-width:820px) { .ket-oszlop { grid-template-columns:1fr; } }
.lepesek { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } @media (max-width:820px) { .lepesek { grid-template-columns:1fr; } }
.lepes { background:var(--lap); border-radius:16px; padding:18px; box-shadow:var(--arnyek); border:1px solid var(--line); }
.lepes h3 { margin:0 0 6px; } .lepes p { margin:0; color:var(--soft); font-size:.93rem; }
.gyik details { background:var(--lap); border-radius:12px; border:1px solid var(--line); margin:8px 0; padding:0 16px; }
.gyik summary { cursor:pointer; font-weight:600; padding:14px 0; list-style:none; display:flex; justify-content:space-between; gap:12px; }
.gyik summary::-webkit-details-marker { display:none; }
.gyik summary::after { content:"+"; color:var(--brand); font-weight:700; font-size:1.2rem; line-height:1; }
.gyik details[open] summary::after { content:"−"; }
.gyik details p { margin:0 0 14px; color:var(--soft); }
.szoveg { max-width:76ch; } .szoveg h2 { margin-top:26px; }
.idezet { border-left:4px solid var(--brand); background:var(--bg-2); padding:10px 14px; border-radius:0 12px 12px 0; font-size:.9rem; color:var(--soft); }

/* térkép */
.terkep-doboz { height:430px; border-radius:14px; overflow:hidden; background:var(--bg-2); }
.kartya-fej { display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:10px; }
.kartya-fej h2 { margin:0; font-size:1.25rem; }
.terkep-jelm { display:flex; flex-wrap:wrap; gap:6px 16px; font-size:.82rem; color:var(--soft); margin-top:8px; }
.terkep-jelm i { display:inline-block; width:16px; height:10px; border-radius:3px; margin-right:6px; vertical-align:-1px; }
.leaflet-container { font:inherit; background:var(--bg-2); }
.leaflet-popup-content-wrapper { border-radius:12px; background:var(--lap); color:var(--ink); box-shadow:var(--arnyek-nagy); }
.leaflet-popup-tip { background:var(--lap); }
.leaflet-container img.leaflet-tile { mix-blend-mode:normal !important; }
.zar-gomb { display:inline-flex; align-items:center; gap:6px; font:600 13px var(--font); color:var(--ink); background:var(--lap); border:0; border-radius:10px; padding:9px 12px; box-shadow:var(--arnyek-nagy); cursor:pointer; }
.zar-gomb.aktiv { background:var(--brand); color:#fff; }
#terkep.nyitott { outline:3px solid var(--brand); outline-offset:-3px; }

/* lábléc */
.lablec { background:var(--navy); color:#a9b8cc; margin-top:30px; padding:34px 0 24px; font-size:.88rem; }
.lablec a { color:#c8d4e4; }
.lab-racs { display:grid; grid-template-columns:1.3fr 1fr 1fr 1fr 1fr; gap:22px; }
.lab-racs h4 { margin:0 0 8px; color:#fff; font-family:var(--cim); }
.lab-racs a { display:block; text-decoration:none; padding:3px 0; }
.lab-also { border-top:1px solid rgba(255,255,255,.1); margin-top:20px; padding-top:14px; font-size:.8rem; }
.lablec .figyelm { background:rgba(227,154,31,.12); border-color:rgba(227,154,31,.35); color:#f3dcae; }
@media (max-width:820px) { .lab-racs { grid-template-columns:1fr 1fr; } }
@media (max-width:900px) { .menu { display:none; } }
@media (max-width:640px) {
  .fejlec .keres { width:auto; flex:1; } .logo .nev { display:none; }
  .kartya { padding:16px 14px; } h1 { font-size:1.5rem; } .belso { padding:0 12px; }
  .terkep-doboz { height:340px; } .sd { grid-template-columns:5.5em 1fr 4.5em; }
  .leaflet-touch .leaflet-bar a { width:40px; height:40px; line-height:40px; font-size:20px; }
}
@media print { .fejlec, .lablec, .terkep-doboz, .hos-terkep, .gyik { display:none !important; } .kartya { box-shadow:none; break-inside:avoid; } }

/* ---------- v3: rétegváltó, gyorslinkek, pontozótábla, DD-kártya ---------- */
.gyors { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin:12px 0 0; font-size:.82rem; color:#a9b8cc; }
.gyors a { color:#fff; text-decoration:none; font-weight:600; padding:5px 10px; border-radius:999px; background:rgba(255,255,255,.1); }
.gyors a:hover { background:rgba(255,255,255,.2); }
.retegvalto { position:absolute; z-index:900; top:12px; right:12px; left:56px; display:flex; flex-wrap:wrap; gap:6px; justify-content:flex-end; }
.retegvalto button { border:0; cursor:pointer; font:600 .8rem var(--font); padding:7px 11px; border-radius:999px; background:rgba(13,27,49,.82); color:#e7eef7; box-shadow:0 4px 12px rgba(0,0,0,.3); backdrop-filter:blur(6px); }
.retegvalto button b { font-family:var(--cim); color:#ffd08a; margin-left:4px; }
.retegvalto button.aktiv { background:#e39a1f; color:#1b1203; } .retegvalto button.aktiv b { color:#1b1203; }
.pontozo td, .pontozo th { white-space:nowrap; } .pontozo td:first-child { white-space:normal; min-width:200px; }
.dd-ajanlo { margin:44px 0 0; }
.dd-ajanlo .dd-kartya { display:grid; grid-template-columns:1.2fr 1fr; gap:28px; align-items:center; background:var(--lap); border:1px solid var(--line); border-radius:22px; padding:26px; box-shadow:var(--arnyek); }
.dd-ajanlo .dd-kicker { font:700 .72rem var(--cim); letter-spacing:.12em; text-transform:uppercase; color:var(--halvany); margin:0 0 6px; }
.dd-ajanlo h2 { margin:0 0 8px; font-size:1.5rem; }
.dd-ajanlo p { color:var(--soft); margin:0 0 12px; }
.dd-ajanlo ul { list-style:none; margin:0 0 14px; padding:0; display:grid; gap:4px; }
.dd-ajanlo li { color:var(--soft); padding-left:18px; position:relative; font-size:.95rem; }
.dd-ajanlo li::before { content:'▸'; position:absolute; left:0; color:var(--brand); }
.dd-ajanlo .dd-atvezeto { font-weight:600; color:var(--ink); margin-bottom:6px; }
.dd-ajanlo .dd-zaro b { color:var(--ink); }
.dd-cta { display:inline-block; background:linear-gradient(135deg,#2b8fe0,#7a5af8); color:#fff !important; text-decoration:none; font-weight:700; padding:11px 18px; border-radius:12px; margin-right:12px; box-shadow:0 10px 24px -10px rgba(43,143,224,.8); }
.dd-cta:hover { transform:translateY(-2px); }
.dd-mail { font-size:.88rem; color:var(--halvany); }
.dd-elonezet { display:block; border-radius:14px; overflow:hidden; border:1px solid var(--line); box-shadow:var(--arnyek-nagy); text-decoration:none; background:var(--bg-2); }
.dd-bsav { display:flex; align-items:center; gap:6px; padding:8px 10px; background:var(--bg-2); border-bottom:1px solid var(--line); }
.dd-bsav i { width:9px; height:9px; border-radius:50%; background:#e0675a; } .dd-bsav i:nth-child(2) { background:#e3b341; } .dd-bsav i:nth-child(3) { background:#5bb36a; }
.dd-bsav b { margin-left:8px; font:600 .78rem var(--font); color:var(--halvany); }
.dd-elonezet img { display:block; width:100%; height:auto; }
@media (max-width:820px) { .dd-ajanlo .dd-kartya { grid-template-columns:1fr; padding:18px; } .retegvalto { left:12px; top:auto; bottom:56px; justify-content:flex-start; } }
.lepesek.negyes { grid-template-columns:repeat(4,1fr); }
@media (max-width:900px) { .lepesek.negyes { grid-template-columns:repeat(2,1fr); } }
@media (max-width:560px) { .lepesek.negyes { grid-template-columns:1fr; } }
/* mobilon a rétegváltó a térkép FÖLÖTT áll (rácsúszott a jelmagyarázatra és a forrássorra) */
@media (max-width:820px) {
  .hos-terkep { height:auto; overflow:visible; box-shadow:none; }
  .hos-terkep .retegvalto { position:static; justify-content:flex-start; padding:0 0 10px; }
  .hos-terkep #terkep { position:relative; inset:auto; height:340px; border-radius:18px 18px 0 0; overflow:hidden; }
  .hos-terkep .radon-jelm { display:none; }
}

/* ---------- v4: nagyítás, teljes képernyős térképlap ---------- */
.nagyito { width:34px; height:34px; border:0; border-radius:8px; background:var(--lap); color:var(--ink); box-shadow:0 1px 5px rgba(0,0,0,.35); cursor:pointer; display:grid; place-items:center; }
.nagyito.aktiv { background:var(--brand); color:#fff; }
#terkep.teljes { position:fixed !important; inset:0 !important; z-index:3000; width:100vw !important; height:100vh !important; height:100dvh !important; border-radius:0 !important; margin:0 !important; }
body.terkep-teljes { overflow:hidden; }
.nagy-link { display:inline-block; margin-top:14px; color:#ffd08a; font-weight:700; text-decoration:none; }
.nagy-link:hover { text-decoration:underline; }
.teljes-terkep { position:relative; height:calc(100vh - 62px); height:calc(100dvh - 62px); }
.teljes-terkep #terkep { position:absolute; inset:0; }
.reteg-panel { position:absolute; z-index:900; top:16px; left:60px; width:300px; background:var(--lap); border-radius:16px; box-shadow:var(--arnyek-nagy); padding:16px; border:1px solid var(--line); }
.reteg-panel h1 { font-size:1.25rem; margin:0 0 10px; }
.reteg-panel .keres { margin-bottom:10px; }
.rk { display:flex; align-items:center; gap:8px; padding:7px 0; font-size:.92rem; font-weight:600; cursor:pointer; border-bottom:1px solid var(--line); }
.rk:last-of-type { border-bottom:0; }
.rk i { width:16px; height:12px; border-radius:3px; flex:none; }
.rk b { margin-left:auto; font-family:var(--cim); color:var(--halvany); font-size:.85rem; }
.rk input { accent-color:var(--brand); width:18px; height:18px; }
@media (max-width:760px) { .reteg-panel { left:10px; right:10px; top:auto; bottom:10px; width:auto; padding:12px; } .reteg-panel h1 { display:none; } .rk { padding:5px 0; font-size:.86rem; } }
.terkep-doboz.nagy { height:min(68vh,620px); }
.magyarazo-terkep { margin-top:22px; }
@media (max-width:640px) { .terkep-doboz.nagy { height:60vh; } }

/* ---------- v5: hat kártya, élő riasztás, Superfund, NRI ---------- */
.allapotok.hat { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:900px) { .allapotok.hat { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.nws-nincs { margin:0; padding:10px 14px; border-radius:12px; background:var(--ok-soft); color:var(--ok); font-weight:600; }
.nws-a { border-radius:12px; padding:10px 14px; margin:0 0 8px; background:var(--cs); border-left:4px solid var(--c); }
.nws-a p { margin:4px 0 0; font-size:.9rem; color:var(--soft); }
.npl-ikon i { display:block; width:14px; height:13px; clip-path:polygon(50% 0,100% 100%,0 100%); box-shadow:0 0 0 2px #fff; }
.npl-ikon { background:none; border:0; filter:drop-shadow(0 1px 2px rgba(0,0,0,.5)); }
.sav-diagram.nri .sd { grid-template-columns:9em 1fr 9.5em; }
@media (max-width:640px) { .sav-diagram.nri .sd { grid-template-columns:7.5em 1fr 6.5em; font-size:.8rem; } }

/* ---------- USA-államválasztó ---------- */
.usa-valto { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.usa-valto button { border:1px solid var(--line); background:var(--lap); color:var(--ink); font:600 .85rem var(--font); padding:7px 12px; border-radius:999px; cursor:pointer; }
.usa-valto button.aktiv { background:var(--navy); color:#fff; border-color:var(--navy); }
.usa { position:relative; }
.usa svg { width:100%; height:auto; display:block; overflow:visible; }
.usa-a path { fill:#ccc; stroke:var(--lap); stroke-width:1.1; stroke-linejoin:round; transition:transform .16s, filter .16s, opacity .16s; transform-box:fill-box; transform-origin:center; cursor:pointer; }
.usa svg:hover .usa-a path { opacity:.6; }
.usa svg .usa-a:hover path, .usa svg .usa-a:focus path { opacity:1; transform:translateY(-3px) scale(1.035); filter:drop-shadow(0 8px 10px rgba(15,27,45,.35)); stroke:var(--ink); stroke-width:1.6; }
.usa-cimke { pointer-events:none; font:700 11px var(--cim); fill:#0f1b2d; opacity:.75; }
.usa-tipp { position:absolute; z-index:5; pointer-events:none; background:var(--lap); border:1px solid var(--line); border-radius:12px; box-shadow:var(--arnyek-nagy); padding:10px 12px; min-width:220px; font-size:.85rem; line-height:1.45; transform:translate(-50%, calc(-100% - 14px)); }
.usa-tipp b { display:block; font-family:var(--cim); font-size:1rem; margin-bottom:3px; }
.usa-skala { display:flex; align-items:center; gap:10px; font-size:.82rem; color:var(--soft); margin-top:8px; flex-wrap:wrap; }
.usa-skala i { width:140px; height:10px; border-radius:5px; }
.kis-allamok { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:10px; }
.kis-allamok a { font-weight:700; font-size:.82rem; text-decoration:none; color:var(--ink); background:var(--bg-2); border-radius:999px; padding:6px 11px; }
@media (max-width:640px) { .usa-cimke { display:none; } }

/* ---------- testvéroldal-kártyák (scripts/lib/dd_kartya_en.mjs testverek) ---------- */
.tv-szakasz { margin:44px 0 0; }
.tv-szakasz h2 { margin:0 0 4px; font-size:1.4rem; }
.tv-al { color:var(--soft); margin:0 0 14px; }
.tv-racs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.tv { display:block; text-decoration:none; color:var(--ink); background:var(--lap); border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--arnyek); transition:transform .15s, box-shadow .15s; }
.tv:hover { transform:translateY(-3px); box-shadow:var(--arnyek-nagy); }
.tv img { display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; background:var(--bg-2); border-bottom:1px solid var(--line); }
.tv b { display:block; padding:12px 14px 2px; font-size:1.02rem; }
.tv span { display:block; padding:0 14px 14px; font-size:.86rem; color:var(--soft); line-height:1.4; }
@media (max-width:900px) { .tv-racs { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:480px) { .tv-racs { grid-template-columns:1fr 1fr; gap:10px; } .tv span { display:none; } .tv b { padding:10px 12px; font-size:.92rem; } }
/* térkép-jelmagyarázat */
.terkep-jelm.reszletes { display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center; margin-top:10px; font-size:.84rem; color:var(--soft); }
.terkep-jelm.reszletes .kicsi { flex-basis:100%; font-size:.8rem; }
.j-szaggat { width:22px !important; height:0 !important; border-top:2.5px dashed var(--ink); border-radius:0 !important; }
.j-kozep { width:12px !important; height:12px !important; border-radius:50% !important; background:#fff; box-shadow:0 0 0 3px #0f1b2d inset; }
.j-terulet { width:20px !important; height:13px !important; background:rgba(43,143,224,.2) !important; border:2.5px solid #0b63b0; }
.j-pont { width:12px !important; height:12px !important; border-radius:50% !important; box-shadow:0 0 0 1.5px #fff; }
.j-har { width:13px !important; height:12px !important; border-radius:0 !important; clip-path:polygon(50% 0,100% 100%,0 100%); }
/* loanlimitmap-átvezetés a ZIP-lapon (2026-10-29) */
.llm-atlink { display:block; margin:0 0 18px; padding:14px 16px; border-radius:14px; border:1px solid var(--line); background:var(--lap); color:var(--ink); text-decoration:none; }
.llm-atlink:hover { border-color:#0b8f6f; }
.llm-atlink b { color:#0b8f6f; }