/* Layout: tó-zöld fejsáv az ígérettel és három ténnyel; alatta bal oldalt a feltételek csoportokban, jobb oldalt ragadós „hétfői levél” előnézet, ami minden változtatásra újraszámol; utána nettó számítás példán, csapdaszűrő, miért ingyenes, zárás */
/* kiemelt szám- és linkszín: sötét módban a tó-zöld túl sötét a háttéren */
:root{--kiemel:var(--to)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--kiemel:#72B5A9}}
:root[data-theme="dark"]{--kiemel:#72B5A9}
.mintajel{display:inline-block;background:var(--nad);color:#13221F;font:800 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}
.fejsav{background:var(--to);color:var(--fole)}
.fejsav .in{padding-block:clamp(40px,6vw,72px);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
@media (max-width:860px){.fejsav .in{grid-template-columns:1fr}}
@media (max-width:520px){.tenyek div{min-width:0;padding:12px}.tenyek b{font-size:24px}.tenyek span{font-size:12px}}
.fejsav .lbl{color:var(--nad)}
.fejsav h1{font:400 clamp(48px,7vw,88px)/.95 var(--serif);letter-spacing:-.015em;margin:12px 0 0;text-wrap:balance}
.fejsav h1 i{color:var(--nad)}
.fejsav p{margin:16px 0 0;max-width:56ch;font-size:18px;color:var(--fole-halk)}
.fejsav p b{color:var(--fole)}
.tenyek{display:flex;gap:12px;flex-wrap:wrap}
.tenyek div{flex:1 1 0;border:1px solid color-mix(in srgb,var(--fole) 28%,transparent);border-radius:16px;padding:14px 16px;min-width:128px;display:flex;flex-direction:column;gap:4px}
.tenyek b{font:400 30px/1 var(--serif);color:var(--fole)}
.tenyek span{font-size:13px;color:var(--fole-halk)}

.racs3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:clamp(28px,4vw,56px);padding-block:40px 72px;align-items:start}
@media (max-width:1020px){.racs3{grid-template-columns:1fr}}
.kerdesek{display:flex;flex-direction:column;gap:28px;min-width:0}
fieldset{border:0;margin:0;padding:0 0 28px;border-bottom:1px solid var(--vonal);display:flex;flex-direction:column;gap:14px;min-width:0}
fieldset.utolso{border-bottom:0}
legend{font:400 28px/1.1 var(--serif);padding:0;margin-bottom:14px;display:flex;align-items:baseline;gap:12px}
legend small{font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--halk)}
.kerdes{display:flex;flex-direction:column;gap:8px}
.kerdes>label,.kerdes>.cim{font-weight:700;font-size:15px}
.kerdes .seg{font-size:13px;color:var(--halk);font-weight:500}
.opciok{display:flex;flex-wrap:wrap;gap:8px}
.opc{position:relative}
.opc input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.opc span{display:block;border:1px solid var(--vonal);background:var(--mesz);border-radius:999px;padding:10px 16px;font:600 14px var(--sans);color:var(--tinta)}
.opc input:checked+span{background:var(--to);border-color:var(--to);color:var(--fole)}
.opc input:focus-visible+span{outline:2px solid var(--nad);outline-offset:2px}
.szoveggomb{align-self:flex-start;background:none;border:0;padding:4px 0;font:700 14px var(--sans);color:var(--kiemel);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.beviteli{display:flex;align-items:center;background:var(--mesz);border:1px solid var(--vonal);border-radius:12px;padding:0 14px}
.beviteli input,.beviteli select{flex:1;border:0;background:none;font:600 17px var(--sans);color:var(--tinta);padding:12px 0;min-width:0;width:100%}
.beviteli:focus-within{border-color:var(--to)}
.csuszkasor{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:15px}
.csuszkasor output{font:800 30px/1 var(--sans);letter-spacing:-.02em;color:var(--kiemel);font-variant-numeric:tabular-nums}
input[type=range]{width:100%;accent-color:var(--to);margin:4px 0 0}
.csuszka-skala{display:flex;justify-content:space-between;font-size:12.5px;color:var(--halk);font-variant-numeric:tabular-nums}
.tipp{margin:4px 0 0;font-size:14px;color:var(--halk);max-width:56ch}
.pipa{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--halk);cursor:pointer}
.pipa input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--to);flex:none}
.pipa a{color:var(--tinta);text-decoration:underline;text-underline-offset:3px}
.kerdesek .pill{align-self:flex-start}
.koszi{background:var(--to-t);border-radius:12px;padding:14px 16px;font-size:14.5px}
.koszi b{display:block;font:400 22px/1.2 var(--serif);margin-bottom:4px}

