/* ============================================================
   ux.css · v228 · AI-kørekort · Kontor & Administration
   Indlæses SIDST og retter fire ting:
   1) Tekststørrelser (styles.css var bygget til fast slidehøjde
      og komprimerede alt ned til 9,5–14 px på desktop)
   2) Kontrast (mørk tekst på mørk baggrund i ca. 70 regler)
   3) Tydelige klik-/valgtilstande
   4) Popup-lag (progressive disclosure) + kapiteloversigt
   Rettelserne ligger her, så styles.css fortsat matcher masteren.
   ============================================================ */

:root{
  --ux-panel:#ffffff;
  --ux-panel-2:#f3f7fc;
  --ux-panel-3:#e8f1fb;
  --ux-text:#16233d;
  --ux-muted:#55627c;
  --ux-line:#dde5ef;
  --ux-cyan:#1a5fb4;
  --ux-purple:#5647c4;
  --ux-mint:#0f7a5f;
  --ux-amber:#b0640a;
  --ux-red:#b3261e;
  --ux-focus:#0e7a86;
}

/* ============================================================
   1 · TYPOGRAFI — fjern desktop-komprimeringen
   ============================================================ */

body{font-size:17px!important;line-height:1.7!important}

.slide p,.slide-body p,.scenario-pane p,.callout,.callout p{
  font-size:17px!important;line-height:1.68!important}
.slide .lead,.lead{font-size:20px!important;line-height:1.55!important}
.slide h3,h3{font-size:21px!important;line-height:1.38!important;margin-bottom:8px!important}
.slide h2{margin-bottom:22px!important}
.eyebrow,.kicker{font-size:13px!important;letter-spacing:.12em!important;margin-bottom:12px!important}
.small,.media-controls .small,p.small,span.small{font-size:15px!important;line-height:1.55!important}
.badge{font-size:12.5px!important;padding:7px 12px!important}
.btn{font-size:15.5px!important;padding:13px 24px!important;min-height:46px}
.btn.big{font-size:17px!important;padding:15px 28px!important}
.chip-hint{font-size:12.5px!important;letter-spacing:.08em!important}
.module-title{font-size:14px!important}
.nav-hint,.nav-hint span,.nav-hint a{font-size:14.5px!important}
.chapter-btn{font-size:14px!important;padding:10px 16px!important;min-height:44px!important}
.chapter-btn span{font-size:13px!important}
.section-label{font-size:12px!important;letter-spacing:1.4px!important}
.section-state{font-size:13.5px!important}
.progress-mini{font-size:14px!important}
.feedback-inline{font-size:16px!important;line-height:1.6!important;padding:16px 18px!important}
.feedback-inline strong{font-size:16.5px!important}

