/* ════════════════════════════════════════════════════════════════════
   ARCULAT – a portál egységes megjelenési rétege (2026-11-12, v328)

   Ez a fájl MINDEN oldalon utolsóként töltődik be: a styles.css és a
   blog- meg információs oldalak beágyazott stílusai után. Azokat nem
   írjuk át, hanem felülbíráljuk – így egyetlen helyen él a két téma
   színe, a betű, a fejléc, a csempék, az eredménydoboz és a hirdetési
   hely kinézete.

   KÉT TÉMA
     sötét (alap, <html> attribútum nélkül vagy data-theme="dark"):
       kékes alap, kék márkaszín, a kézhez kapott pénz zöld
     világos (data-theme="light"):
       törtfehér alap, zöld márkaszín

   SZÁMOK SZÍNE – minden kalkulátorban ugyanaz a szabály
     --kap  zöld      amit a felhasználó kap, megtart, megtakarít, nyer
     --von  narancs   amit levonnak tőle vagy fizetnie kell
     egyébként a szöveg színe

   A változónevek két készlete (hosszú: --surface, rövid: --sf) azért
   kell, mert a blogoldalak beágyazott stílusa a rövid neveket használja.
   ════════════════════════════════════════════════════════════════════ */

@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-display:swap;font-weight:200 800;
  src:url(/fonts/bricolage-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-display:swap;font-weight:200 800;
  src:url(/fonts/bricolage-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Source Sans 3';font-style:normal;font-display:swap;font-weight:200 900;
  src:url(/fonts/sourcesans-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Source Sans 3';font-style:normal;font-display:swap;font-weight:200 900;
  src:url(/fonts/sourcesans-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* ── 1. Színek és méretek ─────────────────────────────────────────── */
html:root{
  color-scheme:dark;
  --bg:#0D1420; --bg2:#111A29;
  --surface:#151E2D; --surface-hover:#1B2639;
  --border:#2A3850; --border-bright:#44567A;
  --ink:#E9EEF6; --text:#E9EEF6; --muted:#C2CCDB; --muted2:#9FAEC4;
  --accent:#7DB7FF; --accent2:#A9CFFF; --accent-text:#7DB7FF; --accent-glow:rgba(125,183,255,.28);
  --gomb:#2B68BE; --gomb-hover:#3A79D2; --gomb-ink:#FFFFFF;
  --kap:#63D2A8; --von:#F2A871;
  --green:#63D2A8; --green-glow:transparent; --ok:#63D2A8;
  --gold:#F2A871;
  --mezo:#1A2A44; --mezo-szel:#44567A;
  --alert-bg:#2A2216; --alert-border:#5C4526; --alert-text:#F0D9B5;
  --input-bg:#1A2A44; --input-bg2:#172338; --cb-hover:#1B2639; --select-opt:#151E2D;
  --row-sep:#2A3850; --paper:#151E2D;
  --grad:#2B68BE; --grad-green:#63D2A8;
  --shadow-card:none; --glow-top:transparent;
  --radius:8px; --radius-sm:6px;
  --hird-bg:#111A29;
  --sav-1:#63D2A8; --sav-2:#F2A871; --sav-3:#B8632A; --sav-4:#6A7A93; --sav-5:#B7A6F5; --sav-6:#7DB7FF; --sav-7:#F0A3C4;
  --cat-income:#63D2A8;   --cat-income-bg:#143027;
  --cat-property:#F2A871; --cat-property-bg:#3A2717;
  --cat-vehicle:#7DB7FF;  --cat-vehicle-bg:#16294A;
  --cat-family:#F0A3C4;   --cat-family-bg:#3A1D2C;
  --cat-wealth:#B7A6F5;   --cat-wealth-bg:#2A2347;
  /* a blogoldalak rövid nevei */
  --sf:var(--surface); --sfh:var(--surface-hover); --bd:var(--border); --bdb:var(--border-bright);
  --mu:var(--muted); --mu2:var(--muted2); --mut:var(--muted);
  --ac:var(--accent); --ac2:var(--accent2); --acg:var(--accent-glow);
  --gr:var(--kap); --gd:var(--von);
  --alb:var(--alert-bg); --ald:var(--alert-border); --alt:var(--alert-text);
  --sh:none; --gt:transparent; --r:8px; --rs:6px;
  --cim-betu:'Bricolage Grotesque','Source Sans 3',system-ui,sans-serif;
  --torzs-betu:'Source Sans 3',system-ui,-apple-system,'Segoe UI',sans-serif;
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#F6F8F6; --bg2:#EEF2EF;
  --surface:#FFFFFF; --surface-hover:#EEF4F0;
  --border:#D5DDD8; --border-bright:#9DB3A8;
  --ink:#15231E; --text:#15231E; --muted:#3A4A43; --muted2:#55635C;
  --accent:#0B6E4F; --accent2:#084C37; --accent-text:#0B6E4F; --accent-glow:rgba(11,110,79,.22);
  --gomb:#0B6E4F; --gomb-hover:#084C37; --gomb-ink:#FFFFFF;
  --kap:#0B6E4F; --von:#A6470F;
  --green:#0B6E4F; --ok:#0B6E4F;
  --gold:#A6470F;
  --mezo:#E6F1EB; --mezo-szel:#9DB3A8;
  --alert-bg:#FBF3E4; --alert-border:#E2C79A; --alert-text:#5C3A0A;
  --input-bg:#E6F1EB; --input-bg2:#F1F6F3; --cb-hover:#E6F1EB; --select-opt:#FFFFFF;
  --row-sep:#D5DDD8; --paper:#FFFFFF;
  --grad:#0B6E4F; --grad-green:#0B6E4F;
  --hird-bg:#EEF2EF;
  --sav-1:#0B6E4F; --sav-2:#C9631F; --sav-3:#8A3A0A; --sav-4:#8C9A93; --sav-5:#5B3FA8; --sav-6:#1F5FA8; --sav-7:#9B2C5E;
  --cat-income:#0B6E4F;   --cat-income-bg:#DDEEE5;
  --cat-property:#A6470F; --cat-property-bg:#F6E6D8;
  --cat-vehicle:#1F5FA8;  --cat-vehicle-bg:#DFE9F6;
  --cat-family:#9B2C5E;   --cat-family-bg:#F6E1EB;
  --cat-wealth:#5B3FA8;   --cat-wealth-bg:#E8E2F7;
}

/* ── 0. Legkisebb olvasható betűméret (a betumeret.py állítja elő; 299 szelektor) ── */
body .abra-tipp,
body .ad-slot,
body .ad-slot-placeholder,
body .be-masol,
body .cat-count,
body .checkbox-row .cb-sub,
body .disclaimer,
body .eb-cim,
body .eb-jelzes,
body .eh-forras-cim,
body .eh-hiba-cim,
body .eh-kiemel-cim,
body .eh-mikor,
body .eh-tartalom-cim,
body .eyebrow,
body .form-sugo,
body .gyors-attekintes .ga-cim,
body .hero .eyebrow,
body .hh-cimke,
body .hn-honap,
body .hn-kire,
body .info-stat .lab,
body .jog-datum,
body .k27-menetrend thead th,
body .k27-varakozo-cim,
body .kc-doboz-cim,
body .kc-jo-cim,
body .kc-tabla caption,
body .kc-tortenet-cim,
body .kk-desc,
body .kk-fejlec,
body .kk-tip,
body .kt-cimke,
body .lang-btn,
body .mezo-sugo,
body .mh-cimke,
body .mh-ossz-cim,
body .mly-cim,
body .mm-alcim,
body .mm-caption{font-size:14px;}
body .mm-kiemel-cim,
body .next-steps h4,
body .oldal-meta,
body .pc-cat,
body .pc-read,
body .post-meta,
body .result-label,
body .step-label,
body .sz-cimke,
body .tab,
body .tab .cl,
body .tap-cimke,
body .tema-db,
body .theme-toggle,
body .tt-cimke,
body .tt-db,
body .tt-eyebrow,
body .tt-sugo,
body .va-cimke,
body .va-mikor,
body .vf-figyelem-cim,
body .vf-fordulo-cim,
body .vf-tabla caption,
body .vn-cimke,
body .vz-cimke,
body .vz-hely,
body .vz-lepes{font-size:14px;}
body .ab-alsz,
body .ab-cel,
body .ab-figy,
body .ab-forma,
body .ab-hatar-c,
body .ab-old,
body .abra figcaption,
body .abra-osszefoglalo,
body .ado-tabla thead th,
body .article table,
body .back-link,
body .byline,
body .calc-info .info-source,
body .calc-related h4,
body .calc-table,
body .cat-cards .tab .cl,
body .chip,
body .cikk-frissites,
body .cr-nev,
body .eb-lista li,
body .eb-szoveg,
body .eh-forras li,
body .eh-idezet footer,
body .footer-nav a,
body .form-group label,
body .form-valasz,
body .gm-kis,
body .header-cta,
body .hn-gomb,
body .jog-felelosseg,
body .jog-forras,
body .k27-forras,
body .k27-megj,
body .kc-jelmagy,
body .kc-tabla thead th,
body .kd-sor,
body .kd-wrap h4,
body .kk-gomb,
body .korlat-uzenet,
body .kt-alatt{font-size:15px;}
body .kt-mi,
body .kt-tabla-megj,
body .mly-mit,
body .mm-jelmagy,
body .mm-tabla thead th,
body .nav-btn,
body .nav-home,
body .oldal-bc,
body .pc-exc,
body .pc-lang,
body .pelda-megj,
body .result-period,
body .sz-megj,
body .szakasz-datum,
body .szd-korlat,
body .szd-link,
body .szd-szerep,
body .talalat,
body .tb-megj,
body .trust-box li,
body .tt-nev,
body .tt-tovabb,
body .updated,
body .va-honnan,
body .vf-jelmagy,
body .vf-tabla thead th,
body .vn-datum,
body .vn-erintett,
body .vn-forras,
body .vz-figyelem h4,
body .vz-figyelem p,
body .vz-hiba,
body .vz-sugo,
body .vz-zaro,
body footer,
body label{font-size:15px;}
body .ab-cim,
body .ab-fo,
body .ab-k,
body .ab-lep,
body .ab-nev,
body .abra-szamitott figcaption,
body .ado-tabla,
body .ado-tabla td:last-child,
body .alert-2027,
body .alert-box,
body .article code,
body .article li,
body .article p,
body .be-elonyok li,
body .be-kiemelt,
body .breakdown h3,
body .breakdown-row,
body .btn,
body .btn-submit,
body .button-primary,
body .byline-avatar,
body .calc-faq h3,
body .calc-info li,
body .calc-info p,
body .card li,
body .card p,
body .cat-title,
body .cta p,
body .eh-bev,
body .eh-hiba p,
body .eh-idezet p,
body .eh-kalk a,
body .eh-kiemel p,
body .eh-lepes p,
body .eh-tartalom a,
body .eh-teendo li,
body .eh-utalas,
body .elorejelzo-jelzes,
body .example-box,
body .faq-a{font-size:16px;}
body .faq-item h3,
body .faq-item p,
body .faq-tetel summary,
body .faq-valasz p,
body .folyamat li strong,
body .form-group input,
body .form-group select,
body .form-group textarea,
body .formula,
body .friss-fejlemeny,
body .gm-fenntartas,
body .green-box,
body .gyors-attekintes .ga-link,
body .gyors-attekintes li,
body .helyesbites-jelzes,
body .hero-alcim,
body .highlight-box,
body .hn-cim,
body .hn-leiras,
body .info-box,
body .info-section p,
body .jog-blokk h3,
body .jog-blokk p,
body .jog-lista li,
body .k27-hianyzo li,
body .k27-menetrend,
body .k27-varakozo p,
body .kalk-utalas,
body .kc-doboz p,
body .kc-jo p,
body .kc-tabla,
body .kc-tortenet p,
body .ke-datum,
body .ke-kiemelt,
body .kk-input,
body .kk-nev,
body .kk-tipp,
body .kk-zar,
body .korlatok h3,
body .korlatok li{font-size:16px;}
body .korlatok p,
body .kt-hatas,
body .kt-lista li,
body .kt-nev,
body .kt-tipp,
body .mh-magy,
body .mh-mi,
body .mh-ossz table,
body .mh-ossz tr.mh-vegosszeg td,
body .mly-eh,
body .mly-lista a,
body .mm-kiemel p,
body .mm-tabla,
body .nb-kiemelt,
body .nb-modszer,
body .next-steps,
body .nl-sum .nl-a,
body .nl-sum .nl-q,
body .notice-box,
body .pc-arrow,
body .pc-title,
body .pelda h3,
body .pelda p,
body .quote,
body .ra-toast,
body .ref-fej,
body .ref-lab,
body .related a,
body .result-actions button,
body .result-amount.is-placeholder,
body .rss-sor,
body .save-box h3,
body .save-box p,
body .stat-box,
body .step-hint,
body .subtitle,
body .success-msg,
body .sz-sor p,
body .szamokban > h3,
body .szd-hatter{font-size:16px;}
body .szd-monogram,
body .szd-nev,
body .szep-kiemelt,
body .szep-modszer,
body .tab-icon,
body .tapasztalat,
body .tema-cim,
body .tt-h,
body .tt-lablec,
body .tt-lead,
body .tt-leiras,
body .ugras-tartalomra,
body .va-blokk li,
body .va-blokk p,
body .va-idezet,
body .va-lepes p,
body .value-card h3,
body .value-card p,
body .vf-figyelem p,
body .vf-fordulo p,
body .vf-tabla,
body .vn-cim,
body .vn-leiras,
body .vn-neg-info,
body .vn-nyit,
body .vn-szuro button,
body .vz-figyelem.vz-vesztes-fo p,
body .vz-miert,
body .vz-opcio,
body .vz-osszeg-kicsi,
body .vz-tovabb,
body .vz-vissza,
body .warning-box,
body li,
body p,
body table{font-size:16px;}

/* ── 0/b. A régi paletta beégetett színei helyett változók (a regiszin.py állítja elő; 57 szelektor) ── */
html:root body .be-kiemelt{background:var(--bg2);border-left-color:var(--accent);}
html:root body .byline-check{color:var(--accent);}
html:root body .eb-cim{color:var(--accent);}
html:root body .eh-hiba{background:var(--bg2);border-color:var(--border);}
html:root body .eh-kiemel{background:var(--bg2);border-color:var(--border);}
html:root body .elorejelzo-jelzes{background:var(--bg2);border-color:var(--border);}
html:root body .example-box{background:var(--bg2);}
html:root body .friss-fejlemeny{background:var(--bg2);border-color:var(--border);border-left-color:var(--accent);}
html:root body .gm-fenntartas{background:var(--bg2);border-color:var(--border);}
html:root body .green-box{background:var(--bg2);}
html:root body .helyesbites-jelzes{background:var(--bg2);border-color:var(--border);}
html:root body .hn-kire{background:var(--bg2);}
html:root body .info-box{background:var(--bg2);}
html:root body .k27-varakozo{background:var(--bg2);border-color:var(--border);border-left-color:var(--von);}
html:root body .k27-varakozo-cim{color:var(--von);}
html:root body .kc-jo{background:var(--bg2);border-color:var(--border);}
html:root body .kc-jo-cim{color:var(--kap);}
html:root body .ke-elter{color:var(--von);}
html:root body .ke-kiemelt{background:var(--bg2);border-color:var(--border);}
html:root body .ke-ok{color:var(--kap);}
html:root body .korlat-uzenet{background:var(--bg2);border-color:var(--border);}
html:root body .kt-hatas{background:var(--bg2);}
html:root body .mh-ossz{background:var(--bg2);border-color:var(--border);}
html:root body .mm-kiemel{background:var(--bg2);border-color:var(--border);}
html:root body .mm-legjobb{background:var(--bg2);}
html:root body .nb-kiemelt{background:var(--bg2);border-color:var(--border);}
html:root body .nb-modszer{background:var(--bg2);border-color:var(--border);}
html:root body .notice-box{background:var(--bg2);border-color:var(--border);color:var(--ink);}
html:root body .notice-box strong{color:var(--ink);}
html:root body .ref-fej{background:var(--bg2);border-left-color:var(--accent);}
html:root body .save-box{background:var(--bg2);}
html:root body .stat-box{background:var(--bg2);}
html:root body .success-msg{background:var(--bg2);border-color:var(--border);color:var(--kap);}
html:root body .szd-korlat{background:var(--bg2);border-color:var(--border);}
html:root body .szep-kiemelt{background:var(--bg2);border-color:var(--border);}
html:root body .szep-modszer{background:var(--bg2);border-color:var(--border);}
html:root body .tap-cimke{color:var(--accent);}
html:root body .tapasztalat{border-left-color:var(--accent);}
html:root body .tapasztalat a{border-color:var(--border);color:var(--accent);}
html:root body .va-teny{background:var(--bg2);border-color:var(--border);}
html:root body .va-teny .va-cimke{color:var(--accent);}
html:root body .va-varakozas{background:var(--bg2);border-color:var(--border);}
html:root body .vf-figyelem{background:var(--bg2);border-color:var(--border);}
html:root body .vf-fordulo{background:var(--bg2);border-color:var(--border);}
html:root body .vf-gyoztes{background:var(--bg2);}
html:root body .vn-javitas{background:var(--bg2);}
html:root body .vn-jog{background:var(--bg2);}
html:root body .vn-portal{background:var(--bg2);color:var(--ink);}
html:root body .vz-figyelem{border-left-color:var(--von);}
html:root body .vz-figyelem.vz-holt{border-left-color:var(--von);}
html:root body .vz-figyelem.vz-holt h4{color:var(--von);}
html:root body .vz-h1{border-left-color:var(--accent);}
html:root body .vz-h2{border-left-color:var(--accent);}
html:root body .vz-h3{border-left-color:var(--accent);}
html:root body .vz-osszeg{color:var(--accent);}
html:root body button.hn-gomb.aktiv{background:var(--gomb);border-color:var(--gomb);}
html:root body button.vz-tovabb{background:var(--gomb);border-color:var(--gomb);}

/* ── 2. Alap: betű, háttér, hivatkozás ────────────────────────────── */
html body{font-family:var(--torzs-betu);font-size:17px;line-height:1.55;background:var(--bg);color:var(--ink);
  font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;}
body::before{display:none !important;}
body button,body input,body select,body textarea{font-family:inherit;}
body h1,body h2,body h3,body .step-title,body .tema-cim,body .tt-h,body .ff-h{font-family:var(--cim-betu);letter-spacing:-.015em;color:var(--ink);}
body h1{font-weight:700;letter-spacing:-.025em;line-height:1.08;}
body h1 em,body .hero h1 em{font-style:normal;background:none;-webkit-background-clip:border-box;background-clip:border-box;
  -webkit-text-fill-color:currentColor;color:inherit;}
body a{color:var(--accent);}
body a:hover{color:var(--accent2);}
body :focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.ugras-tartalomra{background:var(--gomb);border-radius:0 0 6px 0;}

/* A nagybetűs, ritkított címkék helyett rendes mondatkezdő írás. */
body .eyebrow,body .step-label,body .result-label,body .breakdown h3,body .next-steps h4,body .info-stat .lab,
body .calc-related h4,body .kd-wrap h4,body .vz-lepes,body .vz-figyelem h4,body .ff-eyebrow,body .hh-cimke,
body .tt-cimke,body .tt-eyebrow,body .ado-tabla thead th,body .ered-cim,body .hn-honap,body .hn-kire,
body .pc-cat,body .kc-tortenet-cim,body .kc-doboz-cim,body .kc-jo-cim,body .kt-cimke,body .vf-figyelem-cim,
body .vf-fordulo-cim,body .mh-cimke,body .mh-ossz-cim,body .va-cimke,body .va-mikor,body .eh-forras-cim,
body .k27-varakozo-cim,body .k27-menetrend thead th,body .vn-cimke,body .kk-fejlec,body .kk-tip,body .eb-cim,
body .post-meta,body .gyors-attekintes .ga-cim,body .tap-cimke,body .eh-kiemel-cim,body .eh-mikor,body .mly-cim,
body .sz-cimke,body .mm-kiemel-cim,body .eh-tartalom-cim,body .eh-hiba-cim{
  text-transform:none;letter-spacing:0;}

/* ── 3. Fejléc ────────────────────────────────────────────────────── */
body .top-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 22px;
  margin:0;padding:9px max(20px,calc((100% - 1120px)/2));background:var(--surface);
  border-bottom:1px solid var(--border);position:relative;z-index:20;}
.marka{display:inline-flex;align-items:center;gap:9px;min-height:44px;text-decoration:none;color:var(--ink) !important;margin-right:6px;}
.marka-jel{width:32px;height:32px;border-radius:4px;background:var(--gomb);color:#fff;display:flex;align-items:center;
  justify-content:center;font-family:var(--cim-betu);font-weight:700;font-size:20px;line-height:1;}
.marka-nev{font-family:var(--cim-betu);font-weight:700;font-size:20px;letter-spacing:-.02em;}
body .tb-nav{display:flex;align-items:center;gap:2px;flex-wrap:nowrap;margin:0;}
body .tb-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:0;background:none;border-radius:6px;
  color:var(--muted);font-size:16px;font-weight:600;text-decoration:none;white-space:nowrap;box-shadow:none;transform:none;}
body .tb-nav a:hover{color:var(--ink);background:var(--surface-hover);}
body .tb-nav a[aria-current]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent);border-radius:6px 6px 0 0;}
.tb-eszkoz{display:flex;align-items:center;gap:4px;margin-left:auto;}
body .kk-gomb{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--border);
  background:var(--bg);border-radius:6px;color:var(--muted);font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap;}
