/* Conclude komponensek v1.1 — a tokens.css-re épül; osztálynevek: .c-* */
.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--sz-touch);padding:0 var(--sp-4);border-radius:var(--r-sm);font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:600;line-height:1;cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap;transition:background .12s,border-color .12s}
.c-btn--primary{background:var(--brand);color:#fff}.c-btn--primary:hover{background:var(--brand2)}.c-btn--primary:active{background:var(--brand2);transform:translateY(1px)}
.c-btn--secondary{background:transparent;color:var(--ink);border-color:var(--line2)}.c-btn--secondary:hover{background:var(--surf2)}
.c-btn--tertiary{background:transparent;color:var(--brand-alt);padding:0 2px;min-height:auto;border-radius:0;border-bottom:1px solid var(--brand-alt)}
.c-btn--danger{background:var(--err);color:#fff}
.c-btn[disabled],.c-btn--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.c-btn--sm{min-height:32px;padding:0 var(--sp-3);font-size:var(--fs-xs)}
.c-field{display:flex;flex-direction:column;gap:4px;font-family:var(--ff-sans)}.c-field__label{font-size:var(--fs-xs);color:var(--mute);letter-spacing:.04em}
.c-input{min-height:var(--sz-input);padding:0 var(--sp-3);background:var(--surf);color:var(--ink);border:1px solid var(--line2);border-radius:var(--r-sm);font:var(--fs-sm)/1.2 var(--ff-sans);outline:none}
.c-input::placeholder{color:var(--mute)}.c-input:focus{border-color:var(--focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--focus) 30%,transparent)}
.c-field--error .c-input{border-color:var(--err)}.c-field__hint{font-size:var(--fs-xs);color:var(--mute)}.c-field--error .c-field__hint{color:var(--err)}
.c-input[disabled]{opacity:.5;background:var(--surf2)}
.c-card{background:var(--surf);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--sh-card)}
.c-card__title{font-family:var(--ff-serif);font-weight:600;font-size:var(--fs-h4);line-height:var(--lh-h4);color:var(--ink);margin:var(--sp-2) 0 var(--sp-1)}
.c-eyebrow{font-family:var(--ff-sans);font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-alt);display:inline-block}
.c-price{font-family:var(--ff-num-display);font-weight:600;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1;font-size:var(--fs-num-lg);line-height:var(--lh-num-lg);color:var(--ink)}.c-price small{font-family:var(--ff-sans);font-size:var(--fs-xs);color:var(--mute)}
.c-table{width:100%;border-collapse:collapse;font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--ink)}
.c-table th{text-align:left;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:600;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line)}
.c-table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line)}.c-table tr:nth-child(even) td{background:var(--surf2)}.c-table .num{text-align:right;font-family:var(--ff-num);font-weight:600;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}.c-table th.num{font-family:var(--ff-sans);font-weight:600}.c-table th.num{text-align:right}
.c-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--r-pill);font-family:var(--ff-sans);font-size:var(--fs-xs);font-weight:600;border:1px solid var(--line);background:var(--surf2);color:var(--mute)}
.c-badge--brand{background:var(--brandS);color:var(--ink)}.c-badge--gold{background:transparent;color:var(--brand-alt);border-color:var(--brand-alt)}.c-badge--ok{color:var(--ok);border-color:var(--ok)}.c-badge--err{color:var(--err);border-color:var(--err)}
.c-alert{display:flex;gap:10px;align-items:flex-start;background:var(--surf);border:1px solid var(--line);border-left:3px solid var(--mute);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3);font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--ink)}
.c-alert__t{font-weight:600;letter-spacing:.04em;font-size:var(--fs-xs)}.c-alert--ok{border-left-color:var(--ok)}.c-alert--ok .c-alert__t{color:var(--ok)}.c-alert--warn{border-left-color:var(--warn)}.c-alert--warn .c-alert__t{color:var(--warn)}.c-alert--err{border-left-color:var(--err)}.c-alert--err .c-alert__t{color:var(--err)}.c-alert--gold{border-left-color:var(--brand-alt)}.c-alert--gold .c-alert__t{color:var(--brand-alt)}
.c-pager{display:inline-flex;gap:4px;font-family:var(--ff-sans);font-size:var(--fs-sm)}.c-pager a{min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;border:1px solid transparent}.c-pager a:hover{border-color:var(--line2)}.c-pager a.is-active{background:var(--brand);color:#fff}
.c-header{display:flex;align-items:center;gap:var(--sp-5);height:var(--sz-header);padding:0 var(--sp-6);border-bottom:1px solid var(--line);background:var(--bg)}.c-header__nav{display:flex;gap:var(--sp-4);font-family:var(--ff-sans);font-size:var(--fs-sm);color:var(--ink)}.c-header__nav a{color:inherit;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}.c-header__nav a.is-active{border-bottom-color:var(--brand-alt)}
.c-divider{border:0;border-top:1px solid var(--line);margin:var(--sp-4) 0}.c-divider--gold{border-top-color:var(--brand-alt)}
.c-link{color:var(--brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.c-link:hover{color:var(--brand2)}
/* sötét témán a klárét nem szövegszín (2,1–2,4:1): a link arany, hover tinta — döntés 2026-10-29 */
/* al-márka szó a logó mellett (4.3, 2026-10-29): a nagybetűje = a „Conclude” nagybetűje → 36 px logó mellett 30 px */
.c-brand-sub{font-family:var(--ff-serif);font-weight:600;font-size:30px;letter-spacing:.02em;line-height:1;color:var(--brand-alt);border-left:1px solid var(--line2);padding-left:var(--sp-3)}.c-header.is-compact .c-brand-sub{font-size:23px}@media (max-width:720px){.c-brand-sub{font-size:20px}}
/* számozott lépések (13. fejezet, 2026-11-01): Dani webshop-tervéből, a Finance-on kipróbálva („Hogyan igényelhet hitelt?”) — Greg: „egyértelműen jobb” → kánon. Sorszám a jel, ikon nincs (6.2); 4 → 2 → 1 oszlop. */
ol.c-steps{counter-reset:s;list-style:none;padding:0;margin:var(--sp-5) 0 0;display:grid;gap:var(--sp-5);grid-template-columns:repeat(4,1fr)}
ol.c-steps li{counter-increment:s;border-top:1px solid var(--line);padding-top:var(--sp-4)}
ol.c-steps li::before{content:counter(s,decimal-leading-zero);display:block;font-family:var(--ff-serif);font-weight:600;font-size:28px;line-height:1;color:var(--brand-alt);margin-bottom:var(--sp-3)}
ol.c-steps h3{font-family:var(--ff-sans);font-weight:600;font-size:16px;line-height:1.35;margin:0 0 var(--sp-1);color:var(--ink)}
ol.c-steps p{margin:0;color:var(--mute);font-size:15px;line-height:1.5}
.c-steps-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-6);padding:var(--sp-4) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.c-steps-info p{margin:0;color:var(--mute);font-size:var(--fs-md);max-width:60ch}
.c-steps-switch{display:inline-flex;border:1px solid var(--line2);border-radius:var(--r-pill);overflow:hidden;font-family:var(--ff-sans);font-size:var(--fs-sm);font-weight:600}.c-steps-switch a{padding:6px 14px;color:var(--mute);text-decoration:none}.c-steps-switch a.is-active{background:var(--ink);color:var(--bg)}
@media (max-width:960px){ol.c-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){ol.c-steps{grid-template-columns:1fr;gap:var(--sp-4)}ol.c-steps li{display:grid;grid-template-columns:44px 1fr;column-gap:var(--sp-3)}ol.c-steps li::before{grid-row:1 / span 2;margin:0}}
:root[data-theme="dark"] .c-link{color:var(--brand-alt)}:root[data-theme="dark"] .c-link:hover{color:var(--ink)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .c-link{color:var(--brand-alt)}:root:not([data-theme="light"]) .c-link:hover{color:var(--ink)}}