/* Komponenttekst: intet under 13 px */
.choice{font-size:16.5px!important;padding:16px 18px 16px 20px!important;min-height:0!important}
.choice strong{font-size:16.5px!important}
.decision-card strong{font-size:16.5px!important}
.decision-card small{font-size:14.5px!important;line-height:1.5!important}
.decision-card{min-height:0!important;padding:18px 18px 18px 52px!important}
.stop-check-card h3{font-size:18px!important}
.stop-check-card p{font-size:15px!important;line-height:1.55!important}
.learning-action-card h3{font-size:20px!important}
.learning-action-card p,.law-visual-card p{font-size:15.5px!important;line-height:1.55!important}
.learning-action-card,.law-visual-card{padding:18px!important;gap:18px!important}
.consequence-strip b{font-size:16.5px!important}
.consequence-strip span{font-size:15px!important;line-height:1.55!important}
.consequence-strip>div{padding:18px!important}
.penalty-copy h3{font-size:22px!important}
.penalty-copy p{font-size:16px!important;line-height:1.6!important}
.penalty-ring span{font-size:22px!important}
.article50-head h3{font-size:24px!important}
.article50-grid span,.article50-note{font-size:15.5px!important;line-height:1.6!important}
.round-tool{min-height:0!important;padding:16px 14px!important;gap:10px!important}
.round-tool .tool-title,.tool-title{font-size:15px!important;line-height:1.3!important}
.tool-graphic{min-height:86px!important;padding:10px!important}
.tool-graphic svg{max-height:74px!important;height:74px!important}
.edit-card,.internal-task{padding:14px!important;grid-template-rows:auto auto!important}
.edit-card strong,.internal-task strong{font-size:15px!important;line-height:1.3!important}
.edit-art svg,.internal-art svg{height:84px!important}
.media-token{width:auto!important;min-height:0!important;padding:14px!important;gap:8px!important;border-radius:20px!important}
.media-token strong{font-size:15.5px!important;line-height:1.25!important}
.media-token small{font-size:13.5px!important;line-height:1.4!important}
.media-token .media-art{min-height:76px!important;border-radius:14px!important}
.media-token .media-art svg{height:74px!important}
.media-pool{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:12px!important}
.media-zone>span{width:40px!important;height:40px!important;font-size:13px!important}
.media-zone>strong{font-size:15.5px!important}
.media-zone>small{font-size:13.5px!important;line-height:1.45!important}
.media-zones{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:14px!important}
.media-zone .media-token{max-width:none!important}
.media-zone .media-token small{display:block!important}
.work-task strong{font-size:14px!important;line-height:1.25!important}
.workspace-v2 .work-task{width:132px!important;min-height:118px!important;padding:10px!important}
.issue-choice{padding:13px!important;border-radius:14px!important;grid-template-columns:34px minmax(0,1fr)!important;column-gap:12px!important}
.issue-choice>span{width:30px!important;height:30px!important;font-size:14px!important}
.issue-choice strong{font-size:15.5px!important;line-height:1.3!important}
.issue-choice small{font-size:13.5px!important;line-height:1.4!important}
.remedy-chip.remedy-card{grid-template-columns:52px 1fr!important;gap:12px!important;padding:12px!important;border-radius:16px!important}
.remedy-text{font-size:14.5px!important;line-height:1.4!important}
.remedy-art svg{max-height:42px!important}
.remedy-cloud.remedy-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:10px!important}
.five-check-reminder span{font-size:13.5px!important;padding:9px 14px!important;min-height:0!important}
.word-chip{font-size:15.5px!important;padding:12px 16px!important}
.sentence-target{min-height:88px!important;padding:16px!important}
.sentence-preview{font-size:17px!important;line-height:1.6!important}
.label-chip.choice-row{font-size:15px!important;line-height:1.45!important;padding:15px 16px 15px 50px!important}
.caption-option{font-size:15.5px!important;line-height:1.45!important;padding:15px!important}
.drag-card{font-size:15px!important;padding:14px 16px!important}
.quiz-review-item span{font-size:15.5px!important;line-height:1.55!important}
.quiz-meta{font-size:15px!important}
.word-copilot-panel{padding:22px!important;grid-template-columns:64px minmax(0,1fr)!important;gap:18px!important;border-radius:22px!important}
.word-copilot-panel p{font-size:16px!important;line-height:1.6!important;margin:10px 0!important}
.word-icon{width:56px!important;height:56px!important;font-size:26px!important;border-radius:14px!important}
.mini-note,.scene-note,.scene-caption{font-size:14px!important;line-height:1.45!important;padding:11px 14px!important}
.meta-chip{font-size:13px!important}
.sku-meta span{font-size:14.5px!important}
.equality-pill{font-size:14px!important}
.choice-prompt strong,.drop-prompt strong{font-size:16px!important}
.choice-prompt small,.drop-prompt small{font-size:14px!important}
.choice-prompt-num,.drop-prompt-arrow{width:36px!important;height:36px!important;font-size:18px!important}
.decision-ribbon span{font-size:14.5px!important}
.editor-paper,.editor-paper p{font-size:16.5px!important;line-height:1.65!important}
.field-row,.field{font-size:15px!important}
.bubble{font-size:16px!important;line-height:1.55!important}
.social-copy{font-size:15.5px!important}
.toast{font-size:16px!important;padding:14px 20px!important}
.callout{padding:18px 20px!important;margin:20px 0!important}
.scenario-pane{padding:22px!important}
.certificate{padding:34px!important}

/* Luft igen mellem elementerne — komprimeringen klemte alt sammen */
.learning-actions,.law-visual-grid{gap:16px!important}
.stop-check-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:14px!important}
.tool-orbit{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))!important;gap:14px!important}
.edit-tools,.edit-tools-v2,.internal-task-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:14px!important}
.penalty-stage{gap:18px!important}
.penalty-meter{padding:22px!important;gap:24px!important}

