/* Kézikönyv (Tudástár és Kalkulátorok) – külön stíluslap, a globals.css nem bővül. Csak .kk- előtag, tokenek, rem.
   Mobil-első; 950 px a public.css meglévő töréspontja. Sötét mód: [data-theme=dark] a <html>-en (ThemeBoot). */
.kk,.kk-layer{
 --kk-bg:var(--background);--kk-fg:var(--foreground);--kk-muted:var(--muted-foreground);--kk-border:var(--border);
 --kk-surface:#f5f8f9;--kk-surface-2:#eef4f2;--kk-primary:var(--primary);--kk-on-primary:var(--primary-foreground);
 --kk-focus:#b86e14;--kk-ok-bg:#e7f4ec;--kk-ok-fg:#1d5c37;--kk-bad-bg:#fbe9e7;--kk-bad-fg:#9b2a1c;
 --kk-warn-bg:#fff7e8;--kk-warn-fg:#6d4c14;--kk-warn-line:#d49940;--kk-info-bg:#eef4f8;--kk-info-line:#7aa3bd;
 --kk-danger-bg:#fdeeee;--kk-danger-line:#c0392b;--kk-draft-bg:#fff4c2;--kk-draft-fg:#5d4a00;
 --kk-wire-l1:#8a4b22;--kk-wire-l2:#262626;--kk-wire-l3:#7c8790;--kk-wire-n:#2563b8;--kk-track:#e3eaee;
 /* Ábratokenek (Tudástár): zöld-sárga PE, színminta-barna és -fekete (sötét témában is valódi barna, illetve fekete, világos körvonallal), réz vezető. */
 --kk-wire-pe:#2e8b3e;--kk-wire-pe-stripe:#f2c200;--kk-wire-l1-swatch:#8a4b22;--kk-wire-l2-swatch:#1f1f1f;--kk-copper:#b87333;--kk-copper-end:#d69a63;
 --kk-bar-h:3.5rem;--kk-nav-h:4rem;--kk-radius:.75rem;
}
[data-theme=dark] .kk,[data-theme=dark] .kk-layer{
 --kk-surface:#1d2b36;--kk-surface-2:#203a35;--kk-focus:#f0b45e;--kk-ok-bg:#173d2a;--kk-ok-fg:#9fdcb9;--kk-bad-bg:#4a1f1b;--kk-bad-fg:#ffb4a8;
 --kk-warn-bg:#3a2f17;--kk-warn-fg:#f4d28b;--kk-warn-line:#c99a3e;--kk-info-bg:#1d2f3c;--kk-info-line:#5f8aa6;--kk-danger-bg:#3d1f1d;--kk-danger-line:#ef8a7d;
 --kk-draft-bg:#4a3f10;--kk-draft-fg:#ffe48a;--kk-wire-l1:#c98a5c;--kk-wire-l2:#d9dee2;--kk-wire-l3:#9aa7b1;--kk-wire-n:#6fa8f0;--kk-track:#2b3c48;
 --kk-wire-pe:#4fbf63;--kk-wire-pe-stripe:#e8c330;--kk-wire-l1-swatch:#8a4b22;--kk-wire-l2-swatch:#141414;--kk-copper:#d9955c;--kk-copper-end:#e8b588;
}
.kk{min-height:100dvh;background:var(--kk-bg);color:var(--kk-fg);font-size:1rem;line-height:1.6;padding-bottom:calc(var(--kk-nav-h) + env(safe-area-inset-bottom))}
.kk a{color:inherit}
.kk p,.kk li{color:inherit;font-size:1rem;line-height:1.6}
.kk h1{font-size:1.75rem;line-height:1.2;font-weight:700;letter-spacing:-.02em;margin:.5rem 0 .75rem}
.kk h2{font-size:1.25rem;line-height:1.3;font-weight:650;margin:2rem 0 .75rem;display:block}
.kk h3{font-size:1.0625rem;font-weight:650;margin:1rem 0 .5rem}
.kk ul,.kk ol{padding-left:1.25rem;list-style:revert}
.kk code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--kk-surface);border-radius:.3rem;padding:.05rem .3rem;overflow-wrap:anywhere;white-space:normal;max-width:100%}
.kk :focus-visible,.kk-layer :focus-visible{outline:3px solid var(--kk-focus);outline-offset:2px}
.kk svg{flex-shrink:0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kk-skip{position:absolute;left:.5rem;top:-4rem;z-index:60;background:var(--kk-bg);padding:.75rem 1rem;border-radius:.5rem;border:2px solid var(--kk-primary)}
.kk-skip:focus{top:.5rem}
.kk-muted{color:var(--kk-muted)!important;font-size:.9375rem}

/* Gombok (a globals.css általános button-stílusát felülírva) */
.kk button,.kk-layer button{font:inherit;color:inherit}
.kk-icon-btn,.kk .kk-icon-btn,.kk-layer .kk-icon-btn{width:3rem;height:3rem;min-width:3rem;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:.75rem;background:transparent;color:inherit;text-decoration:none}
.kk-icon-btn:hover,.kk .kk-icon-btn:hover{background:var(--kk-surface)}
.kk-icon-btn svg{width:1.375rem;height:1.375rem}
.kk-button,.kk .kk-button,.kk-layer .kk-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.5rem .9rem;border:1px solid var(--kk-border);border-radius:.5rem;background:var(--kk-bg);color:var(--kk-fg);font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer}
.kk-button:hover,.kk .kk-button:hover{background:var(--kk-surface)}
.kk-button.primary,.kk .kk-button.primary{background:var(--kk-primary);border-color:var(--kk-primary);color:var(--kk-on-primary)}
.kk-button.on,.kk .kk-button.on{background:var(--kk-surface-2);border-color:var(--kk-primary)}
.kk-button.on svg{fill:currentColor}
.kk-button.danger,.kk-layer .kk-button.danger{border-color:var(--kk-danger-line);color:var(--kk-bad-fg)}
.kk-button svg{width:1.125rem;height:1.125rem}
.kk-button:disabled{opacity:.5;cursor:not-allowed}
.kk-link,.kk .kk-link,.kk-layer .kk-link{border:0;background:none;padding:0;min-height:auto;text-decoration:underline;text-underline-offset:3px;cursor:pointer;color:inherit;font:inherit}
.kk .kk-link:hover,.kk-layer .kk-link:hover{background:none}
.kk-layer .kk-icon-btn:hover{background:var(--kk-surface)}
.kk-layer p,.kk-layer li{color:inherit}

/* Mobil alkalmazásfejléc */
.kk-appbar{position:sticky;top:0;z-index:30;height:var(--kk-bar-h);display:flex;align-items:center;gap:.125rem;padding:0 .25rem;background:var(--kk-bg);border-bottom:1px solid var(--kk-border)}
.kk-appbar-title{flex:1;min-width:0;font-weight:650;font-size:1.0625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:.25rem}
.kk-mark svg{background:#256459;color:#fff;border-radius:.5rem;padding:.3rem;width:2rem;height:2rem}
.kk-desktop-head{display:none}

/* Alsó navigáció (mobil) */
.kk-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;gap:.25rem;height:calc(var(--kk-nav-h) + env(safe-area-inset-bottom));padding:0 .5rem env(safe-area-inset-bottom);background:var(--kk-bg);border-top:1px solid var(--kk-border);transition:visibility 0s .4s}
.kk-bottom-nav a{flex:1;max-width:7.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;font-size:.75rem;font-weight:600;text-decoration:none;color:var(--kk-muted);border-top:3px solid transparent}
.kk-bottom-nav a svg{width:1.5rem;height:1.5rem}
.kk-bottom-nav a[aria-current]{color:var(--kk-primary);border-top-color:var(--kk-primary)}
.kk-bottom-nav a[aria-current] svg{stroke-width:2.6}
/* Csak szövegbevitelnél és legördülő listánál (a képernyő-billentyűzet miatt) rejtőzik; választógomb és jelölőnégyzet fókusza nem mozdítja.
   Visszajönni késleltetve (0,4 s) jön vissza: a fókusz a mezőből a sáv helyén álló gombra már lenyomáskor átkerül, és az azonnal
   visszaugró sáv elnyelné a kattintást vagy koppintást (pl. tesztkód → „Megnyitás”, Idő → „Vizsga indítása”; tests/kb-figures.mjs).
   A visibility:hidden sáv kattintást sem fogad. */
.kk:has(input:not([type=radio]):not([type=checkbox]):focus,select:focus,textarea:focus) .kk-bottom-nav{visibility:hidden;transition-delay:0s}
@media(max-width:949px){:root:has(.kk-bottom-nav) .cookie-notice{bottom:calc(var(--kk-nav-h, 4rem) + 10px)}}