body .kk-gomb:hover{border-color:var(--border-bright);color:var(--ink);}
body .kk-gomb svg{flex:none;}
body .lang-switcher,.tb-nyelv{display:flex;gap:0;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg);}
body .top-bar .lang-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:40px;padding:0 10px;
  border:0;border-radius:0;background:transparent;color:var(--muted);font-size:14px;font-weight:700;line-height:1;
  text-decoration:none;cursor:pointer;box-shadow:none;}
body .top-bar .lang-btn + .lang-btn{border-left:1px solid var(--border);}
body .top-bar .lang-btn:hover{color:var(--ink);background:var(--surface-hover);}
body .top-bar .lang-btn.active{background:var(--ink);color:var(--bg);}
body .theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;gap:0;
  border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;}
body .theme-toggle:hover{background:var(--surface-hover);border-color:var(--border);}
.theme-toggle .ikon-nap{display:block;} .theme-toggle .ikon-hold{display:none;}
[data-theme="light"] .theme-toggle .ikon-nap{display:none;} [data-theme="light"] .theme-toggle .ikon-hold{display:block;}
@media(max-width:860px){
  body .top-bar{padding:6px 14px 0;gap:0 8px;}
  .marka-nev{font-size:18px;} .marka-jel{width:30px;height:30px;font-size:19px;}
  body .tb-nav{order:5;flex:1 1 100%;margin:0 -14px;padding:0 6px;border-top:1px solid var(--border);
    overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  body .tb-nav::-webkit-scrollbar{display:none;}
  body .tb-nav a{font-size:15px;padding:0 9px;min-height:42px;}
  body .kk-gomb{border-color:transparent;background:transparent;padding:0 9px;color:var(--ink);}
  body .kk-gomb .kk-gomb-sz{display:none;}
  body .top-bar .lang-btn{min-width:34px;padding:0 7px;min-height:34px;font-size:13px;}
  .tb-eszkoz{gap:0;}
}
@media(max-width:400px){ .marka-nev{font-size:16px;} .marka{gap:7px;margin-right:0;} }

/* ── 4. Oldalkeret ────────────────────────────────────────────────── */
body .container{padding-top:22px;}
body .container:has(.calc-section){max-width:1120px;}
body .oldal-bc{font-size:14.5px;color:var(--muted2);margin:0 0 12px;}
body .oldal-bc a{color:var(--muted);}
body .oldal-meta{font-size:14.5px;color:var(--muted2);gap:4px 9px;line-height:1.5;margin:0 0 18px;}
body .oldal-meta a{color:var(--muted);border-bottom:1px solid var(--border);}
body .om-sep{opacity:.45;}
body main > header{text-align:left;padding:0;margin:0 0 14px;}
body main > header:empty{display:none;}

/* Főoldal: a cím balra zárt, nagy, alatta rögtön a kalkulátor. */
body .fo-fej{padding:18px 0 6px;margin:0 0 18px;}
body .fo-fej h1{font-size:clamp(34px,5.6vw,58px);margin:0 0 12px;max-width:16ch;}
body .fo-fej .subtitle{font-size:19px;color:var(--muted);max-width:56ch;margin:0;line-height:1.5;}
body .szakasz-cim{font-family:var(--cim-betu);font-weight:700;font-size:clamp(24px,3vw,30px);letter-spacing:-.02em;margin:44px 0 6px;color:var(--ink);}
body .szakasz-alcim{color:var(--muted);margin:0 0 18px;font-size:17px;}

/* ── 5. Űrlap ─────────────────────────────────────────────────────── */
body .card{background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:none;padding:24px 24px 26px;}
body .step-label{display:block;background:none;border:0;padding:0;margin:0 0 4px;color:var(--muted2);font-size:14.5px;font-weight:600;}
body .step-title{font-size:clamp(26px,3.4vw,34px);font-weight:700;line-height:1.1;letter-spacing:-.025em;margin:0 0 8px;}
body .step-hint{font-size:16px;color:var(--muted);margin:0 0 18px;line-height:1.5;}
body .card label,body form label{font-size:16px;font-weight:600;color:var(--ink);margin:16px 0 6px;}
body input[type="number"],body input[inputmode="numeric"],body input[type="text"],body select{
  font-size:18px;font-weight:600;padding:11px 14px;min-height:48px;background:var(--mezo);color:var(--ink);
  border:1px solid var(--mezo-szel);border-radius:6px;box-shadow:none;}
body input[type="number"]:focus,body input[inputmode="numeric"]:focus,body input[type="text"]:focus,body select:focus{
  outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent);}