/* hétfői levél előnézet */
.elonezet{position:sticky;top:calc(env(safe-area-inset-top,0px) + 96px)}
@media (max-width:1020px){.elonezet{position:static}}
.level{background:var(--mesz);border:1px solid var(--vonal);border-radius:20px;overflow:hidden}
.level-fej{padding:22px 22px 14px;border-bottom:1px solid var(--vonal)}
.level-fej .lbl{color:var(--halk)}
.level-fej h2{font:400 34px/1 var(--serif);margin:8px 0 0}
.level-fej p{margin:8px 0 0;font-size:13.5px;color:var(--halk)}
.talalatok{list-style:none;margin:0;padding:0}
.talalatok>li{border-bottom:1px solid var(--vonal)}
.talalatok summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 22px;cursor:pointer}
.talalatok summary::-webkit-details-marker{display:none}
.talalatok summary:hover{background:var(--homok)}
.hely{display:flex;flex-direction:column;gap:3px;min-width:0}
.hely b{font-size:15.5px}
.hely>span{font-size:13.5px;color:var(--halk);font-variant-numeric:tabular-nums}
.jelek{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.jelek em{font:600 11.5px/1 var(--sans);font-style:normal;padding:5px 8px;border-radius:999px;background:var(--homok);color:var(--halk)}
.jelek em.mod{background:var(--to-t);color:var(--tinta)}
.jelek em.le{color:var(--terra)}
.szam{display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.szam b{font:800 24px/1 var(--sans);letter-spacing:-.02em;color:var(--kiemel);font-variant-numeric:tabular-nums}
.szam span{font:700 10px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--halk)}
.szam small{font-size:12px;color:var(--halk);font-variant-numeric:tabular-nums}
details[open]>summary{background:var(--homok)}
.reszlet{width:calc(100% - 44px);margin:4px 22px 0;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}
.reszlet th{text-align:left;font-weight:500;color:var(--halk);padding:6px 0;border-top:1px dashed var(--vonal)}
.reszlet td{text-align:right;padding:6px 0;border-top:1px dashed var(--vonal);white-space:nowrap}
.reszlet .osszeg th,.reszlet .osszeg td{font-weight:800;color:var(--tinta);border-top:1px solid var(--tinta)}
.masik{margin:8px 22px 0;font-size:13px;color:var(--halk)}
.eredeti{display:inline-block;margin:10px 22px 16px;font:700 14px var(--sans);color:var(--kiemel);text-decoration:underline;text-underline-offset:3px}
.tobb{padding:12px 22px;font-size:13.5px;color:var(--halk)}
.ures{margin:0;padding:18px 22px;font-size:14.5px;color:var(--halk);border-bottom:1px solid var(--vonal)}
.kiszurt{padding:16px 22px;background:var(--homok);border-bottom:1px solid var(--vonal)}
.kiszurt .lbl{color:var(--terra)}
.kiszurt ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.kiszurt li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;font-size:13.5px}
.kiszurt li s{color:var(--halk);font-variant-numeric:tabular-nums}
.kiszurt li b{grid-column:1/-1;font-weight:600;font-size:12.5px;color:var(--halk)}
.level-lab{padding:14px 22px 18px;font-size:12.5px;color:var(--halk);line-height:1.5}