/* Oldalszerkezet */
.kk-page{max-width:77.5rem;margin:0 auto;padding:1rem 1rem 2rem;min-width:0}
.kk-main{min-width:0;max-width:48rem}
.kk-page-hub .kk-main{max-width:62rem}
.kk-side,.kk-toc{display:none}
.kk-side-title{font-size:.8125rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--kk-muted)!important;margin:0 0 .5rem}
.kk-side ul,.kk-toc ul{list-style:none;padding:0;margin:0;display:grid;gap:.15rem}
.kk-side a,.kk-toc a{display:block;padding:.4rem .6rem;border-radius:.4rem;text-decoration:none;font-size:.9375rem}
.kk-side a:hover,.kk-toc a:hover{background:var(--kk-surface)}
.kk-side a[aria-current]{background:var(--kk-surface-2);color:var(--kk-primary);font-weight:650}
.kk-side-all{margin-top:.75rem;font-size:.875rem!important;text-decoration:underline!important}
.kk-crumbs ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.25rem;font-size:.875rem;color:var(--kk-muted)}
.kk-crumbs li+li::before{content:'›';margin-right:.25rem}
.kk-crumbs a{text-underline-offset:3px}
.kk-lead{font-size:1.0625rem!important;color:var(--kk-muted)!important;margin:0 0 1rem}
.kk-review{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin:0 0 1rem;font-size:.875rem!important;color:var(--kk-muted)!important}
.kk-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:999px;background:var(--kk-ok-bg);color:var(--kk-ok-fg);font-size:.8125rem;font-weight:650;text-decoration:none;line-height:1.4}
.kk-badge svg{width:1rem;height:1rem}
.kk a.kk-badge{color:var(--kk-ok-fg)}
.kk-badge.soon{background:var(--kk-surface);color:var(--kk-muted)}
.kk-badge.draft{background:var(--kk-draft-bg);color:var(--kk-draft-fg)}
.kk-preview-banner{display:flex;gap:.5rem;align-items:flex-start;padding:.75rem 1rem;border-radius:.5rem;background:var(--kk-draft-bg);color:var(--kk-draft-fg)!important;font-weight:600}
.kk-foot{max-width:77.5rem;margin:0 auto;padding:0 1rem}
.kk-base-notice{display:flex;gap:.6rem;align-items:flex-start;margin:1.5rem 0;padding:.9rem 1rem;border:1px solid var(--kk-border);border-left:4px solid var(--kk-warn-line);border-radius:.5rem;background:var(--kk-surface);font-size:.875rem!important}
.kk-base-notice svg{width:1.25rem;height:1.25rem;color:var(--kk-warn-line);margin-top:.15rem}

/* Figyelmeztető dobozok (role=note) */
.kk-callout{display:flex;gap:.75rem;align-items:flex-start;margin:1rem 0;padding:.9rem 1rem;border-radius:.6rem;border:1px solid var(--kk-info-line);border-left-width:5px;background:var(--kk-info-bg)}
.kk-callout>svg{width:1.4rem;height:1.4rem;margin-top:.1rem}
.kk-callout p{margin:.25rem 0 0;font-size:.9375rem}
.kk-callout-warn{border-color:var(--kk-warn-line);background:var(--kk-warn-bg);color:var(--kk-warn-fg)}
.kk-callout-danger{border-color:var(--kk-danger-line);background:var(--kk-danger-bg)}