body select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%237d8a94' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;}
body .checkbox-row,body .checkbox-label,body .cb{background:transparent;border:1px solid var(--border);border-radius:6px;}
body .checkbox-row:hover{background:var(--surface-hover);border-color:var(--border-bright);}
body .checkbox-row .cb-text{font-size:16px;font-weight:600;}
body .checkbox-row .cb-sub{font-size:14.5px;color:var(--muted2);}
body .button-primary,body .btn,body .btn-submit{background:var(--gomb);color:var(--gomb-ink);border:0;border-radius:6px;box-shadow:none;
  font-size:18px;font-weight:700;letter-spacing:0;min-height:52px;transform:none;}
body .button-primary:hover,body .btn:hover,body .btn-submit:hover{background:var(--gomb-hover);color:var(--gomb-ink);transform:none;box-shadow:none;}

/* ── 6. Eredmény: levezetés, mint egy bérjegyzék ──────────────────── */
body .result-box,html[data-theme="light"] body .result-box{background:var(--surface);border:1px solid var(--ink);border-radius:4px;
  box-shadow:none;padding:22px 24px 24px;animation:none;}
body .result-label{text-align:left;color:var(--muted);font-size:16px;font-weight:400;margin:0 0 2px;}
body .result-amount{text-align:left;font-family:var(--cim-betu);font-weight:700;font-size:clamp(40px,6vw,58px);line-height:1.04;
  letter-spacing:-.03em;margin:0 0 4px;background:none;-webkit-background-clip:border-box;background-clip:border-box;
  -webkit-text-fill-color:currentColor;color:var(--ink);}
