/* Hjernet – ordblindevenlig visning (aktiv når indstillingen er slået til) */
/* =====================================================
   ORDBLINDE-VERSION – læsevenlig tekst (British Dyslexia Association m.fl.)
   Afstand frem for særlige skrifttyper · 1,5 linjeafstand · ingen kursiv/understregning/versaler
   ===================================================== */
html[data-a11y~="ordblind"] { --font: Verdana, Tahoma, "Segoe UI", Arial, sans-serif; }
html[data-a11y~="ordblind"]:not([data-theme="dark"]) { --page: #F7F3EA; --card: #FFFDF8; --soft: #F8F4EA; }
html[data-a11y~="ordblind"], html[data-a11y~="ordblind"] body, html[data-a11y~="ordblind"] button, html[data-a11y~="ordblind"] input, html[data-a11y~="ordblind"] textarea, html[data-a11y~="ordblind"] select { font-family: var(--font) !important; }
html[data-a11y~="ordblind"] body { line-height: 1.6 !important; letter-spacing: .03em; word-spacing: .14em; }
html[data-a11y~="ordblind"] p, html[data-a11y~="ordblind"] li, html[data-a11y~="ordblind"] .lead, html[data-a11y~="ordblind"] small, html[data-a11y~="ordblind"] label { line-height: 1.65; max-width: 68ch; }
html[data-a11y~="ordblind"] * { font-style: normal !important; }
html[data-a11y~="ordblind"] ::placeholder { font-style: normal !important; }
html[data-a11y~="ordblind"] main p, html[data-a11y~="ordblind"] main li, html[data-a11y~="ordblind"] main .lead, html[data-a11y~="ordblind"] .method p, html[data-a11y~="ordblind"] .m-steps li { text-align: left; }
/* Ingen understregning til fremhævning – kun links (WCAG kræver at links kan skelnes) */
html[data-a11y~="ordblind"] u, html[data-a11y~="ordblind"] ins, html[data-a11y~="ordblind"] .underline { text-decoration: none !important; font-weight: 700; }
html[data-a11y~="ordblind"] a:not(.btn):not(.tile):not(.mission):not(.sact):not(.petbar):not(.pal):not(.brand) { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
/* VERSALER → fed */
html[data-a11y~="ordblind"] .caps { font-weight: 700; text-transform: none; }
html[data-a11y~="ordblind"] h1, html[data-a11y~="ordblind"] h2, html[data-a11y~="ordblind"] h3, html[data-a11y~="ordblind"] .btn, html[data-a11y~="ordblind"] .chip { text-transform: none !important; letter-spacing: .01em; }
html[data-a11y~="ordblind"] .muted, html[data-a11y~="ordblind"] .hint, html[data-a11y~="ordblind"] small { font-weight: 600; }
/* Mærkat i headeren */
html[data-a11y~="ordblind"] .ob-tag { font-size: .7rem; font-weight: 700; background: var(--blue-soft); color: var(--navy); border: 1px solid var(--blue-line); border-radius: 999px; padding: 2px 8px; margin-left: 6px; vertical-align: middle; letter-spacing: .02em; white-space: nowrap; }
@media (max-width: 480px) { html[data-a11y~="ordblind"] .ob-tag { display: none; } }

/* Tale-til-tekst ved svarfelter */
html[data-a11y~="ordblind"] .mic-wrap { position: relative; display: block; width: 100%; }
html[data-a11y~="ordblind"] .mic-wrap > input { width: 100%; padding-right: 3.4rem !important; box-sizing: border-box; }
html[data-a11y~="ordblind"] .mic-btn { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 2.6rem; height: 2.6rem; border-radius: 50%; border: 1px solid var(--line); background: var(--blue-soft); color: var(--navy); cursor: pointer; display: grid; place-items: center; }
html[data-a11y~="ordblind"] .mic-btn .ic { width: 1.25rem; height: 1.25rem; color: var(--navy); }
html[data-a11y~="ordblind"] .mic-btn:hover { border-color: var(--blue); }
html[data-a11y~="ordblind"] .mic-btn.on { background: #C94848; border-color: #C94848; }
html[data-a11y~="ordblind"] .mic-btn.on .ic { color: #fff; }
/* Valgmuligheder */
html[data-a11y~="ordblind"] .choice-open { margin-top: 10px; }
html[data-a11y~="ordblind"] .choices { margin: 14px 0 6px; }
html[data-a11y~="ordblind"] .choices-h { font-weight: 700; margin: 0 0 8px; }
html[data-a11y~="ordblind"] .choice-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 12rem), 1fr)); gap: 10px; }
html[data-a11y~="ordblind"] .btn.choice { font-size: 1.1rem; padding: 14px 16px; text-align: left; justify-content: flex-start; min-height: 3.2rem; }
html[data-a11y~="ordblind"] .mic-wrap { min-width: 0; max-width: 100%; box-sizing: border-box; }
html[data-a11y~="ordblind"] .mic-wrap > input { max-width: 100%; min-width: 0; margin: 0; }
html[data-a11y~="ordblind"] .stop .mic-wrap, html[data-a11y~="ordblind"] .grid2 .mic-wrap, html[data-a11y~="ordblind"] .two .mic-wrap { width: auto; }
@media (max-width: 420px) { html[data-a11y~="ordblind"] .btn, html[data-a11y~="ordblind"] .btn .nobr { overflow-wrap: anywhere; hyphens: auto; } html[data-a11y~="ordblind"] .method .btn { max-width: 100%; } }
html[data-a11y~="ordblind"] .choices .muted.small { margin-top: 10px; }