/* Kalkulátor */
.kk-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.kk-calc-form{display:grid;gap:1rem;padding:1rem;border:1px solid var(--kk-border);border-radius:var(--kk-radius);background:var(--kk-surface)}
.kk-field{display:grid;gap:.35rem;min-width:0;margin:0;padding:0;border:0}
.kk-field>label,.kk-field>legend{font-weight:600;font-size:.9375rem;padding:0}
.kk-sym{color:var(--kk-muted);font-weight:500;font-style:italic}
.kk-opt{color:var(--kk-muted);font-weight:400;font-size:.875rem}
.kk-input-row{display:flex;gap:.5rem;min-width:0}
.kk-input-row input,.kk-rows input,.kk-select,.kk-input-row select,.kk-index-search input,.kk-search-box input{min-height:3rem;font-size:1.0625rem;padding:.5rem .75rem;border:1px solid var(--kk-border);border-radius:.5rem;background:var(--kk-bg);color:var(--kk-fg);min-width:0}
.kk-input-row input{flex:1;font-variant-numeric:tabular-nums}
.kk-input-row select{flex:0 0 auto;max-width:7rem;font-size:1rem}
.kk-select{width:100%;font-size:1rem}
.kk-unit{display:inline-flex;align-items:center;min-width:3rem;padding:0 .5rem;color:var(--kk-muted);font-weight:600}
.kk-input-row input[aria-invalid=true],.kk-rows input[aria-invalid=true]{border-color:var(--kk-danger-line);box-shadow:0 0 0 1px var(--kk-danger-line)}
.kk-field-error{margin:0;color:var(--kk-bad-fg)!important;font-size:.875rem!important;font-weight:600}
.kk-field-error::before{content:'⚠ '}
.kk-help{margin:0;color:var(--kk-muted)!important;font-size:.8125rem!important}
.kk-seg>div{display:flex;flex-wrap:wrap;gap:.35rem}
.kk-seg label{flex:1 1 auto;display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.35rem .8rem;border:1px solid var(--kk-border);border-radius:.5rem;background:var(--kk-bg);cursor:pointer;font-size:.9375rem}
.kk-seg label.on{border-color:var(--kk-primary);box-shadow:inset 0 0 0 1px var(--kk-primary);font-weight:650}
.kk-seg input{accent-color:var(--kk-primary);width:1rem;height:1rem;margin:0}
.kk-rows table{width:100%;border-collapse:collapse}
.kk-rows th{font-size:.8125rem;text-align:left;font-weight:600;padding:.25rem}
/* Az app/globals.css „th{color:#6e838f}” szabálya a kézikönyvben nem éri el az AA kontrasztot (3,2–3,5:1): a fejléccellák az előtérszínt kapják. */
.kk th,.kk-layer th{color:var(--kk-fg)}
.kk-rows td{padding:.2rem}
.kk-rows input{width:100%;min-height:2.75rem;font-size:1rem}
.kk-rows>.kk-button{justify-self:start}
.kk-reset{justify-self:start;font-size:.875rem!important;color:var(--kk-muted)!important}
.kk-result-wrap{margin:1rem 0}
.kk-result{padding:1rem;border:2px solid var(--kk-primary);border-radius:var(--kk-radius);background:var(--kk-bg)}
.kk-result.invalid{border-color:var(--kk-danger-line)}
.kk-result-title{margin:0 0 .5rem;font-size:.8125rem!important;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--kk-muted)!important}
.kk-result-main{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
.kk-result-main>div{display:grid}
.kk-result-main span{font-size:.875rem;color:var(--kk-muted)}
.kk-result-main strong{font-size:1.75rem;line-height:1.2;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kk-result-list{display:grid;gap:.25rem 1rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin:1rem 0 0;padding-top:.75rem;border-top:1px solid var(--kk-border)}
.kk-result-list div{display:flex;justify-content:space-between;gap:.75rem;font-size:.9375rem}
.kk-result-list dt{color:var(--kk-muted)}
.kk-result-list dd{margin:0;font-weight:650;text-align:right;font-variant-numeric:tabular-nums}
.kk-verdict{margin:.75rem 0 0;padding:.6rem .8rem;border-radius:.5rem;font-weight:650}
.kk-verdict.ok{background:var(--kk-ok-bg);color:var(--kk-ok-fg)!important}
.kk-verdict.ok::before{content:'✓ '}
.kk-verdict.bad{background:var(--kk-bad-bg);color:var(--kk-bad-fg)!important}
.kk-verdict.bad::before{content:'✗ '}
.kk-issue{margin:.5rem 0 0;padding:.5rem .75rem;border-radius:.4rem;font-size:.9375rem!important;background:var(--kk-info-bg)}
.kk-issue.warn{background:var(--kk-warn-bg);color:var(--kk-warn-fg)!important}
.kk-issue.warn::before{content:'⚠ '}
.kk-figure{margin:1rem 0 0;max-width:30rem}
.kk-figure-svg{display:block;width:100%;height:auto;color:var(--kk-fg)}
.kk-figure-svg .fig-label{font-size:13px;fill:currentColor}
.kk-figure-svg .fig-small{font-size:11px;fill:var(--kk-muted)}
.kk-figure-svg .fig-p{stroke:var(--kk-primary);stroke-width:4}
.kk-figure-svg .fig-q{stroke:var(--kk-warn-line);stroke-width:4;stroke-dasharray:7 4}
.kk-figure-svg .fig-s{stroke:currentColor;stroke-width:2.5}
.kk-figure-svg .fig-arc,.kk-figure-svg .fig-lead{fill:none;stroke:var(--kk-muted);stroke-width:1.5}
.kk-figure-svg .fig-track{fill:var(--kk-track)}
.kk-figure-svg .fig-good{fill:var(--kk-primary)}
.kk-figure-svg .fig-bad{fill:var(--kk-danger-line)}
.kk-figure-svg .fig-limit{stroke:currentColor;stroke-width:2;stroke-dasharray:4 3}
.kk-figure-svg .fig-l1{fill:var(--kk-wire-l1)}.kk-figure-svg .fig-l2{fill:var(--kk-wire-l2)}.kk-figure-svg .fig-l3{fill:var(--kk-wire-l3)}.kk-figure-svg .fig-n{fill:var(--kk-wire-n)}
.kk-figure-svg .fig-body{fill:#d9c39a;stroke:#8a7650}
.kk-figure-svg .fig-band{stroke:rgba(0,0,0,.25)}
.kk-table-wrap{overflow-x:auto;margin-top:1rem}
.kk-table{border-collapse:collapse;width:100%;font-size:.9375rem;font-variant-numeric:tabular-nums}
.kk-table caption{text-align:left;font-weight:650;padding:.25rem 0 .5rem}
.kk-table th,.kk-table td{padding:.45rem .6rem;border-bottom:1px solid var(--kk-border);text-align:left}
.kk-table thead th{background:var(--kk-surface)}
.kk-derivation,.kk-assumptions{margin:1rem 0;padding:.75rem 1rem;border:1px solid var(--kk-border);border-radius:var(--kk-radius)}
.kk-derivation summary,.kk-assumptions summary{cursor:pointer;font-weight:650;min-height:2rem}
.kk-steps{display:grid;gap:.75rem;margin:.75rem 0 0;padding-left:1.25rem}
.kk-steps li{display:grid;gap:.15rem;overflow-wrap:anywhere}
.kk-steps code{justify-self:start}
.kk-steps span{font-variant-numeric:tabular-nums}
.kk-steps small{color:var(--kk-muted);font-size:.8125rem}
.kk-formulas ul{padding-left:1.25rem}
.kk-notes{display:grid;gap:0 1.5rem}
.kk-notes>h2{grid-column:1/-1}
.kk-notcovered ul,.kk-sources ul{font-size:.9375rem}
.kk-table-status{padding:.75rem 1rem;border-radius:.5rem;background:var(--kk-warn-bg);color:var(--kk-warn-fg)!important;font-size:.9375rem!important}
.kk-example{margin-top:2rem;padding:1rem;border-radius:var(--kk-radius);background:var(--kk-surface)}
.kk-example h2{margin-top:0}
.kk-example-result{margin:.75rem 0 0}
.kk-related ul{list-style:none;padding:0;display:grid;gap:.5rem}
.kk-related a{display:grid;padding:.75rem;border:1px solid var(--kk-border);border-radius:.6rem;text-decoration:none}
.kk-related small{color:var(--kk-muted)}
.kk-meta{margin-top:2rem;font-size:.8125rem!important;color:var(--kk-muted)!important}
.kk-report{text-decoration:underline;text-underline-offset:3px}
.kk-print-only{display:none}

/* Index (hub) */
.kk-index-search{display:flex;align-items:center;gap:.5rem;margin:0 0 1.25rem;padding:0 .25rem 0 .75rem;border:2px solid var(--kk-border);border-radius:.75rem;background:var(--kk-bg)}
.kk-index-search:focus-within{border-color:var(--kk-primary)}
.kk-index-search svg{width:1.25rem;height:1.25rem;color:var(--kk-muted)}
.kk .kk-index-search input{flex:1;border:0;outline:0;background:transparent;padding-left:.25rem}
.kk-category{scroll-margin-top:4rem}
.kk-cards{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}
.kk-card{display:flex;flex-direction:column;gap:.35rem;padding:1rem;border:1px solid var(--kk-border);border-radius:var(--kk-radius);background:var(--kk-bg);text-decoration:none;min-height:8rem}
a.kk-card:hover{border-color:var(--kk-primary);box-shadow:0 4px 16px #24414b14}
.kk-card b{font-size:1.0625rem}
.kk-card p{margin:0;font-size:.9rem!important;color:var(--kk-muted)!important;flex:1}
.kk-card .kk-badge{align-self:flex-start}
.kk-card.soon{border-style:dashed;background:var(--kk-surface)}
.kk-card.soon b{color:var(--kk-muted)}
.kk-card small{font-size:.8125rem;color:var(--kk-muted)}
.kk-shortcut-grid{display:grid;gap:.75rem}
.kk-shortcut-grid:empty{display:none}
.kk-shortcuts{padding:.75rem 1rem;border:1px solid var(--kk-border);border-radius:var(--kk-radius);background:var(--kk-surface)}
.kk-shortcuts h2{display:flex;align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:1rem}
.kk-shortcuts h2 svg{width:1.1rem;height:1.1rem}
.kk-shortcuts ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}
.kk-shortcuts a{display:inline-grid;padding:.35rem .7rem;border:1px solid var(--kk-border);border-radius:.5rem;background:var(--kk-bg);text-decoration:none;font-size:.9rem;min-height:2.75rem;align-content:center}
.kk-shortcuts small{color:var(--kk-muted);font-size:.75rem}
.kk-method{margin-top:2.5rem}
.kk-method ul{list-style:none;padding:0;display:grid;gap:.75rem}
.kk-method li{display:flex;gap:.6rem;align-items:flex-start}
.kk-method li svg{width:1.25rem;height:1.25rem;color:var(--kk-primary);margin-top:.2rem}
/* Folyó szövegbeli link (pl. a Tesztek „Hogyan működik?” e-mail-címe): a .kk-prose a mintájára színnel és aláhúzással (WCAG 1.4.1). */
.kk-method a{color:var(--kk-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.kk-notfound{padding:2rem 0}
/* JS nélkül a csak szkripttel működő vezérlők rejtve (a <html> `js` osztályát a téma-indító teszi ki); a lista, a képletek és a kidolgozott példa SSR-ben olvasható. */
html:not(.js) .kk-calc,html:not(.js) .kk-index-search,html:not(.js) [data-kb-open=search],html:not(.js) [data-kb-open=bookmarks],html:not(.js) .kk-actions{display:none}
.kk-check{display:flex;gap:.5rem;align-items:flex-start;margin:.75rem 0;font-size:.9375rem}
.kk-check input{margin-top:.3rem;accent-color:var(--kk-primary)}
.kk-check small{color:var(--kk-muted)}

/* Tudástár: cikk (törzs, dobozok, képlet, példa, táblázat, szótár, források, előző/következő) */
.kk-page-article .kk-main{max-width:46rem}
.kk-prose>p,.kk-prose li,.kk-prose dd{max-width:42rem}
.kk-prose p{margin:0 0 .9rem}
.kk-prose ul,.kk-prose ol{margin:0 0 1rem}
.kk-prose li{margin:.2rem 0}
.kk-example-box p{margin:.6rem 0}
.kk-callout p,.kk-rovid p{margin:0}
@media(max-width:949px){.kk-home-search kbd{display:none}}
.kk-prose h2{scroll-margin-top:4.5rem}
.kk-prose h3,.kk-term{scroll-margin-top:4.5rem}
.kk-prose sub,.kk-prose sup{font-size:.75em;line-height:0}
.kk-rovid{margin:1rem 0;padding:.9rem 1rem;border-radius:.6rem;background:var(--kk-surface-2);border-left:5px solid var(--kk-primary)}
.kk-rovid p{margin:0}
.kk-formula{margin:1rem 0;padding:.6rem 1rem;border-radius:.5rem;background:var(--kk-surface);font-family:ui-serif,Georgia,'Times New Roman',serif;font-size:1.125rem!important;letter-spacing:.01em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.kk-example-box{margin:1.25rem 0;padding:.25rem 1rem .5rem;border:1px solid var(--kk-border);border-left:5px solid var(--kk-warn-line);border-radius:.6rem;background:var(--kk-bg)}
.kk-example-box .kk-formula{background:var(--kk-surface)}
.kk-prose .kk-table-wrap{margin:1rem 0}
.kk-prose .kk-table th[scope=row]{font-weight:600}
.kk-table-wrap:focus-visible{outline:3px solid var(--kk-focus);outline-offset:2px}
/* Szövegközi linkek: képernyőn színnel ÉS aláhúzással különülnek el a szövegtől (WCAG 1.4.1); a link nélküli, lektorálás alatti cél
   („hamarosan”) viszont nem kap linkszerű jelölést – csak tompított, dőlt megjegyzést. */
.kk-prose a{color:var(--kk-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.kk-prose a:hover{text-decoration-thickness:2px}
.kk-pending-note{color:var(--kk-muted);font-size:.875em;font-style:italic}
.kk-terms{margin:.5rem 0 1rem;display:grid;gap:.75rem}
.kk-term{padding:.6rem .8rem;border:1px solid var(--kk-border);border-radius:.6rem}
.kk-term:target{border-color:var(--kk-primary);box-shadow:0 0 0 2px var(--kk-primary)}
.kk-term dt{font-weight:700}
.kk-term dfn{font-style:normal}
.kk-term-note{font-weight:400;color:var(--kk-muted)}
.kk-term dd{margin:.25rem 0 0}
.kk-letters{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0}
.kk-letters a{display:inline-flex;align-items:center;justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:0 .6rem;border:1px solid var(--kk-border);border-radius:.5rem;text-decoration:none;font-weight:650}
.kk-toc-inline{margin:1rem 0;padding:.5rem 1rem;border:1px solid var(--kk-border);border-radius:var(--kk-radius)}
.kk-toc-inline summary{cursor:pointer;font-weight:650;min-height:2.75rem;display:flex;align-items:center}
.kk-toc-inline ol{margin:.25rem 0 .5rem;display:grid;gap:.15rem}
.kk-toc-inline a{text-underline-offset:3px}
.kk-related h3{margin-top:1rem}
.kk-related-more{margin:.75rem 0 0}
.kk .kk-related-more a{display:inline-flex;align-items:center;min-height:2.75rem;border:0;padding:0;text-decoration:underline;text-underline-offset:3px}
.kk-safety-band{display:flex;gap:.5rem;align-items:flex-start;margin:1.5rem 0;padding:.75rem 1rem;border-radius:.5rem;border-left:4px solid var(--kk-warn-line);background:var(--kk-warn-bg);color:var(--kk-warn-fg)!important;font-weight:600}
.kk-safety-band svg{width:1.25rem;height:1.25rem;margin-top:.15rem}
.kk-safety-band a{color:inherit}
.kk-related-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}
.kk-sources li{margin:.25rem 0}
.kk-source-ed{color:var(--kk-muted)}
.kk-check-pending{display:inline-block;padding:0 .45rem;border:1px solid var(--kk-border);border-radius:999px;font-size:.75rem;line-height:1.5;color:var(--kk-muted);white-space:nowrap;vertical-align:.1em}
/* Előző/következő: a két oszlop a hosszú szavak („Színhőmérséklet”) miatt sem szélesedhet a képernyőnél tovább (320 px-en sincs vízszintes görgetés). */
.kk-prevnext{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.5rem 0}
.kk-prevnext a{display:flex;align-items:center;gap:.4rem;padding:.75rem;border:1px solid var(--kk-border);border-radius:.6rem;text-decoration:none;min-height:3rem;min-width:0}
.kk-prevnext a.next{justify-content:flex-end;text-align:right}
.kk-prevnext span{display:grid;min-width:0;overflow-wrap:anywhere;hyphens:auto}
.kk-prevnext small{color:var(--kk-muted);font-size:.8125rem}
.kk-prevnext svg{width:1.25rem;height:1.25rem}
.kk-changes{margin:1.5rem 0 0;padding:.5rem 1rem;border:1px solid var(--kk-border);border-radius:var(--kk-radius)}
.kk-changes summary{cursor:pointer;font-weight:650;min-height:2.75rem;display:flex;align-items:center}
.kk-changes ul{font-size:.9375rem}
.kk-card.draft{border-style:dashed}
.kk-category h2 a,.kk-home h2 a,.kk-cat-grid h3 a{text-decoration:none}
.kk-category h2 a:hover,.kk-home h2 a:hover,.kk-cat-grid h3 a:hover{text-decoration:underline}

/* Tudástár: ábrák (saját SVG; a színek tokenekből, így sötét témában és nyomtatásban is helyesek) */
.kk-fig{margin:1.5rem 0;max-width:42rem}
.kk-fig-wide{max-width:none}
.kk-fig-frame{overflow-x:auto;border:1px solid var(--kk-border);border-radius:var(--kk-radius);background:var(--kk-bg);padding:.5rem}
/* Görgethető (széles) ábra: a kereten belüli tartalom jelzése – jobb és bal oldali árnyék, amely a tartalom szélénél eltűnik. */
.kk-fig-wide .kk-fig-frame{background:linear-gradient(to right,var(--kk-bg) 30%,transparent) left/2.5rem 100% no-repeat local,linear-gradient(to left,var(--kk-bg) 30%,transparent) right/2.5rem 100% no-repeat local,radial-gradient(farthest-side at 0 50%,#0003,transparent) left/.75rem 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,#0003,transparent) right/.75rem 100% no-repeat scroll,var(--kk-bg)}
.kk-fig-frame:focus-visible{outline:3px solid var(--kk-focus);outline-offset:2px}
.kk-fig-svg{display:block;width:100%;height:auto;color:var(--kk-fg)}
.kk-fig-wide .kk-fig-svg{min-width:var(--kk-fig-min,0)}
.kk-fig-panels{display:flex;flex-wrap:wrap;gap:.5rem}
.kk-fig-panels>.kk-fig-svg{flex:1 1 14rem;width:auto;min-width:0;max-width:22rem}
.kk-fig-panels-3>.kk-fig-svg{flex-basis:12rem;max-width:16rem}
/* Két rajzváltozat ugyanarról (pl. a színhőmérséklet-skála): 600 px alatt a keskeny (függőleges), fölötte a széles; a rejtett változat
   display:none, így a képernyőolvasó sem látja. Nyomtatásban a széles. */
.kk-fig-svg.kk-fig-only-narrow{display:none}
@media(max-width:599px){.kk-fig-svg.kk-fig-only-wide{display:none}.kk-fig-svg.kk-fig-only-narrow{display:block}}
.kk-fig figcaption{margin-top:.5rem;font-size:.9375rem}
.kk-fig-text{display:block;margin-top:.25rem;color:var(--kk-muted);font-size:.875rem}
.kk-fig-missing{padding:1rem;color:var(--kk-muted)}
.kk-fig-svg text{fill:var(--kk-fg);font-family:inherit}
.kk-fig-svg .t-muted{fill:var(--kk-muted)}.kk-fig-svg .t-halo{paint-order:stroke;stroke:var(--kk-bg);stroke-width:3px;stroke-linejoin:round}.kk-fig-svg .t-primary{fill:var(--kk-primary)}.kk-fig-svg .t-warn{fill:var(--kk-warn-fg)}.kk-fig-svg .t-danger{fill:var(--kk-bad-fg)}.kk-fig-svg .t-on-primary{fill:var(--kk-on-primary)}
.kk-fig-svg .f-none{fill:none}.kk-fig-svg .f-fg{fill:var(--kk-fg)}.kk-fig-svg .f-bg{fill:var(--kk-bg)}.kk-fig-svg .f-muted{fill:var(--kk-muted)}.kk-fig-svg .f-primary{fill:var(--kk-primary)}.kk-fig-svg .f-warn{fill:var(--kk-warn-line)}.kk-fig-svg .f-danger{fill:var(--kk-danger-line)}
.kk-fig-svg .f-surface{fill:var(--kk-surface)}.kk-fig-svg .f-surface2{fill:var(--kk-surface-2)}.kk-fig-svg .f-info{fill:var(--kk-info-bg)}.kk-fig-svg .f-track{fill:var(--kk-track)}
.kk-fig-svg .f-l1{fill:var(--kk-wire-l1)}.kk-fig-svg .f-l2{fill:var(--kk-wire-l2)}.kk-fig-svg .f-l3{fill:var(--kk-wire-l3)}.kk-fig-svg .f-n{fill:var(--kk-wire-n)}.kk-fig-svg .f-pe{fill:var(--kk-wire-pe)}.kk-fig-svg .f-pe-stripe{fill:var(--kk-wire-pe-stripe)}.kk-fig-svg .f-l1-swatch{fill:var(--kk-wire-l1-swatch)}.kk-fig-svg .f-l2-swatch{fill:var(--kk-wire-l2-swatch)}.kk-fig-svg .f-copper{fill:var(--kk-copper)}.kk-fig-svg .f-copper-end{fill:var(--kk-copper-end)}
.kk-fig-svg .s-fg{stroke:var(--kk-fg)}.kk-fig-svg .s-muted{stroke:var(--kk-muted)}.kk-fig-svg .s-primary{stroke:var(--kk-primary)}.kk-fig-svg .s-warn{stroke:var(--kk-warn-line)}.kk-fig-svg .s-danger{stroke:var(--kk-danger-line)}.kk-fig-svg .s-border{stroke:var(--kk-border)}.kk-fig-svg .s-track{stroke:var(--kk-track)}.kk-fig-svg .s-info{stroke:var(--kk-info-line)}
.kk-fig-svg .s-l1{stroke:var(--kk-wire-l1)}.kk-fig-svg .s-l2{stroke:var(--kk-wire-l2)}.kk-fig-svg .s-l3{stroke:var(--kk-wire-l3)}.kk-fig-svg .s-n{stroke:var(--kk-wire-n)}

/* Tudástár: kezdőlap */
.kk-home .kk-lead{max-width:44rem}
.kk-home-search{display:flex;align-items:center;gap:.6rem;min-height:3.25rem;padding:.5rem 1rem;border:2px solid var(--kk-primary);border-radius:.75rem;text-decoration:none;color:var(--kk-muted);max-width:40rem}
.kk-home-search svg{width:1.25rem;height:1.25rem;color:var(--kk-primary)}
.kk-home-search span{flex:1}
.kk-home-search kbd{font-size:.75rem;border:1px solid var(--kk-border);border-radius:.25rem;padding:0 .35rem}
.kk-continue{margin:1.25rem 0;padding:.75rem 1rem;border:1px solid var(--kk-border);border-radius:var(--kk-radius);background:var(--kk-surface)}
.kk-continue h2{margin:0 0 .25rem;font-size:1.0625rem}
.kk-continue h3{display:flex;align-items:center;gap:.35rem;font-size:.9375rem;margin:.6rem 0 .35rem}
.kk-continue h3 svg{width:1rem;height:1rem}
.kk-chiplist{list-style:none!important;padding:0!important;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}
.kk-chiplist a{display:inline-grid;align-content:center;min-height:2.75rem;padding:.35rem .75rem;border:1px solid var(--kk-border);border-radius:.5rem;background:var(--kk-bg);text-decoration:none;font-size:.9375rem;max-width:22rem}
.kk-chiplist small{color:var(--kk-muted);font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kk-section-cards{list-style:none!important;padding:0!important;margin:1.25rem 0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.kk-section-cards a{display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem;align-items:center;padding:1rem;border:1px solid var(--kk-border);border-radius:var(--kk-radius);text-decoration:none;min-height:5.5rem;background:var(--kk-bg)}
.kk-section-cards a svg{grid-row:span 2;width:2rem;height:2rem;color:var(--kk-primary)}
.kk-section-cards b{font-size:1.125rem}
.kk-section-cards small{color:var(--kk-muted);font-size:.875rem}
.kk-section-cards li.featured a{border:2px solid var(--kk-primary);background:var(--kk-surface-2)}
.kk-cat-grid{display:grid;gap:.5rem 1.5rem;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}
.kk-cat-grid h3{margin:.75rem 0 .25rem}
.kk-cat-grid ul{margin:0;padding-left:1.1rem}
.kk-cat-grid li{font-size:.9375rem}

/* Tervező-blokk (oldalanként egy, a tartalom után) */
.kk-cta{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1rem;align-items:start;margin:2.5rem 0 1rem;padding:1rem;border:1px solid var(--kk-border);border-radius:var(--kk-radius);background:var(--kk-surface-2)}
.kk-cta>svg{width:2.25rem;height:2.25rem;padding:.4rem;border-radius:.5rem;background:#256459;color:#fff}
.kk-cta p{margin:.25rem 0 0;font-size:.9375rem}
.kk-cta .kk-button{grid-column:1/-1;justify-self:start}

/* Fiókok (radix Dialog portálban, a .kk-layer tokenjeivel) */
.kk-overlay{position:fixed;inset:0;z-index:70;background:rgba(10,20,26,.5)}
.kk-sheet{position:fixed;z-index:71;background:var(--kk-bg,#fff);color:var(--kk-fg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.25)}
.kk-sheet-right{top:0;right:0;bottom:0;width:min(24rem,92vw)}
.kk-sheet-top{top:0;left:0;right:0;max-height:100dvh}
.kk-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .25rem .25rem 1rem;border-bottom:1px solid var(--kk-border)}
.kk-sheet-head h2{font-size:1.125rem;font-weight:650;margin:0}
.kk-sheet-desc{padding:0 1rem}
.kk-sheet-body{padding:.75rem 1rem 1.5rem;overflow-y:auto;display:grid;gap:1rem;align-content:start}
.kk-sheet-body h3{display:flex;align-items:center;gap:.4rem;font-size:1rem;margin:0 0 .4rem}
.kk-sheet-body h3 svg{width:1.1rem;height:1.1rem}
.kk-sheet-body p{font-size:.875rem;line-height:1.55;margin:0}
.kk-entry-list{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}
.kk-entry-list li{display:flex;align-items:center;gap:.25rem;border:1px solid var(--kk-border);border-radius:.5rem}
.kk-entry-list a,.kk-entry-list li.gone>span{flex:1;display:grid;padding:.5rem .75rem;text-decoration:none;min-width:0}
.kk-entry-list li.gone{border-style:dashed;color:var(--kk-muted)}
.kk-entry-list small{color:var(--kk-muted);font-size:.8125rem;overflow-wrap:anywhere}
.kk-confirm{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.875rem}
.kk-menu ul{list-style:none;padding:0;margin:0;display:grid;border-bottom:1px solid var(--kk-border);padding-bottom:.5rem}
.kk-menu li>a,.kk-layer .kk-menu li>button{display:flex;align-items:center;justify-content:flex-start;gap:.35rem;min-height:2.75rem;width:100%;text-align:left;text-decoration:none;font-size:1rem}
.kk-menu li svg{width:1rem;height:1rem}
.kk-menu small{color:var(--kk-muted)}
.kk-menu-legal{font-size:.9rem}
.kk-theme-choice{border:0;margin:0;padding:0;display:grid;gap:.25rem}
.kk-theme-choice legend{font-weight:650;margin-bottom:.25rem}
.kk-theme-choice label{display:flex;align-items:center;gap:.5rem;min-height:2.5rem;font-size:1rem}
.kk-theme-choice input{accent-color:var(--kk-primary);width:1.1rem;height:1.1rem}
.kk-search{display:grid;gap:.75rem;padding:.75rem 1rem 1rem;overflow-y:auto;max-width:44rem;width:100%;margin:0 auto}
.kk-search-box{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;border:2px solid var(--kk-primary);border-radius:.75rem}
.kk-search-box svg{width:1.25rem;height:1.25rem;color:var(--kk-muted)}
.kk-layer .kk-search-box input{flex:1;border:0;outline:0;background:transparent}
.kk-search-empty h3{font-size:.8125rem;text-transform:uppercase;letter-spacing:.06em;color:var(--kk-muted);margin:.5rem 0 .4rem}
.kk-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.kk-layer .kk-chips button{display:inline-flex;align-items:center;gap:.3rem;min-height:2.5rem;padding:.3rem .75rem;border:1px solid var(--kk-border);border-radius:999px;background:var(--kk-bg);font-size:.9rem;cursor:pointer}
.kk-chips svg{width:.9rem;height:.9rem}
.kk-search-results{display:grid;gap:.25rem}
.kk-search-group{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--kk-muted);padding:.25rem 0}
.kk-search-hit{display:grid;padding:.6rem .75rem;border-radius:.5rem;cursor:pointer;border:1px solid transparent}
.kk-search-hit small{color:var(--kk-muted);font-size:.8125rem}
.kk-search-hit.active{background:var(--kk-surface-2);border-color:var(--kk-primary)}
.kk-search-hit.soon{cursor:default;opacity:.75}
.kk-search-none p{margin:.25rem 0;font-size:.9375rem}
.kk-toast-region{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--kk-nav-h) + env(safe-area-inset-bottom) + .75rem);z-index:75;width:min(28rem,calc(100% - 2rem))}
.kk-toast{display:flex;align-items:center;gap:.5rem;padding:.4rem .4rem .4rem 1rem;border-radius:.75rem;background:#1f2f3a;color:#fff;box-shadow:0 8px 30px rgba(0,0,0,.3);font-size:.9375rem}
.kk-toast span{flex:1}
.kk .kk-toast button{border:0;background:transparent;color:#bfeee0;font-weight:700;padding:.5rem;min-height:2.75rem;cursor:pointer}

/* A nyilvános fejléc és lábléc a kézikönyvben (sötét módú felülírás, a .share-site mintájára) */
.kk .public-header{color:var(--kk-fg)}
.kk .public-button{background:var(--kk-bg);color:var(--kk-fg)!important;border-color:var(--kk-border)}
.kk .public-button.primary{background:#256459;border-color:#256459;color:#fff!important}
.kk .public-footer{background:var(--kk-surface);color:var(--kk-muted);border-color:var(--kk-border)}
.kk .public-footer .brand{color:var(--kk-fg)}
.kk .public-footer .public-footer-kb strong{color:var(--kk-fg)}
.kk .public-header nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;font-weight:650}
.kk-head-actions{display:inline-flex;gap:.25rem;align-items:center}
.kk-head-btn,.kk .kk-head-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:2.5rem;min-width:2.5rem;justify-content:center;padding:.25rem .5rem;border:1px solid var(--kk-border);border-radius:.5rem;background:var(--kk-bg);color:var(--kk-fg);text-decoration:none;cursor:pointer}
.kk-head-btn svg{width:1.1rem;height:1.1rem}
.kk-head-btn kbd{font-size:.75rem;border:1px solid var(--kk-border);border-radius:.25rem;padding:0 .3rem;color:var(--kk-muted)}
.kk-tabs{max-width:77.5rem;margin:0 auto;padding:0 2.5rem;display:flex;gap:.25rem;border-bottom:1px solid var(--kk-border)}
.kk-tabs a{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .9rem;text-decoration:none;font-weight:600;font-size:.9375rem;color:var(--kk-muted);border-bottom:3px solid transparent;margin-bottom:-1px}
.kk-tabs a svg{width:1.1rem;height:1.1rem}
.kk-tabs a[aria-current]{color:var(--kk-primary);border-bottom-color:var(--kk-primary)}

/* Tesztek (/tudastar/tesztek): a sziget csak JS-sel látszik; JS nélkül a mintafeladat és a feladattípusok. */
html:not(.js) .kk-quiz-island{display:none}
html.js .kk-quiz-nojs{display:none}
.kk-quiz-host{scroll-margin-top:calc(var(--kk-bar-h) + .5rem)}
.kk-quiz{display:grid;gap:1rem;min-width:0;margin:1rem 0}
.kk-quiz h2{margin:.25rem 0 .25rem}
.kk-quiz-setup,.kk-quiz-codepanel,.kk-quiz-card{display:grid;gap:1rem;min-width:0;padding:1rem;border:1px solid var(--kk-border);border-radius:var(--kk-radius);background:var(--kk-surface)}
.kk-quiz-setup fieldset{min-width:0}
.kk-quiz-types .kk-check{margin:.35rem 0}
.kk-quiz-types .kk-check span{min-width:0;overflow-wrap:anywhere}
.kk-quiz-types .kk-check input,.kk-quiz-setup .kk-check input{width:1.25rem;height:1.25rem;flex:0 0 auto;margin-top:.2rem}
.kk-quiz-types .kk-check{min-height:2.75rem;align-items:flex-start}
.kk-quiz-types .kk-badge{margin-left:.4rem;vertical-align:.1em}
.kk-quiz-all{margin:0;font-size:.9375rem}
.kk .kk-quiz-all .kk-link{min-height:2.75rem;display:inline-flex;align-items:center}
.kk-quiz-topic{margin-top:.5rem}
.kk-quiz-topic-title{margin:.5rem 0 0;font-weight:650;font-size:.9375rem}
.kk-quiz-minutes{display:grid;gap:.35rem;max-width:22rem;font-size:.9375rem}
.kk-quiz-notice-inline{display:flex;gap:.5rem;align-items:flex-start;margin:0;padding:.6rem .8rem;border-radius:.5rem;border-left:4px solid var(--kk-info-line);background:var(--kk-info-bg);font-size:.9375rem!important;font-weight:600}
.kk-quiz-notice-inline svg{width:1.15rem;height:1.15rem;margin-top:.2rem}
.kk-quiz-code{display:grid;gap:.4rem;max-width:32rem}
.kk-quiz-code label{font-weight:600;font-size:.9375rem;display:grid}
.kk-quiz-code input{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem}
.kk-quiz-facts{display:grid;gap:.25rem;margin:0}
.kk-quiz-facts div{display:flex;gap:.5rem;flex-wrap:wrap}
.kk-quiz-facts dt{font-weight:650}
.kk-quiz-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
.kk-quiz-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:0}
.kk-quiz-paused{margin:0}.kk-quiz-paused>div{display:grid;gap:.5rem}
.kk-quiz-card .kk-confirm{padding:.75rem;border:1px solid var(--kk-warn-line);border-radius:.5rem;background:var(--kk-warn-bg);color:var(--kk-warn-fg)}
.kk-quiz-history{min-width:0}
.kk-quiz-results{list-style:none!important;padding:0!important;margin:.5rem 0 1rem;display:grid;gap:.4rem}
.kk-quiz-results li{display:grid;gap:.1rem;padding:.5rem .75rem;border:1px solid var(--kk-border);border-radius:.5rem;min-width:0}
.kk-quiz-results small{color:var(--kk-muted);font-size:.8125rem;overflow-wrap:anywhere}
.kk-quiz-results a{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.9375rem;text-decoration:underline;text-underline-offset:3px;justify-self:start}
.kk-quiz-stats{margin:.5rem 0 1rem}
.kk-quiz-stats summary{cursor:pointer;font-weight:650;min-height:2.75rem;display:flex;align-items:center}
/* Futó teszt */
.kk-quiz-bar{display:flex;flex-wrap:wrap;gap:.35rem 1rem;align-items:center;position:sticky;top:var(--kk-bar-h);z-index:5;padding:.5rem .75rem;border:1px solid var(--kk-border);border-radius:.5rem;background:var(--kk-bg)}
.kk-quiz-bar p{margin:0;font-size:.9375rem}
.kk-quiz-bar progress{flex:1 1 6rem;min-width:5rem;height:.6rem;appearance:none;-webkit-appearance:none;border:0;border-radius:999px;background:var(--kk-track);overflow:hidden;color:var(--kk-primary)}
.kk-quiz-bar progress::-webkit-progress-bar{background:var(--kk-track);border-radius:999px}
.kk-quiz-bar progress::-webkit-progress-value{background:var(--kk-primary);border-radius:999px}
.kk-quiz-bar progress::-moz-progress-bar{background:var(--kk-primary);border-radius:999px}
.kk-quiz-timer{display:inline-flex;gap:.35rem;align-items:center;font-variant-numeric:tabular-nums;font-weight:650}
.kk-quiz-timer svg{width:1.1rem;height:1.1rem}
.kk-quiz-timer.low{color:var(--kk-bad-fg)!important}
.kk-quiz-timer-actions{margin:-.5rem 0 0;font-size:.9375rem}
.kk .kk-quiz-timer-actions .kk-link{min-height:2.75rem;display:inline-flex;align-items:center}
.kk-quiz-alert{margin:0;min-height:0;font-weight:650;color:var(--kk-bad-fg)!important;display:flex;gap:.4rem;align-items:center}
/* Üresen is az akadálymentességi fában marad (az élő régió csak így jelzi megbízhatóan az első figyelmeztetést): vizuálisan rejtve, a rács
   térközét sem foglalja (abszolút pozíció). */
.kk-quiz-alert:empty{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.kk-quiz-hint{margin:0;color:var(--kk-muted);font-size:.9375rem;font-weight:600}
.kk-quiz-alert svg{width:1.15rem;height:1.15rem}
.kk-quiz-card h2{font-size:1.125rem;line-height:1.45;margin:0;overflow-wrap:anywhere}
/* A kérdés és az eredmény címe programból kap fókuszt (képernyőolvasó), nem kezelőelem: keret nélkül. */
.kk-quiz h2[tabindex='-1']:focus{outline:none}
.kk-quiz-num{color:var(--kk-muted)}
.kk-quiz-choices{display:grid;gap:.5rem;margin:0;padding:0;border:0;min-width:0}
.kk-quiz-choice{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.25rem .6rem;align-items:center;min-height:3rem;padding:.5rem .75rem;border:1px solid var(--kk-border);border-radius:.5rem;background:var(--kk-bg);cursor:pointer;font-variant-numeric:tabular-nums}
.kk-quiz-choice input{width:1.25rem;height:1.25rem;margin:0;accent-color:var(--kk-primary)}
.kk-quiz-choice:has(input:focus-visible){outline:3px solid var(--kk-focus);outline-offset:2px}
.kk-quiz-choice:has(input:disabled){cursor:default}
.kk-quiz-choice.picked{border-color:var(--kk-primary);box-shadow:inset 0 0 0 1px var(--kk-primary)}
.kk-quiz-choice.ok{border-color:var(--kk-ok-fg);background:var(--kk-ok-bg);color:var(--kk-ok-fg)}
.kk-quiz-choice.bad{border-color:var(--kk-bad-fg);background:var(--kk-bad-bg);color:var(--kk-bad-fg)}
.kk-quiz-letter{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border:1px solid currentColor;border-radius:999px;font-size:.8125rem;font-weight:650}
.kk-quiz-text{min-width:0;overflow-wrap:anywhere;font-size:1.0625rem}
.kk-quiz-mark{grid-column:3;display:inline-flex;gap:.3rem;align-items:center;font-size:.8125rem;font-weight:650}
.kk-quiz-mark svg{width:1rem;height:1rem}
.kk-quiz-feedback{display:grid;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;border-left:5px solid var(--kk-ok-fg);background:var(--kk-bg);min-width:0}
.kk-quiz-feedback.bad{border-left-color:var(--kk-bad-fg)}
.kk-quiz-feedback p{margin:0;overflow-wrap:anywhere}
.kk-quiz-verdict{display:flex;gap:.4rem;align-items:flex-start;flex-wrap:wrap;font-weight:650}
.kk-quiz-feedback.ok .kk-quiz-verdict{color:var(--kk-ok-fg)!important}
.kk-quiz-feedback.bad .kk-quiz-verdict{color:var(--kk-bad-fg)!important}
.kk-quiz-verdict svg{width:1.2rem;height:1.2rem;margin-top:.2rem}
.kk-quiz-why{color:var(--kk-muted)!important;font-size:.9375rem!important}
.kk-quiz-feedback .kk-derivation{margin:.25rem 0;background:var(--kk-bg)}
.kk-quiz-links{display:flex;flex-wrap:wrap;gap:.25rem 1rem}
.kk-quiz-links a{display:inline-flex;gap:.35rem;align-items:center;min-height:2.75rem;color:var(--kk-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.kk-quiz-links a svg{width:1.1rem;height:1.1rem}
.kk-quiz-links .kk-report{color:var(--kk-muted);font-size:.875rem}
.kk-quiz-map ol{list-style:none!important;padding:0!important;margin:.5rem 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,1fr));gap:.35rem}
.kk-quiz-map ol button{width:100%;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.15rem;border:1px solid var(--kk-border);border-radius:.5rem;background:var(--kk-bg);font-weight:650;font-variant-numeric:tabular-nums;cursor:pointer}
.kk-quiz-map ol button.done{background:var(--kk-surface-2);border-color:var(--kk-primary)}
.kk-quiz-map ol button.flag{border-style:dashed;border-width:2px}
.kk-quiz-map ol button[aria-current]{outline:2px solid var(--kk-primary);outline-offset:1px}
.kk-quiz-map ol button svg{width:.85rem;height:.85rem}
.kk-quiz-map p{margin:0}
.kk-quiz-abort{margin:0}
.kk .kk-quiz-abort>.kk-link{min-height:2.75rem;display:inline-flex;align-items:center;color:var(--kk-muted)}
/* Eredmény */
.kk-quiz-result .kk-verdict{margin:0}
.kk-quiz-review{display:grid;gap:.6rem;padding-left:1.5rem}
.kk-quiz-review li{min-width:0;padding:.5rem .75rem;border:1px solid var(--kk-border);border-left-width:5px;border-radius:.5rem}
.kk-quiz-review li.ok{border-left-color:var(--kk-ok-fg)}
.kk-quiz-review li.bad{border-left-color:var(--kk-bad-fg)}
.kk-quiz-review p{margin:0;overflow-wrap:anywhere}
.kk-quiz-review-head{display:flex;gap:.4rem;align-items:flex-start}
.kk-quiz-review-head svg{width:1.1rem;height:1.1rem;margin-top:.3rem}
.kk-quiz-review li.ok .kk-quiz-review-head svg{color:var(--kk-ok-fg)}
.kk-quiz-review li.bad .kk-quiz-review-head svg{color:var(--kk-bad-fg)}
.kk-quiz-review-ans{font-size:.9375rem!important}
.kk-quiz-review details summary{cursor:pointer;min-height:2.75rem;display:flex;align-items:center;font-weight:600;font-size:.9375rem}
/* Statikus rész: mintafeladat, feladattípusok */
.kk-quiz-sample{margin:1rem 0;padding:1rem;border:1px solid var(--kk-border);border-radius:var(--kk-radius)}
.kk-quiz-sample h2{margin-top:0}
.kk-quiz-sample-stem{font-weight:600}
.kk ol.kk-quiz-sample-choices{list-style-type:upper-alpha}
.kk-quiz-sample details summary{cursor:pointer;min-height:2.75rem;display:flex;align-items:center;font-weight:650}
.kk-quiz-type{display:grid;gap:.15rem;height:100%;padding:.75rem;border:1px solid var(--kk-border);border-radius:.5rem;min-width:0}
.kk-quiz-type small{color:var(--kk-muted);font-size:.875rem}
.kk-quiz-type-links{display:flex;flex-wrap:wrap;gap:0 .9rem;font-size:.9375rem}
.kk-quiz-type-links a{display:inline-flex;gap:.3rem;align-items:center;min-height:2.75rem;color:var(--kk-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.kk-quiz-type-links a svg{width:1rem;height:1rem}
.kk-quiz-types-list h3{margin-top:1.25rem}
.kk-quiz-types-list .kk-related-grid{list-style:none;padding:0}
.kk-selftest{margin-top:1rem}
.kk-selftest p{margin:.5rem 0}
.kk-quiz-review summary::before,.kk-quiz-stats summary::before,.kk-quiz-sample summary::before{content:'▸';display:inline-block;width:1.1em}
.kk-quiz-review details[open]>summary::before,.kk-quiz-stats[open]>summary::before,.kk-quiz-sample details[open]>summary::before{content:'▾'}
@media(min-width:950px){.kk-quiz-host{scroll-margin-top:1rem}.kk-quiz-bar{top:0}}
@media print{.kk-quiz-code,.kk-quiz-history,.kk-quiz-abort,.kk-quiz-actions,.kk-quiz-timer-actions{display:none!important}.kk-quiz-bar{position:static}}

/* Érintési célok keskeny képernyőn legalább 44 px magasak (terv 2.9): listalinkek, belső tartalomjegyzék, morzsamenü, kategóriacímek. */
@media(max-width:949px){
 .kk-toc-inline a,.kk-cat-grid li a,.kk-category li>a{display:block;padding:.625rem 0}
 .kk-toc-inline ol{gap:0}
 .kk-crumbs a{display:inline-block;padding:.75rem 0}
 .kk-category h2 a,.kk-cat-grid h3 a{display:inline-block;padding:.625rem 0}
}
@media(min-width:700px){
 .kk-notes{grid-template-columns:1fr 1fr}
 .kk-shortcut-grid{grid-template-columns:1fr 1fr}
 .kk-cta{grid-template-columns:auto 1fr auto;align-items:center}
 .kk-cta .kk-button{grid-column:auto}
 .kk-cta-mobile{display:none}
}
@media(min-width:950px){
 .kk{padding-bottom:0}
 .kk h1{font-size:2.25rem}
 .kk-appbar,.kk-bottom-nav{display:none}
 .kk-desktop-head{display:block}
 .kk-page{display:grid;gap:2.5rem;padding:1.5rem 2.5rem 4rem;grid-template-columns:13rem minmax(0,1fr)}
 .kk-page-calc{grid-template-columns:13rem minmax(0,1fr)}
 .kk-page-single{grid-template-columns:minmax(0,1fr)}
 .kk-side{display:block;position:sticky;top:1rem;align-self:start;max-height:calc(100dvh - 2rem);overflow-y:auto}
 .kk-foot{padding:0 2.5rem}
 .kk-toast-region{bottom:1.5rem}
}
/* 951–1100 px: a kézikönyv fejlécében a három művelet (keresés, kedvencek, menü) miatt a „Mire használható?” link nem fér el; a főoldalon és a menüben elérhető. */
@media(min-width:950px) and (max-width:1100px){.kk .public-header nav>a:first-child{display:none}}
.kk .public-header nav a,.kk .public-header .public-button{white-space:nowrap}
@media(min-width:950px){.kk-page-article{grid-template-columns:13rem minmax(0,1fr)}}
@media(min-width:1240px){
 .kk-page-calc,.kk-page-article{grid-template-columns:13rem minmax(0,1fr) 12rem}
 .kk-toc{display:block;position:sticky;top:1rem;align-self:start;max-height:calc(100dvh - 2rem);overflow-y:auto}
 .kk-page-article .kk-toc-inline{display:none}
 .kk-toc-letters ul{grid-template-columns:repeat(4,1fr)}
 .kk-toc-letters li:nth-last-child(-n+3){grid-column:1/-1}
}
/* Bekötési ábrák (Sémák, ábramotor – components/kezikonyv/diagram): csak osztályok, a színek a tokenekből (ér-tokenek: --kk-wire-*).
   A fekete ér sötét témában fekete mag világos halóval; a zöld-sárga ér zöld alapon sárga csíkozással; a szín mellett minden éren felirat. */
.kk-dg{margin:1.5rem 0;max-width:46rem}
.kk-dg-frame{overflow-x:auto;border:1px solid var(--kk-border);border-radius:var(--kk-radius);background:var(--kk-bg);padding:.5rem}
/* Keskeny képernyőn (48rem alatt) a rajz nem kicsinyedik a min-width alá (a legkisebb felirat így is ≥ 10 px), a keret görget – a széles
   ábrákéhoz hasonló árnyék jelzi. Szélesebb képernyőn a hasábba illeszkedik (a legszélesebb, 4 × 107-es változatnál a felirat ≥ 9,4 px). */
.kk-dg-frame{background:linear-gradient(to right,var(--kk-bg) 30%,transparent) left/2.5rem 100% no-repeat local,linear-gradient(to left,var(--kk-bg) 30%,transparent) right/2.5rem 100% no-repeat local,radial-gradient(farthest-side at 0 50%,#0003,transparent) left/.75rem 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,#0003,transparent) right/.75rem 100% no-repeat scroll,var(--kk-bg)}
.kk-dg-frame:focus-visible{outline:3px solid var(--kk-focus);outline-offset:2px}
.kk-dg-svg{display:block;width:100%;height:auto;color:var(--kk-fg);font-family:inherit}
@media (min-width:48rem){.kk-dg-svg{min-width:0!important}}
.kk-dg-svg text{fill:var(--kk-fg);paint-order:stroke;stroke:var(--kk-bg);stroke-width:3px;stroke-linejoin:round}
.kk-dg-svg .kk-dg-t-term{fill:var(--kk-muted)}.kk-dg-svg .kk-dg-t-part{font-weight:650}.kk-dg-svg .kk-dg-t-place{fill:var(--kk-muted);font-style:italic}
.kk-dg-svg .kk-dg-t-wire{font-weight:700}.kk-dg-svg .kk-dg-t-note{fill:var(--kk-muted)}.kk-dg-svg .kk-dg-t-danger{fill:var(--kk-bad-fg)}.kk-dg-svg .kk-dg-t-muted{fill:var(--kk-muted);stroke:none}
.kk-dg-svg .kk-dg-t-touch{fill:var(--kk-bad-fg);font-weight:650}
.kk-dg-sym,.kk-dg-sym-thin,.kk-dg-sym-link,.kk-dg-sym-pe,.kk-dg-contact,.kk-dg-soil,.kk-dg-soil-hatch,.kk-dg-person,.kk-dg-fault,.kk-dg-touch,.kk-dg-touch-head{fill:none}
.kk-dg-sym{stroke:var(--kk-fg);stroke-width:1.3}.kk-dg-sym-thin{stroke:var(--kk-muted);stroke-width:1}.kk-dg-sym-link{stroke:var(--kk-muted);stroke-width:1.1;stroke-dasharray:3 2}
.kk-dg-sym-box,.kk-dg-sym-body,.kk-dg-sym-block{fill:var(--kk-surface);stroke:var(--kk-fg);stroke-width:1.2}.kk-dg-sym-body{stroke:var(--kk-muted)}
.kk-dg-sym-place{fill:none;stroke:var(--kk-muted);stroke-width:1.1;stroke-dasharray:6 3}.kk-dg-sym-housing{fill:var(--kk-surface);stroke:var(--kk-fg);stroke-width:1.2;stroke-dasharray:7 3}
.kk-dg-sym-bar{stroke:var(--kk-fg);stroke-width:4;stroke-linecap:round}.kk-dg-sym-dot{fill:var(--kk-fg)}.kk-dg-sym-pe{stroke:var(--kk-wire-pe);stroke-width:1.4}
.kk-dg-sym-load,.kk-dg-pipe{fill:var(--kk-surface-2);stroke:var(--kk-fg);stroke-width:1.2}
.kk-dg-contact{stroke:var(--kk-fg);stroke-width:1.9;stroke-linecap:round}.kk-dg-svg .is-off{display:none}
.kk-dg-lamp{fill:var(--kk-bg);stroke:var(--kk-fg);stroke-width:1.3}.kk-dg-lamp.is-on,.kk-dg-sym-load.is-on{fill:#ffd54a}.kk-dg-sym.is-on{stroke-width:2.6}
.kk-dg-fault{stroke:var(--kk-danger-line);stroke-width:1.4;stroke-dasharray:3 2}.kk-dg-fault.is-on{stroke-width:2.4;stroke-dasharray:none}
.kk-dg-person{stroke:var(--kk-fg);stroke-width:1.4}.kk-dg-person.is-on{stroke:var(--kk-danger-line);stroke-width:2.2}
.kk-dg-soil{stroke:var(--kk-muted);stroke-width:1.4}.kk-dg-soil-hatch{stroke:var(--kk-muted);stroke-width:.8}
.kk-dg-touch,.kk-dg-touch-head{stroke:var(--kk-danger-line);stroke-width:1.2}.kk-dg-touch{stroke-dasharray:4 3}
.kk-dg-w,.kk-dg-w-halo,.kk-dg-w-pes,.kk-dg-w-cap,.kk-dg-bridge,.kk-dg-w-gap{fill:none;stroke-linecap:round;stroke-linejoin:round}
.kk-dg-w-gap{stroke:var(--kk-bg);stroke-width:6;stroke-linecap:butt}
.kk-dg-w{stroke-width:2.4}.kk-dg-w-l1{stroke:var(--kk-wire-l1)}.kk-dg-w-l2{stroke:var(--kk-wire-l2-swatch)}.kk-dg-w-l3{stroke:var(--kk-wire-l3)}.kk-dg-w-n{stroke:var(--kk-wire-n)}.kk-dg-w-pe{stroke:var(--kk-wire-pe)}
.kk-dg-w-halo{stroke:var(--kk-bg);stroke-width:4.6}[data-theme=dark] .kk .kk-dg-w-halo{stroke:var(--kk-wire-l2)}
.kk-dg-w-pes{stroke:var(--kk-wire-pe-stripe);stroke-width:2.4;stroke-dasharray:5 5;stroke-linecap:butt}.kk-dg-w-cap{stroke:var(--kk-wire-n);stroke-width:3.4;stroke-linecap:butt}
.kk-dg-w-inner{stroke:var(--kk-muted);stroke-width:1;stroke-dasharray:2 2}.kk-dg-w-fault{stroke:var(--kk-danger-line);stroke-width:1.2;stroke-dasharray:4 3}.kk-dg-w-touch{stroke:var(--kk-muted);stroke-width:1.2;stroke-dasharray:3 3}
.kk-dg-bridge{stroke:var(--kk-fg);stroke-width:3.2}
.kk-dg-term{fill:var(--kk-bg);stroke:var(--kk-fg);stroke-width:1.2}.kk-dg-term-j,.kk-dg-dot{fill:var(--kk-fg);stroke:var(--kk-fg);stroke-width:1}
/* Működés nézet: feszültség alatti erek közepesen, az áramút erei vastagon; szakadt ér szaggatottan. A vastagság (nem csak a szín) jelöl. */
.kk-dg-w.is-live,.kk-dg-w-pes.is-live{stroke-width:3.4}.kk-dg-w-halo.is-live{stroke-width:5.6}
.kk-dg-w.is-cur,.kk-dg-w-pes.is-cur{stroke-width:4.6}.kk-dg-w-halo.is-cur{stroke-width:6.8}
.kk-dg-w.is-broken,.kk-dg-w-pes.is-broken{stroke-dasharray:2 5;opacity:.55}
.kk-dg-legend{display:flex;flex-wrap:wrap;gap:.25rem 1rem;margin:.5rem 0 0;padding:0;list-style:none;font-size:.875rem}
.kk-dg-legend li{display:flex;align-items:center;gap:.4rem;font-size:.875rem}
.kk-dg-sw{display:inline-block;width:1.6rem;height:.4rem;border-radius:.2rem;flex:none}
.kk-dg-sw.w-l1{background:var(--kk-wire-l1)}.kk-dg-sw.w-l2{background:var(--kk-wire-l2-swatch);outline:1px solid var(--kk-border)}.kk-dg-sw.w-l3{background:var(--kk-wire-l3)}.kk-dg-sw.w-n{background:var(--kk-wire-n)}
.kk-dg-sw.w-pe{background:repeating-linear-gradient(90deg,var(--kk-wire-pe) 0 .45rem,var(--kk-wire-pe-stripe) .45rem .9rem)}
.kk-dg-sw.w-inner,.kk-dg-sw.w-fault,.kk-dg-sw.w-touch{height:0;border-top:2px dashed var(--kk-muted)}.kk-dg-sw.w-fault{border-color:var(--kk-danger-line)}
.kk-dg-planner{margin:.5rem 0 0;color:var(--kk-muted);font-size:.875rem}
.kk-dg figcaption{margin:.5rem 0 0;font-size:.9375rem}.kk-dg figcaption small{display:block;color:var(--kk-muted);font-size:.8125rem}.kk-dg-no{font-weight:650}
.kk-dg-tabs{display:flex;flex-wrap:wrap;gap:.25rem;margin:0 0 .5rem}
.kk-dg-tabs button{min-height:2.75rem;padding:0 .9rem;border:1px solid var(--kk-border);border-radius:999px;background:var(--kk-bg);color:inherit;font:inherit;cursor:pointer}
.kk-dg-tabs button[aria-selected=true]{background:var(--kk-primary);border-color:var(--kk-primary);color:var(--kk-on-primary);font-weight:650}
.kk-dg-view-hidden{display:none}.kk-dg-view-title{display:none;margin:.75rem 0 .25rem;font-weight:650}
.kk-dg-run{margin:0 0 .75rem;padding:.75rem;border:1px solid var(--kk-border);border-radius:var(--kk-radius);background:var(--kk-surface)}
.kk-dg-switches{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem;padding:0;border:0;min-width:0}
.kk-dg-switches legend{width:100%;margin:0 0 .25rem;padding:0;font-size:.875rem;font-weight:650}
.kk-dg-switches button,.kk-dg-reset button{min-height:2.75rem;padding:.25rem .75rem;border:1px solid var(--kk-fg);border-radius:.5rem;background:var(--kk-bg);color:inherit;font:inherit;text-align:left;cursor:pointer;max-width:100%}
.kk-dg-switches button[aria-pressed=true]{background:var(--kk-fg);color:var(--kk-bg)}
.kk-dg-switches small{display:block;font-size:.8125rem;opacity:.85}
.kk-dg-reset{margin:0 0 .5rem}.kk-dg-reset button{border-color:var(--kk-border)}.kk-dg-reset button:disabled{opacity:.5;cursor:default}
.kk-dg-fixed{margin:0;font-size:.875rem}
.kk-dg-status{margin:.25rem 0 0}.kk-dg-status-title{margin:0;font-size:.875rem;color:var(--kk-muted)}.kk-dg-status ul{margin:0;padding-left:1.1rem;font-weight:600}
.kk-dg-truth{margin-top:.75rem}.kk-dg-truth-title{margin:0 0 .25rem;font-weight:650}.kk-dg-truth summary,.kk-dg-wires summary{min-height:2.75rem;display:flex;align-items:center;cursor:pointer;font-weight:650}
.kk-dg-truth tr.is-current td{background:var(--kk-info-bg);font-weight:650}
.kk-dg-wires{margin-top:.75rem}
.kk-dg-nojs{color:var(--kk-muted);font-size:.875rem}
html.js .kk-dg-nojs{display:none}html:not(.js) .kk-dg-tabs,html:not(.js) .kk-dg-run .kk-dg-switches,html:not(.js) .kk-dg-reset{display:none}
html:not(.js) .kk-dg-view-hidden{display:block}html:not(.js) .kk-dg-view-title{display:block}
.kk-sim{margin:0}.kk-sim>.kk-table-wrap{margin-bottom:.5rem}
/* Sémák gyűjtőoldal: kártyánként mini-ábra, „Röviden”, mélylink. */
.kk-semak-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr))}
.kk-semak-card{border:1px solid var(--kk-border);border-radius:var(--kk-radius);padding:.75rem;background:var(--kk-bg);min-width:0}
.kk-semak-card h3{margin:.5rem 0 .25rem}.kk-semak-card h3 a{text-decoration:underline;text-underline-offset:.15em}
.kk-semak-card p{margin:.25rem 0}.kk-semak-meta{font-size:.875rem}.kk-semak-meta a{text-decoration:underline}
.kk-semak-mini{border:1px solid var(--kk-border);border-radius:.5rem;padding:.25rem;background:var(--kk-bg);overflow:hidden}.kk-semak-mini .kk-dg-svg{min-width:0!important}
.kk-toc-inline-static ol{margin:.5rem 0 1rem}.kk-toc-inline-static a{display:inline-block;min-height:2.75rem;padding:.6rem 0}
@media(prefers-contrast:more){.kk-dg-w{stroke-width:3.2}.kk-dg-w-pes{stroke-width:3.2}.kk-dg-w-halo{stroke-width:5.4}.kk-dg-sym,.kk-dg-contact{stroke-width:1.9}.kk-dg-sym-place{stroke:var(--kk-fg)}}
@media print{.kk-dg{break-inside:avoid-page}.kk-dg-frame{overflow:visible;border:0;padding:0}.kk-dg-svg{min-width:0!important}.kk-dg-tabs,.kk-dg-switches,.kk-dg-reset,.kk-dg-nojs{display:none!important}.kk-dg-view-hidden,.kk-dg-view-title{display:block!important}.kk-dg-wires>div{overflow:visible}}
@media(prefers-reduced-motion:reduce){.kk *,.kk-layer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){.kk,.kk-layer{--kk-border:currentColor}.kk-figure-svg .fig-s,.kk-figure-svg .fig-p,.kk-figure-svg .fig-q{stroke-width:5}}
@media print{
 .kk,[data-theme=dark] .kk{--kk-bg:#fff;--kk-fg:#111;--kk-muted:#444;--kk-border:#999;--kk-surface:#fff;--kk-surface-2:#fff;--kk-primary:#1d5048;background:#fff!important;color:#111!important;padding:0}
 /* Sötét módból is világos papírra: az állapot- és értokenek is a világos értékükre állnak. */
 [data-theme=dark] .kk{color-scheme:light;--kk-ok-bg:#e7f4ec;--kk-ok-fg:#1d5c37;--kk-bad-bg:#fbe9e7;--kk-bad-fg:#9b2a1c;--kk-warn-bg:#fff7e8;--kk-warn-fg:#6d4c14;--kk-warn-line:#d49940;--kk-info-bg:#eef4f8;--kk-info-line:#7aa3bd;--kk-danger-bg:#fdeeee;--kk-danger-line:#c0392b;--kk-draft-bg:#fff4c2;--kk-draft-fg:#5d4a00;--kk-wire-l1:#8a4b22;--kk-wire-l2:#262626;--kk-wire-l3:#7c8790;--kk-wire-n:#2563b8;--kk-track:#e3eaee;--kk-wire-pe:#2e8b3e;--kk-wire-pe-stripe:#f2c200;--kk-wire-l1-swatch:#8a4b22;--kk-wire-l2-swatch:#1f1f1f;--kk-copper:#b87333;--kk-copper-end:#d69a63}
 .kk-appbar,.kk-bottom-nav,.kk-desktop-head,.kk-side,.kk-toc,.kk-actions,.kk-cta,.public-footer,.cookie-notice,.kk-toast-region,.kk-skip,.kk-reset,.kk-index-search,.kk-rows .kk-button,.kk-rows .kk-icon-btn{display:none!important}
 .kk-page{display:block;padding:0;max-width:none}
 .kk-main{max-width:none}
 .kk-print-only{display:block;font-size:10pt!important}
 .kk-calc-form{background:#fff;border-color:#999}
 .kk-input-row input,.kk-input-row select,.kk-select{border:0;padding:0;min-height:auto;appearance:none}
 .kk-derivation,.kk-assumptions,.kk-example,.kk-result{break-inside:avoid}
 .kk details{display:block}
 .kk-base-notice{display:flex!important}
 .kk-foot{padding:0}
 .kk-toc-inline,.kk-letters,.kk-prevnext,.kk-home-search,.kk-continue,.kk-changes{display:none!important}
 .kk-fig,.kk-example-box,.kk-rovid,.kk-callout,.kk-term,.kk-formula{break-inside:avoid}
 .kk-fig-frame{overflow:visible;border:0;padding:0}
 .kk-fig-wide .kk-fig-svg{min-width:0}
 .kk-prose a{text-decoration:none;color:inherit}
 /* Sötét módból „háttérgrafikákkal” nyomtatva se maradjon sötét a lap alja. */
 html,body{background:#fff!important;color:#111!important}
 .kk-fig-svg.kk-fig-only-wide{display:block!important}.kk-fig-svg.kk-fig-only-narrow{display:none!important}
}