body .result-period{text-align:left;color:var(--muted);font-size:16px;margin:0 0 18px;}
body .breakdown{border-top:1px solid var(--ink);padding-top:6px;}
body .breakdown h3{font-family:var(--torzs-betu);font-size:15px;font-weight:600;color:var(--muted2);margin:10px 0 2px;}
body .breakdown-row{font-size:16.5px;color:var(--ink);padding:11px 0;border-bottom:1px solid var(--row-sep);}
body .breakdown-row .amount{font-weight:600;color:var(--ink);}
body .breakdown-row[style*="color"] .amount{color:inherit;}
body .breakdown-row.total{border-top:2px solid var(--ink);border-bottom:0;margin-top:0;padding-top:13px;font-size:18px;font-weight:700;color:var(--ink);}
body .breakdown-row.total .amount{color:inherit;font-weight:700;}
body .next-steps{background:var(--bg);border:0;border-top:1px solid var(--border);border-radius:0;margin:18px -24px -24px;padding:18px 24px 20px;font-size:16px;}
body .next-steps h4{font-family:var(--torzs-betu);font-size:16px;font-weight:700;color:var(--ink);margin:0 0 8px;}
body .next-steps ol,body .next-steps li{color:var(--muted);}
/* kézhez kapott pénz, megtakarítás, nyereség: zöld és kiemelt */
#szja_result,#brutto_result,#atalany_result,#nyugdij_result,#anyakedv_result,#csedgyed_result,#vallalkozo_result,
#szemelyi_result,#megbizas_result,#vegkielegites_result,#tbsz_result,#berosztalek_result,#tappenz_result,
#nydmunka_result,#diakmunka_result{--fo-szam:var(--kap);}
/* fizetendő adó, illeték, levonás: narancs */
#orokoles_result,#ingatlan_result,#kripto_result,#nyeremeny_result,#cegauto_result,#tarsasagi_result,
#ingatlaneladasszja_result,#kulfoldi_result,#ajandek_result,#letiltas_result,#vagyonszerzes_result,
#gepjarmuado_result,#atiras_result{--fo-szam:var(--von);}
body .result-box .result-amount{color:var(--fo-szam,var(--ink));}
body .result-box .breakdown-row.total .amount{color:var(--fo-szam,inherit);}
body .kap,body .amount.kap{color:var(--kap) !important;font-weight:700;}
body .von,body .amount.von{color:var(--von) !important;}

@media(min-width:900px){
  body .calc-paros{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:24px;align-items:start;}
  body .calc-paros > form{margin-bottom:0;} body .calc-paros > form .card{margin-bottom:0;}
  /* a legnagyobb magasságból 150 px-t elhagyunk: ennyi helyet foglalhat alul a rögzített hirdetéssáv */
  body .calc-paros > .result-box{align-self:start;position:sticky;top:16px;max-height:calc(100vh - 166px);overflow-y:auto;
    overscroll-behavior:contain;margin-top:0;}
}
@media(max-width:600px){
  body .card{padding:18px 16px 20px;}
  body .result-box,html[data-theme="light"] body .result-box{padding:18px 16px 18px;}
  body .next-steps{margin:16px -16px -18px;padding:16px 16px 18px;}
  body .result-amount{font-size:44px;}
  body .step-title{font-size:28px;}
}

/* ── 7. Kalkulátorválasztó: csempék színes ikonnal ────────────────── */
body .calc-nav{display:flex;flex-direction:column;gap:26px;margin:0 0 30px;}
body .cat-group{background:none;border:0;border-radius:0;padding:0;}
body .cat-header{gap:10px;margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid var(--border);}
body .cat-badge{display:none;}
body .cat-title{font-family:var(--cim-betu);font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--ink);}
body .cat-count{font-size:14.5px;font-weight:400;color:var(--muted2);letter-spacing:0;}
body .cat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:10px;}
body .cat-cards .tab,body .cat-group[data-cat] .tab,body .cat-group[data-cat] .tab.active{
  display:flex;align-items:center;gap:12px;min-height:60px;padding:9px 12px 9px 9px;text-align:left;
  background:var(--surface);border:1px solid var(--border);border-radius:9px;color:var(--ink);
  font-size:16px;font-weight:600;line-height:1.25;text-decoration:none;box-shadow:none;transform:none;flex:initial;min-width:0;}
body .cat-cards .tab:hover{border-color:var(--cat-szin,var(--border-bright));background:var(--surface);color:var(--ink);transform:none;}
body .cat-group[data-cat] .tab.active{border-color:var(--cat-szin);box-shadow:inset 0 0 0 1px var(--cat-szin);}
body .cat-cards .tab .cl{font-size:16px;font-weight:600;color:inherit;}
.cat-group[data-cat="income"]{--cat-szin:var(--cat-income);--cat-hatter:var(--cat-income-bg);}
.cat-group[data-cat="property"]{--cat-szin:var(--cat-property);--cat-hatter:var(--cat-property-bg);}
.cat-group[data-cat="vehicle"]{--cat-szin:var(--cat-vehicle);--cat-hatter:var(--cat-vehicle-bg);}
.cat-group[data-cat="family"]{--cat-szin:var(--cat-family);--cat-hatter:var(--cat-family-bg);}
.cat-group[data-cat="wealth"]{--cat-szin:var(--cat-wealth);--cat-hatter:var(--cat-wealth-bg);}
body .cat-cards .tab .ci,.ik{position:relative;flex:none;width:42px;min-width:42px;height:42px;border-radius:8px;font-size:0;
  background:var(--cat-hatter,var(--bg2));color:var(--cat-szin,var(--accent));display:block;}
