/* ==========================================================================
   CryptoAcademia – egységes ábrastílus
   Minden tananyag-ábra (és dia-ábra: .sl-fig) SVG, amely ezeket az osztályokat használja, így minden ábra egyformán néz ki,
   és design-váltáskor (tokens.css) az ábrák is maguktól követik.
     .box       fehér doboz vastag fekete kerettel (mint a térkép kártyái)
     .box-head  fekete fejlécsáv;  .head-text  fehér felirat rajta
     .field     halvány mező (érték helye);  .label  kis szürke felirat;  .value  monospace érték
     .hl        kiemelőszínű érték/kitöltés;  .hl-field  kiemelőszínnel keretezett mező
     .tx        tranzakció-téglácska
     .link      összekötő nyíl (marker: .arrow-head)
     .bad…      hiba / manipuláció (piros)
   ========================================================================== */
:is(.figure-art, .w-art, .sl-fig) svg text { font-family: var(--font-sans); fill: var(--color-text); }
:is(.figure-art, .w-art, .sl-fig) .box { fill: var(--color-surface); stroke: var(--color-ink); stroke-width: 3; }
:is(.figure-art, .w-art, .sl-fig) .box-head { fill: var(--color-ink); }
:is(.figure-art, .w-art, .sl-fig) .head-text { fill: var(--color-text-inverse); font-size: 13px; font-weight: 800; letter-spacing: 0.08em; }
:is(.figure-art, .w-art, .sl-fig) .field { fill: var(--color-surface-sunken); stroke: var(--color-border); stroke-width: 1; }
:is(.figure-art, .w-art, .sl-fig) .hl-field { fill: var(--accent-faded); stroke: var(--accent); stroke-width: 2; }
:is(.figure-art, .w-art, .sl-fig) .label { fill: var(--color-text-muted); font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
:is(.figure-art, .w-art, .sl-fig) .value { font-family: var(--font-mono); font-size: 13px; fill: var(--color-text); }
:is(.figure-art, .w-art, .sl-fig) .hl { fill: var(--accent-link); font-weight: 700; }
:is(.figure-art, .w-art, .sl-fig) .tx { fill: var(--accent-faded-strong); stroke: var(--accent); stroke-width: 1.5; }
:is(.figure-art, .w-art, .sl-fig) .link { fill: none; stroke: var(--color-ink); stroke-width: 2.5; }
:is(.figure-art, .w-art, .sl-fig) .link-dashed { stroke-dasharray: 5 4; }
:is(.figure-art, .w-art, .sl-fig) .arrow-head { fill: var(--color-ink); }
:is(.figure-art, .w-art, .sl-fig) .note { font-size: 12px; fill: var(--color-text-muted); font-style: italic; }
:is(.figure-art, .w-art, .sl-fig) .bad-field { fill: var(--color-red-faded); stroke: var(--color-red); stroke-width: 2; }
:is(.figure-art, .w-art, .sl-fig) .bad-text { fill: var(--color-red); font-weight: 700; }
:is(.figure-art, .w-art, .sl-fig) .bad-link { fill: none; stroke: var(--color-red); stroke-width: 2.5; stroke-dasharray: 5 4; }
:is(.figure-art, .w-art, .sl-fig) .bad-mark { stroke: var(--color-red); stroke-width: 4; stroke-linecap: square; }
:is(.figure-art, .w-art, .sl-fig) .bad-tx { fill: var(--color-red-faded); stroke: var(--color-red); stroke-width: 2; }

/* ── Kiegészítő ábraosztályok (2026-10-25) ── */
:is(.figure-art, .w-art, .sl-fig) .ok-field { fill: var(--green-faded); stroke: var(--green); stroke-width: 2; }
:is(.figure-art, .w-art, .sl-fig) .ok-text { fill: var(--green); font-weight: 700; }
:is(.figure-art, .w-art, .sl-fig) .dim-box { fill: var(--color-surface-sunken); stroke: var(--color-border-strong); stroke-width: 2; }
:is(.figure-art, .w-art, .sl-fig) .ink { fill: var(--color-ink); }
:is(.figure-art, .w-art, .sl-fig) .hl-fill { fill: var(--accent); }
:is(.figure-art, .w-art, .sl-fig) .hl-stroke { fill: none; stroke: var(--accent); stroke-width: 3; }
:is(.figure-art, .w-art, .sl-fig) .on-hl { fill: var(--accent-text); font-weight: 800; }
:is(.figure-art, .w-art, .sl-fig) .small { font-size: 11px; }
:is(.figure-art, .w-art, .sl-fig) .big { font-size: 18px; font-weight: 800; }
:is(.figure-art, .w-art, .sl-fig) .title-text { font-size: 15px; font-weight: 800; }
:is(.figure-art, .w-art, .sl-fig) .center { text-anchor: middle; }
:is(.figure-art, .w-art, .sl-fig) .end { text-anchor: end; }
:is(.figure-art, .w-art, .sl-fig) .muted { fill: var(--color-text-muted); }
:is(.figure-art, .w-art, .sl-fig) .extra-fill { fill: var(--extra-faded); stroke: var(--extra-accent); stroke-width: 2; stroke-dasharray: 5 4; }

/* ── Dia-ábrák (2026-10-26, dia-mód): nagyobb betűméretek, mert a diát vetítve, távolról olvassák ──
   A dia-ábra viewBox-a kb. 920 × 420; ezekkel a méretekkel a szöveg vetítve is jól olvasható. */
.sl-fig .s-xl { font-size: 40px; font-weight: 800; }
.sl-fig .s-lg { font-size: 32px; font-weight: 800; }
.sl-fig .s-md { font-size: 26px; font-weight: 700; }
.sl-fig .s-sm { font-size: 21px; font-weight: 500; }
.sl-fig .s-head { fill: var(--color-text-inverse); font-size: 24px; font-weight: 800; letter-spacing: 0.08em; }
.sl-fig .s-mono { font-family: var(--font-mono); font-size: 22px; font-weight: 500; }
.sl-fig .link { stroke-width: 4; }
.sl-fig .link-dashed { stroke-dasharray: 8 6; }
.sl-fig .bad-link { stroke-width: 4; stroke-dasharray: 8 6; }