/* ── IKONSÆTTET — én fil (Blæk 2 ⑥, callblaek3 13-11-2026) ──────────────
   Planen (leverancer/LEVERANCE-FABELDESIGN-12-11.md §2): «ét sæt
   streg-ikoner, 24-gitter». Tegnene ▲ ✓ ▸ ✎ ◐ ○ ✕ i fladerne er taget ud
   og afløst af disse.

   BRUG:  <i class="ik ik-advarsel"></i> foran teksten. Ikonet er en MASKE
   der fyldes med tekstens egen farve (currentColor), så det arver
   advarsels-, god- og fejlfarven fra sin linje — ingen farve er skrevet
   her, og ingen ny farve kan drive fra paletten.
   I et ::before:  content:'';background:currentColor;
                   mask:var(--ik-pil) center/contain no-repeat

   🔴 IKONET BÆRER ALDRIG BETYDNINGEN ALENE. Ordene ved siden af siger den
   altid («svartypen står altid også som ord»). Elementet er tomt, så en
   skærmlæser springer det over; det er pynt for øjet, ikke tekst.

   ⚠️ data:-adresserne kræver `img-src data:` i CSP'en (web/csp.py har den
   til CSS'ens pile). Stregen er 2 på 24-gitteret: ved 1 em (13–15 px) er
   planens 1,6 under én skærmpixel og bliver grå. */
:root{
  --ik-advarsel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 4.2 2.6 17.5a2 2 0 0 0 1.7 3h15.4a2 2 0 0 0 1.7-3L13.7 4.2a2 2 0 0 0-3.4 0Z'/%3E%3Cpath d='M12 9.5v4.2M12 17.1h.01'/%3E%3C/svg%3E"); /* noget kræver et blik (afløser ▲) */
  --ik-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E"); /* det er målt og i orden (afløser ✓) */
  --ik-kryds:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 6.5l11 11M17.5 6.5l-11 11'/%3E%3C/svg%3E"); /* nej, eller fejlet (afløser ✕) */
  --ik-pil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.5 5.5 16 12l-6.5 6.5'/%3E%3C/svg%3E"); /* fold ud, gå videre (afløser ▸) */
  --ik-blyant:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4.2L19.3 8.9a2.1 2.1 0 0 0 0-3l-1.2-1.2a2.1 2.1 0 0 0-3 0L4 15.8V20Z'/%3E%3Cpath d='M13.5 6.5l4 4'/%3E%3C/svg%3E"); /* sendt til underskrift (afløser ✎) */
  --ik-halv:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 4a8 8 0 0 1 0 16Z' fill='black'/%3E%3C/svg%3E"); /* halvvejs (afløser ◐) */
  --ik-tom:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3C/svg%3E"); /* ikke sat op (afløser ○) */
  --ik-soeg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m20 20-4.4-4.4'/%3E%3C/svg%3E"); /* søg */
  --ik-telefon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3.5l1.8 4.5-2.3 1.4a11 11 0 0 0 6.1 6.1l1.4-2.3L20 15.5V19a1.5 1.5 0 0 1-1.6 1.5A16 16 0 0 1 3.5 5.6 1.5 1.5 0 0 1 5 4Z'/%3E%3C/svg%3E"); /* opkald */
  --ik-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 11v5.5M12 7.8h.01'/%3E%3C/svg%3E"); /* forklaring */
}
.ik{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.18em;
  margin-right:.3em;flex:none;background-color:currentColor;
  -webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat}
.ik-advarsel{--ik:var(--ik-advarsel)}
.ik-ok{--ik:var(--ik-ok)}
.ik-kryds{--ik:var(--ik-kryds)}
.ik-pil{--ik:var(--ik-pil)}
.ik-blyant{--ik:var(--ik-blyant)}
.ik-halv{--ik:var(--ik-halv)}
.ik-tom{--ik:var(--ik-tom)}
.ik-soeg{--ik:var(--ik-soeg)}
.ik-telefon{--ik:var(--ik-telefon)}
.ik-info{--ik:var(--ik-info)}
/* Tvungne farver (Windows' høj kontrast): masken skal fyldes med
   systemets tekstfarve, ellers forsvinder ikonet sammen med baggrundene. */
@media (forced-colors:active){.ik{forced-color-adjust:none;background-color:CanvasText}}