body .cat-cards .tab .ci::before,.ik::before{content:"";position:absolute;inset:9px;background:currentColor;
  -webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat;}
@media(max-width:600px){
  body .cat-cards{grid-template-columns:1fr 1fr;gap:8px;}
  body .cat-cards .tab,body .cat-group[data-cat] .tab{min-height:56px;padding:7px 9px 7px 7px;gap:9px;font-size:15px;}
  body .cat-cards .tab .cl{font-size:15px;}
  body .cat-cards .tab .ci{width:36px;min-width:36px;height:36px;} body .cat-cards .tab .ci::before{inset:8px;}
}
@media(max-width:360px){ body .cat-cards{grid-template-columns:1fr;} }
body .related-calcs{background:none;border:0;border-top:1px solid var(--border);border-radius:0;padding:22px 0 0;margin:34px 0 26px;}
body .related-calcs h2,body .related-calcs h3{font-size:22px;margin:0 0 12px;color:var(--ink);}
body .related-links{display:flex;flex-wrap:wrap;gap:8px;}
body .related-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:6px;
  background:var(--surface);color:var(--ink);font-weight:600;font-size:16px;text-decoration:none;}
body .related-links a:hover{border-color:var(--accent);color:var(--accent);}
body .calc-related{border-top:1px solid var(--border);margin-top:18px;padding-top:14px;}
body .calc-related h4{font-size:16px;font-weight:700;color:var(--ink);margin:0 0 8px;}
body .cr-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;}
body .cr-item{display:flex;align-items:center;gap:10px;min-height:48px;padding:6px 10px 6px 6px;border:1px solid var(--border);border-radius:8px;
  background:var(--surface);color:var(--ink);font-weight:600;font-size:15.5px;text-decoration:none;}
body .cr-item:hover{border-color:var(--accent);}
body .cr-ico{position:relative;flex:none;width:34px;height:34px;border-radius:7px;background:var(--bg2);color:var(--accent);font-size:0;}
body .cr-ico::before{content:"";position:absolute;inset:7px;background:currentColor;-webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat;}

/* ── 8. Szöveges részek ───────────────────────────────────────────── */
body .calc-info,body .calc-faq{border-top:1px solid var(--border);}
body .calc-info h2,body .calc-info h3,body .calc-faq h2,body .calc-faq h3{font-size:24px;line-height:1.2;margin:26px 0 10px;}
body .calc-info h3:first-child{margin-top:0;}
body .calc-info p,body .calc-info li{font-size:17px;line-height:1.6;color:var(--muted);}
body .calc-info strong{color:var(--ink);}
body .calc-info a{color:var(--accent);text-decoration:underline;text-underline-offset:2px;}
body .calc-info .info-source{font-size:15px;color:var(--muted2);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;}
body .faq-tetel summary{font-size:17.5px;font-weight:600;padding:14px 30px 14px 0;color:var(--ink);}
body .faq-tetel summary:hover{color:var(--accent);}
body .faq-tetel p,body .faq-tetel div{font-size:17px;line-height:1.6;color:var(--muted);}
body .alert-box{background:var(--alert-bg);border:1px solid var(--alert-border);border-left:4px solid var(--von);border-radius:0 6px 6px 0;
  color:var(--alert-text);font-size:16px;line-height:1.55;}
body .alert-box strong{background:none;-webkit-text-fill-color:currentColor;color:inherit;}
body .trust-box{background:none;border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0;padding:14px 0;gap:8px 26px;margin:30px 0 24px;}
body .trust-box li{font-size:16px;color:var(--muted);}
body .trust-box li::before{color:var(--kap);}
body .info-section{margin-top:44px;}
body .info-section h2{font-size:clamp(24px,3vw,30px);}
body .info-stat{background:var(--surface);border:1px solid var(--border);border-radius:8px;text-align:left;padding:16px 18px;}
body .info-stat .num{font-family:var(--cim-betu);background:none;-webkit-background-clip:border-box;background-clip:border-box;
  -webkit-text-fill-color:currentColor;color:var(--ink);font-weight:700;}
body .info-stat .lab{font-size:15px;color:var(--muted);}
body .szerzo-doboz{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:none;}
body .szd-monogram,body .byline-avatar{background:var(--gomb);color:#fff;border-radius:6px;}
body .save-box{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--kap);border-radius:0 6px 6px 0;}

/* ── 9. Hirdetési hely ────────────────────────────────────────────── */
body .hirdetes-hely{background:var(--hird-bg);border:1px dashed var(--border-bright);border-radius:4px;margin:30px 0;padding:10px 12px 12px;}
body .hh-cimke{font-size:13.5px;font-weight:600;color:var(--muted2);margin:0 0 6px;text-align:center;}

/* ── 10. Lábléc ───────────────────────────────────────────────────── */
body footer{text-align:left;margin-top:56px;padding:26px 0 30px;border-top:1px solid var(--ink);color:var(--muted2);font-size:15px;line-height:1.7;}
body .footer-nav{justify-content:flex-start;gap:4px 20px;padding:0;margin:0 0 14px;color:transparent;font-size:0;}
body .footer-nav a,body footer a{color:var(--muted);font-size:15.5px;font-weight:600;text-decoration:none;}
body .footer-nav a{min-height:36px;display:inline-flex;align-items:center;}
body .footer-nav a:hover,body footer a:hover{color:var(--accent);text-decoration:underline;}

/* ── 11. Kereső ───────────────────────────────────────────────────── */
body .kk-hatter{backdrop-filter:none;background:rgba(10,16,24,.62);}
body .kk-doboz{background:var(--surface);border:1px solid var(--ink);border-radius:6px;box-shadow:0 24px 60px rgba(0,0,0,.35);}
body .kk-fejlec{font-size:15px;font-weight:700;color:var(--ink);}
body .kk-input{font-size:18px;background:var(--mezo);color:var(--ink);}
body .kk-nev{font-size:16.5px;} body .kk-desc{font-size:14.5px;}
body .kk-tip{font-size:13px;font-weight:600;border-radius:4px;}
body .kk-item.kk-akt{box-shadow:inset 3px 0 0 var(--accent);}

/* ── 12. Cikkoldalak és információs oldalak ───────────────────────── */
body .back-link{color:var(--muted);}
body .post-meta{font-size:15px;color:var(--muted2);font-weight:600;}
body .byline{font-size:15px;color:var(--muted);}
body .article,body article{font-size:18px;line-height:1.65;}
body .article p,body article p,body .article li,body article li{font-size:18px;line-height:1.65;}
body main h2{font-size:clamp(24px,3vw,29px);line-height:1.18;}
body main h3{font-size:21px;line-height:1.25;}
body .gyors-attekintes{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:0 6px 6px 0;box-shadow:none;}
body .gyors-attekintes .ga-cim{font-size:15px;font-weight:700;color:var(--ink);}
body .tabla-kerete{border:1px solid var(--border);border-radius:6px;}
body table{font-size:16px;}
body th{background:var(--bg2);color:var(--ink);text-transform:none;letter-spacing:0;font-size:15px;}
body .faq-item{background:none;border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none;}
body .ellenorzes-blokk{background:var(--surface);border:1px solid var(--border);border-radius:6px;}
body .eb-cim{font-size:15px;font-weight:700;color:var(--ink);}
body .chip{border-radius:6px;font-size:15px;font-weight:600;min-height:40px;padding:0 13px;background:var(--surface);color:var(--muted);border:1px solid var(--border);}
body .chip:hover{border-color:var(--border-bright);color:var(--ink);}
body .chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink);}
body .nav-btn.active{background:var(--ink);color:var(--bg);}