/* ============================================================
   2 · KONTRAST — mørk tekst på mørk flade rettes til lys tekst
   ============================================================ */

.small,.stop-check-card p,.law-visual-card p,.learning-action-card p,
.consequence-strip span,.penalty-copy p,.article50-grid span,
.decision-card small,.media-token small,.issue-choice small,
.chip-hint,.quiz-review-item span,.section-gate p{color:var(--ux-muted)!important}

.feedback-inline.good{background:#e4f6ef!important;color:#0b4f3c!important;border:1px solid #5bbfa2!important}
.feedback-inline.bad{background:#fbe8e7!important;color:#8a231c!important;border:1px solid #e0a6a1!important}
.feedback-inline.info{background:#e8f1fb!important;color:#14487f!important;border:1px solid #b6d0ee!important}

.badge{background:#e8f1fb!important;color:#14487f!important}
.badge.mint{background:#e4f6ef!important;color:#0b5b46!important}
.badge.orange{background:#fdf1e0!important;color:#8a5200!important}
.semantic-blue,.decision-icon.blue,.pack-modal-badge.kind-blue,.pack-legend .lg-edit,.meta-chip{
  background:#e8f1fb!important;color:#14487f!important}
.semantic-amber,.decision-icon.amber,.pack-modal-badge.kind-amber,.pack-legend .lg-review,.equality-pill,.z-3d>span{
  background:#fdf1e0!important;color:#8a5200!important}
.semantic-red,.decision-icon.red,.pack-modal-badge.kind-red,.pack-legend .lg-required,.pack-legend .lg-stop{
  background:#fbe8e7!important;color:#8a231c!important}
.pack-legend .lg-context{background:#eceafb!important;color:#41339e!important}
.meta-chip.green,.mini-note.green,.scene-note{background:#e4f6ef!important;color:#0b5b46!important}
.mini-note.amber{background:#fdf1e0!important;color:#8a5200!important}
.mini-note.red{background:#fbe8e7!important;color:#8a231c!important}
.morph-arrow{background:#e8f1fb!important;color:#14487f!important}
.round-tool.kind-edit span,.round-tool.kind-edit .tool-title{color:#14487f!important}
.round-tool.kind-review span,.round-tool.kind-review .tool-title{color:#8a5200!important}
.round-tool.kind-required span,.round-tool.kind-required .tool-title,
.round-tool.kind-stop span{color:#8a231c!important}
.round-tool.kind-context span{color:#41339e!important}
.decision-card strong,.media-token strong,.edit-card strong,.internal-task strong,
.work-task strong,.issue-choice strong,.article50-grid b{color:var(--ux-text)!important}

.label-chip.selected{background:#0b3566!important;color:#ffffff!important;border-color:#0b3566!important}
.label-example{background:#e8f1fb!important;color:#14487f!important}
.issue-marker{background:#fdf1e0!important;color:#8a5200!important}
.issue-choice.fixed>span{background:#0f7a5f!important;color:#ffffff!important}
.issue-choice>span{background:#fbe8e7!important;color:#8a231c!important}
.disclosure-node{background:#f3f7fc!important;border-color:#c9d7e8!important;color:var(--ux-text)!important}
.disclosure-node span{color:#14487f!important}
.disclosure-node.selected{background:#0b3566!important;border-color:#0b3566!important;color:#fff!important}
.disclosure-node.selected span{color:#fff!important}
.decision-ribbon b{background:#1a5fb4!important;color:#fff!important}
.word-icon{background:linear-gradient(135deg,#1a5fb4,#1478a8)!important;color:#fff!important}
.choice-prompt-num,.drop-prompt-arrow{color:#ffffff!important}
.clip{color:#ffffff!important}
.ceo-head{color:#3a2214!important}
.topbar-menu-btn{background:rgba(255,255,255,.16)!important;color:#e7eaff!important;border:1px solid rgba(255,255,255,.45)!important}
.selection-actions{background:rgba(11,41,78,.97)!important;color:var(--ux-text)!important;border:1px solid #dbe3ee!important}
.selection-buttons button{background:rgba(255,255,255,.14)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,.4)!important;font-size:15px!important;padding:11px 14px!important}
.selection-buttons button:hover{background:rgba(255,255,255,.26)!important}
.toast{background:#0b3566!important;color:#ffffff!important;border:1px solid #0b3566!important}
.sentence-preview{background:#f3f7fc!important;color:#16233d!important;border:1px solid #c9d7e8!important}
.chat-head,.scenario-pane.dark{background:linear-gradient(140deg,#0b3566,#0a5f84)!important;color:#ffffff!important}
.scenario-pane.dark h3,.scenario-pane.dark p{color:#ffffff!important}
.bubble.user{background:#1a5fb4!important;color:#fff!important}
.bubble.bot{background:#eef3f9!important;color:#16233d!important}
.campaign-hero,.newsletter-banner,.monitor-frame{color:#ffffff!important}
.campaign-hero h3,.campaign-hero p,.newsletter-banner h3{color:#ffffff!important}
.btn.success{background:linear-gradient(135deg,#0f7a5f,#0b6149)!important;color:#fff!important}
.btn.danger{background:#b3261e!important;color:#fff!important}
.avatar,.chapter-btn.done .num{color:#ffffff!important}
.drop-zone,.sentence-target{background:#f7fafd!important}
.editor-paper{background:#ffffff!important;color:#16233d!important}
.editor-paper *{color:#16233d!important}
.nl-fragment{border-radius:6px;padding:1px 2px}

/* ============================================================
   3 · KLIK- OG VALGTILSTANDE — det skal kunne ses
   ============================================================ */

.learning-section button,.learning-section [role="button"]{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
.learning-section button:not(:disabled):hover,.learning-section [role="button"]:hover{
  border-color:var(--ux-cyan)!important}
.learning-section button:not(:disabled):active,.learning-section [role="button"]:active{transform:scale(.985)}
.learning-section button:focus-visible,.learning-section [role="button"]:focus-visible,
.ux-card:focus-visible,.stk-card:focus-visible{
  outline:3px solid var(--ux-focus)!important;outline-offset:3px!important}

/* Valgt (radio-lignende valg) */
.choice.selected,.caption-option.selected,.decision-card.selected,
.label-chip.choice-row.selected,.issue-choice.selected,.work-task.selected{
  border:2px solid var(--ux-cyan)!important;
  background:#e8f1fb!important;
  box-shadow:0 0 0 4px rgba(26,95,180,.18),0 10px 26px rgba(16,42,77,.10)!important}
.choice.selected:before{background:var(--ux-cyan)!important}

/* Valgt-mærke */
.choice,.caption-option,.decision-card,.label-chip.choice-row,
.round-tool,.edit-card,.internal-task,.media-token,.issue-choice{position:relative!important;overflow:visible!important}
.choice.selected::after,.caption-option.selected::after,
.label-chip.choice-row.selected::after,.work-task.selected::after{
  content:'✓ VALGT';position:absolute;top:-11px;right:12px;z-index:6;
  background:var(--ux-cyan);color:#ffffff;font-size:11px;font-weight:900;
  letter-spacing:.06em;padding:4px 9px;border-radius:999px;box-shadow:0 4px 12px rgba(16,42,77,.14)}
.decision-card.selected::after{content:'✓ DIT VALG';position:absolute;top:-11px;right:12px;z-index:6;
  background:var(--ux-cyan);color:#ffffff;font-size:11px;font-weight:900;
  letter-spacing:.06em;padding:4px 9px;border-radius:999px;box-shadow:0 4px 12px rgba(16,42,77,.14)}

/* Rigtigt / forkert */
.choice.correct,.media-token.good{
  border:2px solid var(--ux-mint)!important;background:#e4f6ef!important;
  box-shadow:0 0 0 4px rgba(15,122,95,.16)!important}
.choice.wrong,.media-token.wrong{
  border:2px solid var(--ux-red)!important;background:#fbe8e7!important;
  box-shadow:0 0 0 4px rgba(179,38,30,.14)!important}
.choice.correct::after,.media-token.good::after{
  content:'✓ RIGTIG';position:absolute;top:-11px;right:12px;z-index:6;
  background:var(--ux-mint);color:#ffffff;font-size:11px;font-weight:900;padding:4px 9px;border-radius:999px}
.choice.wrong::after,.media-token.wrong::after{
  content:'× PRØV IGEN';position:absolute;top:-11px;right:12px;z-index:6;
  background:var(--ux-red);color:#ffffff;font-size:11px;font-weight:900;padding:4px 9px;border-radius:999px}
.media-token.tap-selected{border:2px dashed var(--ux-cyan)!important;box-shadow:0 0 0 5px rgba(26,95,180,.18)!important}

/* Åbnet / gennemgået */
.round-tool.seen,.edit-card.seen,.internal-task.seen{
  border:2px solid var(--ux-mint)!important;
  background:#eaf8f2!important;
  box-shadow:0 0 0 4px rgba(15,122,95,.14),0 10px 24px rgba(16,42,77,.10)!important}
.round-tool.seen::after,.edit-card.seen::after,.internal-task.seen::after{
  content:'✓ ÅBNET'!important;top:-11px!important;right:10px!important;
  background:var(--ux-mint)!important;color:#ffffff!important;
  font-size:11px!important;padding:4px 9px!important;letter-spacing:.06em!important}
.round-tool.seen .tool-title,.edit-card.seen strong,.internal-task.seen strong{color:#0b5b46!important}
.round-tool.seen .tool-graphic,.edit-card.seen .edit-art,.internal-task.seen .internal-art{opacity:1!important;filter:none!important}
.nl-fragment.checked{background:#d6f6ea!important;box-shadow:inset 0 0 0 2px #1f8a70!important;color:#0b2b25!important}
.nl-fragment.selection-focus{background:#fff3c4!important;box-shadow:inset 0 0 0 2px #d8a72a!important}
.issue-choice.fixed{border:2px solid var(--ux-mint)!important;background:#eaf8f2!important}

/* Ikonfliser — ikonet skal fylde fliserne ud */
.icon-tile{width:46px!important;height:46px!important;border-radius:14px!important;
  display:inline-grid!important;place-items:center!important;
  background:linear-gradient(140deg,#e8f1fb,#e4f2f4)!important;
  box-shadow:inset 0 0 0 1px rgba(16,42,77,.16)!important;flex:none}
.icon-tile>.icon{width:26px!important;height:26px!important;color:#1a5fb4!important}
.icon-tile.cyan{background:linear-gradient(140deg,#e0f2f4,#e4f2f4)!important}
.icon-tile.cyan>.icon{color:#0e7a86!important}
.icon-tile.pink{background:linear-gradient(140deg,#efe9fb,#e8f1fb)!important}
.icon-tile.pink>.icon{color:#5647c4!important}
/* Afsnitsmærket: ikonet stod som et lille symbol i en kasse – kassen fjernes */
.section-label .icon-tile{width:auto!important;height:auto!important;background:none!important;
  box-shadow:none!important;border-radius:0!important}
.section-label .icon-tile>.icon{width:32px!important;height:32px!important;color:#5647c4!important}
.section-label .icon-tile.cyan>.icon{color:#0e7a86!important}
.section-label .icon-tile.pink>.icon{color:#5647c4!important}


/* Faste cirkler/flader der skal have plads til den større tekst */
.disclosure-node{width:132px!important;height:132px!important;padding:14px!important}
.disclosure-node span{font-size:23px!important}
.disclosure-node small{font-size:13.5px!important;line-height:1.25!important}
.media-zone>span{width:44px!important;height:44px!important;font-size:12.5px!important;letter-spacing:.02em}
.score-ring span{font-size:30px!important}
.bot-face{width:42px!important;height:42px!important;font-size:15px!important;background:#0b3566!important;color:#ffffff!important}
.decision-icon{width:42px!important;height:42px!important;font-size:20px!important}
.penalty-ring span{line-height:1.15!important}
.penalty-ring span small{font-size:13px!important}
.progress-mini{min-width:150px!important}

/* ============================================================
   4 · POPUP-LAG (progressive disclosure)
   ============================================================ */

.ux-card{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;
  position:relative;border:1px solid var(--ux-line);background:var(--ux-panel)}
.ux-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(16,42,77,.10)}
.ux-open{display:inline-flex;align-items:center;gap:7px;margin-top:10px;
  font-size:13.5px;font-weight:800;letter-spacing:.04em;color:#14487f}
.ux-open:before{content:'＋';font-size:15px;line-height:1}
.ux-card.ux-read .ux-open{color:#0b5b46}
.ux-card.ux-read .ux-open:before{content:'✓'}
.ux-card.ux-read{border-color:#5bbfa2!important;box-shadow:inset 3px 0 0 var(--ux-mint)}
.ux-body[hidden]{display:none}

/* Artikel 50 · stk.-kort med kun overskrift */
.stk-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;
  gap:1px!important;background:var(--ux-line)!important}
.stk-card{background:var(--ux-panel);border:0;border-radius:0;padding:20px 18px;
  display:grid;gap:8px;align-content:start;text-align:left;cursor:pointer;font:inherit;color:inherit}
.stk-card:hover{background:var(--ux-panel-2)}
.stk-num{font-size:12.5px;font-weight:900;letter-spacing:.1em;color:#14487f;text-transform:uppercase}
.stk-card strong{font-size:17.5px;line-height:1.3;color:var(--ux-text)}
.stk-card.ux-read .stk-num{color:#0b5b46}
.stk-card.ux-read{box-shadow:inset 3px 0 0 var(--ux-mint)}
.stk-card.stk-note .stk-num{color:#8a5200}

/* Modal */
.ux-modal-backdrop{position:fixed;inset:0;z-index:400;background:rgba(9,26,50,.55);
  display:grid;place-items:center;padding:24px;backdrop-filter:blur(4px)}
.ux-modal-backdrop[hidden]{display:none}
.ux-modal{position:relative;width:min(680px,100%);max-height:min(80dvh,760px);overflow:auto;
  background:#ffffff;border:1px solid #dbe3ee;border-radius:24px;padding:32px 34px;
  box-shadow:0 40px 90px rgba(11,31,61,.28);color:var(--ux-text)}
.ux-modal-label{display:inline-flex;align-items:center;border-radius:999px;
  background:#e8f1fb;color:#14487f;font-size:12.5px;font-weight:850;letter-spacing:.08em;
  padding:7px 13px;text-transform:uppercase}
.ux-modal h3{font-size:27px!important;line-height:1.25!important;margin:16px 0 14px!important;color:#0b3566!important}
.ux-modal-body p{font-size:17px!important;line-height:1.68!important;margin:0 0 14px!important;color:#2a3854!important}
.ux-modal-body p:last-child{margin-bottom:0!important}
.ux-modal-body strong{color:#0b3566}
.ux-modal-body p:first-child{padding:14px 16px;background:#e8f1fb;border-left:4px solid #1a5fb4;border-radius:0 12px 12px 0}
.ux-modal-art{margin:0 0 18px;display:grid;place-items:center;background:#f7fafd;
  border:1px solid #e3eaf3;border-radius:18px;padding:14px;min-height:120px}
.ux-modal-art svg{width:100%;max-height:150px;height:auto}
.ux-modal-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;
  border:1px solid #c9d7e8;background:#eef4fb;color:#16233d;font-size:24px;line-height:1;
  display:grid;place-items:center;cursor:pointer}
.ux-modal-close:hover{background:#eef4fb}
.ux-modal-next{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}

/* Kapiteloversigt — kun overskrifter */
.chapter-toc{max-width:1176px;margin:0 auto;padding:36px max(32px,calc((100vw - 1176px)/2 - max(32px,calc((100vw - 1176px)/2)) + 0px)) 8px}
.chapter-toc{padding:38px 0 10px;max-width:1176px;margin:0 auto;width:min(1176px,calc(100% - 64px))}
.chapter-toc h2{font-size:22px!important;margin:0 0 6px!important;color:#0b3566!important;letter-spacing:-.01em!important}
.chapter-toc>p.small{margin:0 0 16px!important}
.toc-list{display:grid;gap:8px}
.toc-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;
  padding:14px 18px;border:1px solid var(--ux-line);border-radius:16px;background:var(--ux-panel);
  text-decoration:none;color:inherit;transition:.16s}
a.toc-row:hover{border-color:var(--ux-cyan);background:var(--ux-panel-2);transform:translateX(3px)}
.toc-num{font-size:13px;font-weight:900;letter-spacing:.06em;color:#14487f}
.toc-title{font-size:16.5px;line-height:1.35}
.toc-state{font-size:12.5px;font-weight:800;letter-spacing:.05em;color:var(--ux-muted);white-space:nowrap}
.toc-row.done{box-shadow:inset 3px 0 0 var(--ux-mint)}
.toc-row.done .toc-state{color:#0b5b46}
.toc-row.locked{opacity:.6;border-style:dashed}
.toc-row.locked .toc-num .icon{width:18px;height:18px}


/* ============================================================
   6 · LYST TEMA: dybde på hvid flade
   Illustrationsfelter får en svag blå tone, så de kan skelnes
   fra det hvide kort, og kortene får en let skygge.
   ============================================================ */
.stop-art,.learning-art,.law-art,.tool-graphic,.media-token .media-art,.edit-art,.internal-art,
.sku-photo,.case-b-scene,.packshot-stage,.building-render,.garment-render,.ai-scene-render,
.overlevering-visual,.workspace-map,.video-monitor,.editor-side .visual-tip svg{
  background:linear-gradient(180deg,#f8fbfd,#eef4fa)!important}
.stop-check-card,.learning-action-card,.law-visual-card,.decision-card,.choice,.caption-option,
.media-token,.round-tool,.edit-card,.internal-task,.issue-choice,.cad-card,.ux-card,.toc-row,
.penalty-meter,.consequence-strip>div,.word-copilot-panel,.article50-frame,.visual-card,.scenario-pane{
  box-shadow:0 4px 14px rgba(16,42,77,.06)}
.round-tool,.edit-card,.internal-task,.media-token{background:#ffffff!important}
.round-tool.seen,.edit-card.seen,.internal-task.seen{background:#eaf8f2!important}
.drag-card,.word-chip{background:#ffffff!important;box-shadow:0 3px 10px rgba(16,42,77,.07)}
.word-chip.in-target{background:#e8f1fb!important;border-color:#1a5fb4!important}
.editor-paper{box-shadow:0 6px 20px rgba(16,42,77,.08)}
.five-check-reminder span{background:#f3f7fc!important;border:1px solid #dde5ef!important;color:#16233d!important}
.zone-slot{background:repeating-linear-gradient(90deg,#a8c2db 0 8px,transparent 8px 14px)!important}


/* ============================================================
   7 · IKONER OG ILLUSTRATIONER I STØRRE FORMAT
   Kasserne om ikonerne er fjernet, og illustrationsfelterne er
   ca. 40 % større. styles.css skalerede dem ned til 62-82 px,
   fordi layoutet oprindeligt skulle holdes inden for én slide.
   ============================================================ */

/* Ingen kasse om ikonet – kun selve linjeikonet, i læsbar størrelse */
.icon-tile{width:auto!important;height:auto!important;background:none!important;
  box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important}
.icon-tile>.icon{width:38px!important;height:38px!important;color:#1a5fb4!important}
.icon-tile.cyan>.icon{color:#0e7a86!important}
.icon-tile.pink>.icon{color:#5647c4!important}
.section-gate .icon-tile>.icon{width:42px!important;height:42px!important}
.chapter-btn .icon{width:16px!important;height:16px!important}

/* Dokument-lab, video/lyd-konsol og interne opgaver */
.tool-graphic{min-height:126px!important;padding:14px!important}
.tool-graphic svg{height:110px!important;max-height:110px!important;width:100%!important}
.edit-art svg,.internal-art svg{height:116px!important;max-height:116px!important;width:100%!important}

/* Læringsmål og regelsæt: bredere plads til tegningen */
.learning-action-card,.law-visual-card{grid-template-columns:190px minmax(0,1fr)!important}
.learning-art,.law-art{min-height:150px!important}
.learning-art svg,.law-art svg{max-height:138px!important;height:auto!important;width:100%!important}

/* De fem stop-spørgsmål: illustration over overskriften i fuld bredde */
.stop-check-card{grid-template-columns:1fr!important;row-gap:12px!important;padding:16px!important}
.stop-art{height:150px!important;width:100%!important;grid-row:auto!important}
.stop-art svg{height:132px!important;max-height:132px!important;width:100%!important}

/* Sorteringsøvelsen */
.media-token .media-art{min-height:118px!important}
.media-token .media-art svg{height:112px!important;max-height:112px!important}
.media-zone .media-token .media-art{min-height:86px!important}
.media-zone .media-token .media-art svg{height:80px!important}

/* Arbejdsbord, faktakort og rettelsesværktøjer */
.workspace-v2 .work-task{width:140px!important}
.work-art{height:82px!important}
.work-art svg{height:76px!important;width:100%!important}
.fact-artifact{grid-template-rows:118px auto!important}
.fact-art svg{height:112px!important}
.remedy-chip.remedy-card{grid-template-columns:64px 1fr!important}
.remedy-art svg{max-height:56px!important}

/* Illustrationen i popups */
.ux-modal-art{min-height:170px}
.ux-modal-art svg{max-height:210px!important;height:auto!important}
.pack-modal-art svg,.pack-modal-illustration svg{max-height:210px!important;height:auto!important}

@media(max-width:900px){
  .learning-action-card,.law-visual-card{grid-template-columns:1fr!important}
  .learning-art,.law-art{min-height:130px!important}
  .tool-graphic{min-height:104px!important}
  .tool-graphic svg{height:92px!important;max-height:92px!important}
  .workspace-v2 .work-task{width:auto!important}
}


/* ============================================================
   8 · SVARKORT MED MINDRE TEKST
   Overskriften ER valget; forklaringen ligger bag ?-mærket.
   ============================================================ */
.ux-choice-wrap{position:relative;display:block;min-width:0}
.ux-choice-wrap>.decision-card{height:100%;width:100%}
.decision-grid.choosable .decision-card{min-height:0!important;padding:20px 56px 20px 52px!important;
  align-content:center!important}
.decision-grid.choosable .decision-card strong{font-size:19px!important;line-height:1.3!important}
.decision-grid.choosable .decision-card .decision-icon{margin-bottom:4px}
.ux-info{position:absolute;top:12px;right:12px;z-index:7;width:32px;height:32px;border-radius:50%;
  border:1px solid #c9d7e8;background:#f3f7fc;color:#14487f;font-size:16px;font-weight:900;
  line-height:1;display:grid;place-items:center;cursor:pointer;padding:0}
.ux-info:hover{background:#e8f1fb;border-color:#1a5fb4}
.ux-info:focus-visible{outline:3px solid #0e7a86;outline-offset:2px}
@media(max-width:900px){
  .decision-grid.choosable .decision-card{padding:16px 52px 16px 46px!important}
  .decision-grid.choosable .decision-card strong{font-size:17px!important}
}

/* ============================================================
   5 · SMÅ SKÆRME
   ============================================================ */
@media(max-width:900px){
  body{font-size:16.5px!important}
  .slide p,.slide-body p{font-size:16.5px!important}
  .chapter-toc{width:calc(100% - 48px)}
  .ux-modal{padding:26px 22px;max-height:86dvh}
  .ux-modal h3{font-size:23px!important}
  .stk-card{padding:16px}
  .toc-row{grid-template-columns:40px minmax(0,1fr);row-gap:4px}
  .toc-state{grid-column:2;text-align:left}
  .workspace-v2 .work-task{width:auto!important}
}

/* Print: skjult popup-tekst skal med på papir */
@media print{
  .ux-body[hidden]{display:block!important}
  .ux-open,.ux-modal-backdrop,.chapter-toc{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .ux-card:hover,a.toc-row:hover,.learning-section button:hover{transform:none!important}
}

/* ============================================================
   9 · ARBEJDSBORDET (rettelse)
   Opgavekortene på arbejdsbordet er absolut placeret oven på
   tegningen. De må derfor IKKE tvinges til position:relative –
   så falder de ud af tegningen og klippes væk af overflow:hidden,
   og afsnittet kan ikke gennemføres. styles.css skifter selv til
   gitter under 820 px, og her følger vi samme grænse.
   ============================================================ */
@media(min-width:821px){
  .workspace-v2 .work-task{position:absolute!important;transform:translate(-50%,-50%)!important;
    width:140px!important;min-height:118px!important}
  .workspace-v2 .work-task:hover{transform:translate(-50%,-50%) translateY(-3px)!important}
}
@media(max-width:820px){
  /* gitter-fallback: her skal kortet selv være positioneringsramme for ✓-mærket */
  .work-task{position:relative!important;transform:none!important;width:auto!important}
}
/* Venstrekanten på svarmuligheder skal følge kortets runding,
   nu hvor overflow er synlig (så ✓-mærket kan stikke ud). */
.choice:before{border-radius:18px 0 0 18px}