/* szakaszok */
.szak{padding-block:64px;border-top:1px solid var(--vonal)}
.szak-fej{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.szak .lbl{color:var(--halk)}
.szak h2{font:400 clamp(34px,4.5vw,52px)/1 var(--serif);margin:10px 0 0;text-wrap:balance;max-width:20ch}
.szak-fej p{margin:0;max-width:50ch;color:var(--halk)}
.szamitas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,.9fr);gap:20px;align-items:start}
@media (max-width:980px){.szamitas{grid-template-columns:1fr 1fr}.eredmenykartya{grid-column:1/-1}}
@media (max-width:620px){.szamitas{grid-template-columns:1fr}}
.tablacim{color:var(--halk);margin-bottom:10px}
.vizeses{width:100%;border-collapse:separate;border-spacing:0;background:var(--mesz);border:1px solid var(--vonal);border-radius:16px;font-variant-numeric:tabular-nums;overflow:hidden}
.vizeses th{text-align:left;font-weight:500;font-size:14.5px;padding:12px 16px;border-top:1px solid var(--vonal)}
.vizeses th small{color:var(--halk)}
.vizeses tr:first-child th,.vizeses tr:first-child td{border-top:0}
.vizeses td{text-align:right;font-weight:700;padding:12px 16px;white-space:nowrap;border-top:1px solid var(--vonal)}
.vizeses td.minusz{color:var(--terra)}
.vizeses .osszeg th,.vizeses .osszeg td{font-weight:800;background:var(--homok);border-top:1px solid var(--tinta)}
.eredmenykartya{background:var(--to);color:var(--fole);border-radius:16px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}
@media (max-width:980px){.eredmenykartya{margin-top:0}}
.egyben{white-space:nowrap}
.eredmenykartya>div{display:flex;flex-direction:column;gap:4px}
.eredmenykartya .lbl{color:var(--nad)}
.eredmenykartya b{font:800 44px/1 var(--sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.eredmenykartya b.athuzott{text-decoration:line-through;text-decoration-thickness:3px;opacity:.6}
.eredmenykartya small{font-size:12.5px;color:var(--fole-halk);font-variant-numeric:tabular-nums}
.eredmenykartya p{grid-column:1/-1;margin:0;font-size:14px;color:var(--fole-halk);border-top:1px solid color-mix(in srgb,var(--fole) 25%,transparent);padding-top:14px}

.csapdak{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.csapdak{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.csapdak{grid-template-columns:1fr}}
.csapdak>div{background:var(--mesz);border:1px solid var(--vonal);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}
.csapdak h3{font:400 24px/1.1 var(--serif);margin:0}
.csapdak p{margin:0;font-size:14.5px;color:var(--halk)}
.cimke{align-self:flex-start;margin-top:auto;font:700 11px/1 var(--sans);letter-spacing:.06em;padding:6px 10px;border-radius:999px}
.cimke.kizar{background:var(--terra);color:#FBF7F0}
.cimke.jelol{background:var(--nad);color:#13221F}

.ketoszlop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px)}
@media (max-width:820px){.ketoszlop{grid-template-columns:1fr}}
.ketoszlop p{color:var(--halk);max-width:52ch;margin:16px 0 0}
.alahuz{color:var(--tinta);text-decoration:underline;text-underline-offset:3px;font-weight:700}
.nemcsinal{background:var(--mesz);border:1px solid var(--vonal);border-radius:16px;padding:22px}
.nemcsinal ul{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.nemcsinal li{padding-left:26px;position:relative;font-size:15px}
.nemcsinal li::before{content:"";position:absolute;left:0;top:9px;width:14px;height:2px;background:var(--terra)}

.zaro{background:var(--terra);color:#FBF7F0}
.zaro .in{padding-block:56px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.zaro h2{font:400 clamp(34px,5vw,52px)/1 var(--serif);margin:0;max-width:18ch}
.zaro p{margin:12px 0 0;max-width:46ch;opacity:.9}
.zaro .pill.vilagos{background:#FBF7F0;color:#13221F}
.kockazat{margin:0;padding-block:24px;font-size:12.5px;color:var(--halk)}
.kockazat .in{display:block}