/* A főoldal „Tudástár” ajánlója */
body .tudastar{max-width:1120px;margin:48px auto 0;padding:0 20px;}
body .tt-eyebrow{display:none;}
body .tt-fej h2{font-size:clamp(24px,3vw,30px);margin:0 0 6px;}
body .tt-lead{font-size:17px;color:var(--muted);max-width:68ch;}
body .tt-kartya{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:none;transform:none;}
body .tt-kartya:hover{border-color:var(--accent);transform:none;box-shadow:none;}
body .tt-cimke{font-size:14px;font-weight:700;color:var(--accent);}
body .tt-cim{font-family:var(--cim-betu);font-size:20px;font-weight:700;color:var(--ink);line-height:1.2;}
body .tt-leiras{font-size:16px;color:var(--muted);}
body .tt-tovabb{font-size:15.5px;font-weight:700;color:var(--accent);}
body .tt-vonal{background:var(--accent);}

/* ── 13. Tudástár (a /blog/ nyitóoldala): témánként külön doboz ───── */
body .hero{text-align:left;padding:14px 0 18px;}
body .hero .eyebrow{display:none;}
body .hero h1{font-size:clamp(32px,5vw,50px);max-width:18ch;margin:0 0 12px;}
body .hero p{font-size:18.5px;color:var(--muted);max-width:60ch;margin:0;}
body .hero .rss-sor{font-size:15.5px;margin:0 0 8px;}
body .szuro-sor{justify-content:flex-start;}
body .talalat{text-align:left;font-size:15px;}
body .tema-blokk{--tema-szin:var(--accent);--tema-hatter:var(--bg2);margin:26px 0 0;background:var(--surface);
  border:1px solid var(--border);border-top:5px solid var(--tema-szin);border-radius:10px;overflow:hidden;}
body .tema-cim{display:flex;align-items:center;gap:14px;margin:0;padding:16px 20px;font-size:24px;font-weight:700;
  background:var(--tema-hatter);border-bottom:1px solid var(--border);}
body .tema-emoji{position:relative;flex:none;width:46px;height:46px;border-radius:9px;background:var(--surface);color:var(--tema-szin);font-size:0;}
body .tema-emoji::before{content:"";position:absolute;inset:10px;background:currentColor;-webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat;}
body .tema-db{font-family:var(--torzs-betu);font-size:15px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--border);
  border-radius:20px;padding:3px 12px;letter-spacing:0;}
body .tema-blokk .pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0;margin:0;}
body .tema-blokk .pc{background:transparent;border:0;border-radius:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);
  margin:0 -1px -1px 0;padding:16px 20px 16px;gap:6px;box-shadow:none;transform:none;}
body .tema-blokk .pc:hover{background:var(--surface-hover);transform:none;box-shadow:none;}
body .pc-cat{font-size:14px;font-weight:700;color:var(--tema-szin);}
body .pc-title{font-family:var(--cim-betu);font-size:19px;font-weight:700;line-height:1.22;color:var(--ink);}
body .pc-exc{font-size:16px;line-height:1.5;color:var(--muted);}
body .pc-foot{border-top:0;padding-top:2px;margin-top:2px;}
body .pc-read{font-size:14.5px;color:var(--muted2);}
body .pc-arrow{color:var(--tema-szin);}
.tema-blokk[data-tema="szja"]{--tema-szin:var(--cat-income);--tema-hatter:var(--cat-income-bg);}
.tema-blokk[data-tema="vallalkozas"]{--tema-szin:var(--cat-vehicle);--tema-hatter:var(--cat-vehicle-bg);}
.tema-blokk[data-tema="ingatlan"]{--tema-szin:var(--cat-property);--tema-hatter:var(--cat-property-bg);}
.tema-blokk[data-tema="illetek"]{--tema-szin:var(--cat-wealth);--tema-hatter:var(--cat-wealth-bg);}
.tema-blokk[data-tema="csalad"]{--tema-szin:var(--cat-family);--tema-hatter:var(--cat-family-bg);}
.tema-blokk[data-tema="megtakaritas"]{--tema-szin:var(--cat-income);--tema-hatter:var(--cat-income-bg);}
.tema-blokk[data-tema="kulfoldi"]{--tema-szin:var(--cat-vehicle);--tema-hatter:var(--cat-vehicle-bg);}
.tema-blokk[data-tema="jarmu"]{--tema-szin:var(--cat-property);--tema-hatter:var(--cat-property-bg);}
.tema-blokk[data-tema="adopolitika"]{--tema-szin:var(--cat-wealth);--tema-hatter:var(--cat-wealth-bg);}
@media(max-width:600px){
  body .tema-cim{font-size:20px;padding:13px 14px;gap:11px;}
  body .tema-emoji{width:40px;height:40px;} body .tema-emoji::before{inset:9px;}
  body .tema-blokk .pc{padding:14px 14px;}
  body .tema-blokk .pc-grid{grid-template-columns:1fr;}
}

/* ── 14. Mozgás: csak ha a felhasználó nem kérte a csökkentését ───── */
@media(prefers-reduced-motion:reduce){ *,*::before,*::after{transition:none !important;animation:none !important;} }

/* ── 16. Háromnyelvű feliratok a fejlécben: a <html lang> dönt ────── */
.ny-en,.ny-de{display:none;}
html[lang="en"] .ny-hu,html[lang="de"] .ny-hu{display:none;}
html[lang="en"] .ny-en,html[lang="de"] .ny-de{display:inline;}

/* ── 17. Kalkulátoroldal: finomítások ─────────────────────────────── */
body .container > header{text-align:left;padding:0;margin:0 0 14px;}
body .calc-paros > form{display:flex;flex-direction:column;}
body .calc-paros > form > .nl-sum{order:9;margin:18px 0 0;}
body .calc-paros > form > .button-primary{margin-top:14px;}
body .step-label,html[data-theme="light"] body .step-label{background:none;padding:0;border-radius:0;}
body .breakdown h2,body .breakdown h3{font-family:var(--torzs-betu);font-size:15px;font-weight:600;letter-spacing:0;color:var(--muted2);margin:10px 0 0;line-height:1.3;}
body .nl-sum{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:0 6px 6px 0;padding:16px 18px;}
body .nl-sum .nl-q{font-size:19px;line-height:1.25;margin:0 0 6px;}
body .nl-sum .nl-a{font-size:16px;line-height:1.55;color:var(--muted);}
body .kd-wrap{border-top:1px solid var(--border);margin:14px 0 0;padding-top:14px;}
body .kd-wrap h4{font-size:15px;font-weight:600;color:var(--muted2);margin:0 0 8px;}
body .kd-sor{font-size:15.5px;} body .kd-pont{width:12px;height:12px;border-radius:2px;}
body .result-actions button{min-height:44px;font-size:15.5px;font-weight:600;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:0 14px;}
body .result-actions button:hover{border-color:var(--accent);background:var(--surface);}
body .result-box .disclaimer,body .disclaimer{font-size:14.5px;line-height:1.5;color:var(--muted2);}
body .result-amount.is-placeholder{font-family:var(--torzs-betu);font-size:18px;font-weight:400;letter-spacing:0;line-height:1.45;color:var(--muted);}
body .result-box.is-empty{opacity:1;border-style:dashed;border-color:var(--border-bright);}
@media(min-width:900px){ body .calc-paros > .result-box.is-empty{display:block;} }
body .jog-blokk{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:20px 22px;}
body .jog-blokk h2,body .jog-blokk h3{font-size:21px;margin:0 0 10px;}
body .jog-blokk p,body .jog-lista li{font-size:16px;line-height:1.6;}
body .melyebben{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:20px 22px;}
body .mly-cim{font-family:var(--cim-betu);font-size:21px;font-weight:700;color:var(--ink);margin:0 0 12px;}
body .mly-lista a{font-size:17.5px;color:var(--accent);text-decoration:none;}
body .mly-lista a:hover{text-decoration:underline;}
body .mly-mit{font-size:16px;line-height:1.5;}
body .mly-eh{font-size:16px;}
body .abra{background:var(--surface);border:1px solid var(--border);border-radius:6px;}
body .abra-osszefoglalo{font-size:15.5px;line-height:1.55;}
body .korlat-doboz{border-left:4px solid var(--von);padding-left:18px;}
body .pelda-doboz{border-left:4px solid var(--kap);padding-left:18px;}
body .pelda-megj{font-size:15px;}
body .szd-nev{font-size:18px;} body .szd-szerep{font-size:15px;}
body .szerzo-doboz p{font-size:16px;line-height:1.55;}
body .calc-section > .calc-info,body .calc-section > .calc-faq,body .calc-section > .melyebben,
body .calc-section > .szerzo-doboz,body .calc-section > .jog-blokk,body .calc-section > .abra{max-width:800px;}
@media(max-width:899px){
  /* mobilon az eredmény közvetlenül a gomb után jöjjön, a kérdés–válasz doboz utána */
  body .calc-paros{display:flex;flex-direction:column;}
  body .calc-paros > form{display:contents;}
  body .calc-paros > form > .card{order:1;margin-bottom:0;}
  body .calc-paros > form > .button-primary{order:2;}
  body .calc-paros > .result-box{order:3;margin-top:16px;}
  body .calc-paros > form > .nl-sum{order:9;}
}
body .next-steps h3,body .next-steps h4{font-family:var(--torzs-betu);font-size:17px;font-weight:700;letter-spacing:0;color:var(--ink);margin:12px 0 6px;}
body .next-steps h3:first-child,body .next-steps h4:first-child{margin-top:0;}
body .next-steps ul,body .next-steps ol{margin:0 0 0 20px;padding:0;}
body .next-steps p{font-size:16px;color:var(--muted);}
body .footer-nav{display:block;font-size:0;}
body .footer-nav a{display:inline-flex;margin:0 22px 2px 0;}

/* ── 18. Tudástár: térkép, nyelvjelző ─────────────────────────────── */
body .lang-switcher:has(.lang-btn:only-child){display:none;}
body .tt-fig{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:none;}
body .tt-h{font-size:21px;font-weight:700;}
body .tt-sav{grid-template-columns:238px 1fr 34px;}
body .tt-nev{font-size:15.5px;color:var(--ink);} body .tt-db{font-size:15px;color:var(--muted);}
body .tt-sugo{font-size:14.5px;color:var(--muted2);}
body .pc-lang{font-size:12.5px;font-weight:700;opacity:1;color:var(--muted2);border:1px solid var(--border);border-radius:4px;padding:0 5px;line-height:1.5;}
@media(max-width:600px){ body .tt-sav{grid-template-columns:132px 1fr 28px;} body .tt-nev{font-size:13.5px;white-space:normal;line-height:1.2;} }

/* ── 19. Információs oldalak és cikkek: pirulák és középre zárás nélkül ── */
body .back-link{display:none;}
body .eyebrow{display:block;background:none;border:0;border-radius:0;padding:0;margin:0 0 6px;color:var(--muted2);font-size:15px;font-weight:600;}
body header,body .hero{text-align:left;}
body .subtitle{text-align:left;margin-left:0;font-size:18px;color:var(--muted);}
body .article h2,body article h2,body main .card h2{color:var(--ink);}
body .gyors-attekintes li,body .gyors-attekintes p{font-size:16px;line-height:1.55;}
body .badge,body .vn-cimke,body .tag{border-radius:4px;}
@media(max-width:600px){
  body .oldal-meta{flex-direction:column;align-items:flex-start;gap:2px;}
  body .oldal-meta .om-sep{display:none;}
}
body .next-steps,html[data-theme="light"] body .next-steps{background:var(--bg);border:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  border-radius:0;margin:18px -24px 0;padding:18px 24px 20px;}
body .result-actions{margin-top:16px;}
@media(max-width:600px){ body .next-steps,html[data-theme="light"] body .next-steps{margin:16px -16px 0;padding:16px 16px 18px;} }

/* ── 20. A régi stíluslap helyi változó-felülírásainak visszavonása ──
   A styles.css a .breakdown és a .next-steps blokkon belül saját (régi) színt ad az
   --accent, --green és --gold változónak. Itt visszaadjuk nekik a téma értékét. */
html:root body .breakdown,html:root body .next-steps,
html[data-theme="light"] body .breakdown,html[data-theme="light"] body .next-steps{--accent:inherit;--green:inherit;--gold:inherit;}
html:root body .eyebrow{background:none;border:0;}
body h1,body h2,body h3,body .step-title{hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word;}
html:root body .notice-box{border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:0 6px 6px 0;color:var(--muted);}
html:root body .green-box,html:root body .save-box{border-left:4px solid var(--kap);border-radius:0 6px 6px 0;}
#kata27_result{--fo-szam:var(--kap);}
/* a törlesztő semleges szám, de az alatta álló megtakarítás nyereség: zöld */
body #otthonstart_result .breakdown-row.total .amount,body #wekerle_result .breakdown-row.total .amount{color:var(--kap);}
body .calc-paros > form .card + .card{margin-top:14px;}
body .kartya-megj{margin-top:18px;}
body .kartya-megj > .alert-box,body .kartya-megj > .notice-box{margin:0;}
@media(max-width:860px){
  /* mobil fejléc: felül márka, kereső, nyelv, téma; alatta a három menüpont */
  body .top-bar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;
    grid-template-areas:"marka kk nyelv tema" "nav nav nav nav";align-items:center;gap:0 2px;padding:6px 14px 0;}
  .tb-eszkoz{display:contents;}
  body .top-bar .marka{grid-area:marka;margin:0;}
  body .top-bar .kk-gomb{grid-area:kk;}
  body .top-bar .lang-switcher,body .top-bar .tb-nyelv{grid-area:nyelv;}
  body .top-bar .theme-toggle{grid-area:tema;}
  body .top-bar .tb-nav{grid-area:nav;order:0;flex:none;margin:6px -14px 0;padding:0 6px;border-top:1px solid var(--border);}
  /* a hosszú nyelvnevek helyett kód: a felolvasott név (a gomb szövege) változatlan */
  body .top-bar .tb-nyelv a,body .top-bar #lang-hu,body .top-bar #lang-en,body .top-bar #lang-de{font-size:0;}
  body .top-bar .tb-nyelv a::after{content:attr(hreflang);text-transform:uppercase;font-size:13px;}
  body .top-bar #lang-hu::after{content:"HU";font-size:13px;} body .top-bar #lang-en::after{content:"EN";font-size:13px;}
  body .top-bar #lang-de::after{content:"DE";font-size:13px;}
}
@media(max-width:600px){
  body main table{font-size:14px;}
  body main td,body main th{font-size:14px;padding:8px 7px;overflow-wrap:anywhere;hyphens:auto;}
}

/* ── 15. Ikonkészlet (az arculat_epit.py állítja elő) ─────────────── */
.tab[data-tab="szja"] .ci,[data-ik="szja"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12a7.5 7.5 0 1 0 2.4-5.5M4 4v4.5h4.5M12 8.5v7M9.5 13l2.5 2.500 2.500-2.500'/%3E%3C/svg%3E");}
.tab[data-tab="brutto"] .ci,[data-ik="brutto"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5A2.5 2.5 0 0 1 5.5 5H17v3M3 7.5V17a2 2 0 0 0 2 2h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H5.5A2.5 2.5 0 0 1 3 7.5zM16 13.500h.5'/%3E%3C/svg%3E");}
.tab[data-tab="kulfoldi"] .ci,[data-ik="kulfoldi"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.300 6.400-3.800 9c-2.500-2.600-3.800-5.600-3.800-9S9.500 5.600 12 3z'/%3E%3C/svg%3E");}
.tab[data-tab="diakmunka"] .ci,[data-ik="diakmunka"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 9.5L12 5l9.5 4.5L12 14 2.500 9.500zM6.500 11.500V16c1.500 1.400 3.300 2 5.500 2s4-.600 5.500-2v-4.500M21.500 9.500V15'/%3E%3C/svg%3E");}
.tab[data-tab="megbizas"] .ci,[data-ik="megbizas"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8l-5-5zM14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E");}
.tab[data-tab="atalany"] .ci,[data-ik="atalany"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 5L5 19M7.5 9.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM16.500 18.500a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E");}
.tab[data-tab="kata27"] .ci,[data-ik="kata27"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 6h14a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1zM4 10.500h16M8 3.500v4M16 3.500v4M9 15l2 2 4-4'/%3E%3C/svg%3E");}
.tab[data-tab="vallalkozo"] .ci,[data-ik="vallalkozo"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16M7 20v-6M12 20V6M17 20v-9'/%3E%3C/svg%3E");}
.tab[data-tab="varazslo"] .ci,[data-ik="varazslo"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM15.5 8.5l-2 5-5 2 2-5 5-2z'/%3E%3C/svg%3E");}
.tab[data-tab="berosztalek"] .ci,[data-ik="berosztalek"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v16M7 20h10M5 7h14M5 7l-2.5 6a2.5 2.5 0 0 0 5 0L5 7zM19 7l-2.500 6a2.500 2.500 0 0 0 5 0L19 7z'/%3E%3C/svg%3E");}
.tab[data-tab="afamentes"] .ci,[data-ik="afamentes"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-2.5-1.5L13 21l-2.500-1.500L8 21l-2-1.500V3zM9 8h6M9 12h6'/%3E%3C/svg%3E");}
.tab[data-tab="tarsasagi"] .ci,[data-ik="tarsasagi"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v16M15 10h3a1 1 0 0 1 1 1v10M3 21h18M8.500 8h3M8.500 12h3M8.500 16h3'/%3E%3C/svg%3E");}
.tab[data-tab="hitel"] .ci,[data-ik="hitel"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7M6 9.5V20h12V9.5M10 20v-5h4v5'/%3E%3C/svg%3E");}
.tab[data-tab="wekerle"] .ci,[data-ik="wekerle"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7M6 9.5V20h12V9.5M12 11.5v5M9.5 14h5'/%3E%3C/svg%3E");}
.tab[data-tab="otthonstart"] .ci,[data-ik="otthonstart"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM12 11h9M18 11v3M21 11v2'/%3E%3C/svg%3E");}
.tab[data-tab="ingatlan"] .ci,[data-ik="ingatlan"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7M6 9.5V20h12V9.5M12 12.5a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");}
.tab[data-tab="ingatlaneladasszja"] .ci,[data-ik="ingatlaneladasszja"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12l7-6 7 6M5 10.5V20h10v-9.5M17 16h5M20 13.500l2.500 2.500-2.500 2.500'/%3E%3C/svg%3E");}
.tab[data-tab="vagyonszerzes"] .ci,[data-ik="vagyonszerzes"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 14V3H6v18h6M9 8h6M9 12h4M17 16a2.5 2.5 0 1 0 0 5 2.500 2.500 0 0 0 0-5z'/%3E%3C/svg%3E");}
.tab[data-tab="gepjarmuado"] .ci,[data-ik="gepjarmuado"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16v-3l2-5h12l2 5v3M4 16h16M4 16v2.5h3V16M17 16v2.5h3V16M5 11h14M7.500 13.500h.5M16 13.500h.5'/%3E%3C/svg%3E");}
.tab[data-tab="atiras"] .ci,[data-ik="atiras"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h14M15 5l3 3-3 3M20 16H6M9 13l-3 3 3 3'/%3E%3C/svg%3E");}
.tab[data-tab="cegauto"] .ci,[data-ik="cegauto"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM3.5 10.5l6.5 1M20.500 10.500l-6.500 1M12 14v6.500'/%3E%3C/svg%3E");}
.tab[data-tab="anyakedv"] .ci,[data-ik="anyakedv"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.600-7 10-7 10z'/%3E%3C/svg%3E");}
.tab[data-tab="csedgyed"] .ci,[data-ik="csedgyed"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h2l2 8h9a4 4 0 0 0 4-4V8H9M9 19a1.5 1.5 0 1 0 0-3 1.500 1.500 0 0 0 0 3zM17 19a1.500 1.500 0 1 0 0-3 1.500 1.500 0 0 0 0 3z'/%3E%3C/svg%3E");}
.tab[data-tab="tappenz"] .ci,[data-ik="tappenz"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zM12 8v8M8 12h8'/%3E%3C/svg%3E");}
.tab[data-tab="szemelyi"] .ci,[data-ik="szemelyi"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM5 10.5h14M12 10.500v5M12 15.500l-3 5M12 15.500l3 5'/%3E%3C/svg%3E");}
.tab[data-tab="nyugdij"] .ci,[data-ik="nyugdij"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8zM12 2.5v2M12 19.500v2M2.500 12h2M19.500 12h2M5.300 5.300l1.400 1.400M17.300 17.300l1.400 1.400M5.300 18.700l1.400-1.400M17.300 6.700l1.400-1.400'/%3E%3C/svg%3E");}
.tab[data-tab="nydmunka"] .ci,[data-ik="nydmunka"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM12 7.5V12l3 2'/%3E%3C/svg%3E");}
.tab[data-tab="tbsz"] .ci,[data-ik="tbsz"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18l5.5-6 4 3.5L20 8M15 8h5v5'/%3E%3C/svg%3E");}
.tab[data-tab="kripto"] .ci,[data-ik="kripto"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM10 8v8M10 8h3a2 2 0 0 1 0 4h-3M10 12h3.500a2 2 0 0 1 0 4H10'/%3E%3C/svg%3E");}
.tab[data-tab="nyeremeny"] .ci,[data-ik="nyeremeny"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.6 5.3 5.9.9-4.250 4.100 1 5.800L12 16.900l-5.250 2.700 1-5.800L3.500 9.700l5.900-.900L12 3.500z'/%3E%3C/svg%3E");}
.tab[data-tab="orokoles"] .ci,[data-ik="orokoles"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM6 16a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM18 16a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM12 8v4M6 16v-2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");}
.tab[data-tab="ajandek"] .ci,[data-ik="ajandek"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h16v4H4zM5.5 13v7h13v-7M12 9v11M12 9c-1.500-3.500-5-4-5-1.500S10 9 12 9zM12 9c1.500-3.500 5-4 5-1.500S14 9 12 9z'/%3E%3C/svg%3E");}
.tab[data-tab="vegkielegites"] .ci,[data-ik="vegkielegites"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h16a1 1 0 0 1 1 1v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1zM9 8V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2M3 13h18'/%3E%3C/svg%3E");}
.tab[data-tab="letiltas"] .ci,[data-ik="letiltas"]{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h18v10H3zM12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM5 20L19 4'/%3E%3C/svg%3E");}
.tema-blokk[data-tema="szja"] .tema-emoji{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5A2.5 2.5 0 0 1 5.5 5H17v3M3 7.5V17a2 2 0 0 0 2 2h14a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1H5.5A2.5 2.5 0 0 1 3 7.5zM16 13.500h.5'/%3E%3C/svg%3E");}
.tema-blokk[data-tema="vallalkozas"] .tema-emoji{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v16M15 10h3a1 1 0 0 1 1 1v10M3 21h18M8.500 8h3M8.500 12h3M8.500 16h3'/%3E%3C/svg%3E");}
.tema-blokk[data-tema="ingatlan"] .tema-emoji{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7M6 9.5V20h12V9.5M10 20v-5h4v5'/%3E%3C/svg%3E");}
.tema-blokk[data-tema="illetek"] .tema-emoji{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 14V3H6v18h6M9 8h6M9 12h4M17 16a2.5 2.5 0 1 0 0 5 2.500 2.500 0 0 0 0-5z'/%3E%3C/svg%3E");}
.tema-blokk[data-tema="csalad"] .tema-emoji{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.600-7 10-7 10z'/%3E%3C/svg%3E");}
.tema-blokk[data-tema="megtakaritas"] .tema-emoji{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18l5.5-6 4 3.5L20 8M15 8h5v5'/%3E%3C/svg%3E");}
.tema-blokk[data-tema="kulfoldi"] .tema-emoji{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18zM3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.300 6.400-3.800 9c-2.500-2.600-3.800-5.600-3.800-9S9.500 5.600 12 3z'/%3E%3C/svg%3E");}
.tema-blokk[data-tema="jarmu"] .tema-emoji{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16v-3l2-5h12l2 5v3M4 16h16M4 16v2.5h3V16M17 16v2.5h3V16M5 11h14M7.500 13.500h.5M16 13.500h.5'/%3E%3C/svg%3E");}
.tema-blokk[data-tema="adopolitika"] .tema-emoji{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h16M7 20v-6M12 20V6M17 20v-9'/%3E%3C/svg%3E");}