/* Ren og integreret. No page-wide styling. */
.didaktisk-blok { position: relative; box-sizing: border-box; width: 100%; max-width: 850px; margin: 0 auto; background: #fff; color: #3d3f46; border: 1px solid #d5d5d5; border-left: 7px solid #005177; border-radius: 8px; overflow: hidden; box-shadow: 0 3px 12px rgba(0,0,0,.08); font-family: inherit; }
.didaktisk-blok *, .didaktisk-blok *::before, .didaktisk-blok *::after { box-sizing: border-box; }
.didaktisk-blok .didaktisk-blok__header { display: flex; align-items: center; gap: 10px; min-height: 74px; padding: 18px 80px 12px 25px; color: #005177; }
.didaktisk-blok .didaktisk-blok__heading { margin: 0; padding: 0; color: #005177; font-size: 27px; font-weight: 600; line-height: 1.25; overflow-wrap: anywhere; }
.didaktisk-blok .didaktisk-blok__icon { flex-shrink: 0; font-size: 18px; font-weight: bold; }
.didaktisk-blok .didaktisk-blok__body { padding: 0 25px 18px; }
.didaktisk-blok .didaktisk-blok__description { margin: 6px 0 14px; font-size: 18px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.didaktisk-blok .didaktisk-blok__subtitle { margin: 6px 0 12px; color: #005177; font-size: 21px; }
.didaktisk-blok .didaktisk-blok__note-section + .didaktisk-blok__note-section { margin-top: 18px; }
.didaktisk-blok .didaktisk-blok__note-figure { margin: 12px 0 0; padding: 0; }
.didaktisk-blok .didaktisk-blok__note-image { display: block; width: 100%; max-width: 100%; height: auto; max-height: 350px; object-fit: contain; margin: 0; border-radius: 4px; }
.didaktisk-blok .didaktisk-blok__list { list-style: none; margin: 0; padding: 0; }
.didaktisk-blok .didaktisk-blok__item { display: flex; align-items: flex-start; gap: 16px; margin: 0; padding: 11px 0; }
.didaktisk-blok .didaktisk-blok__number { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 34px; height: 34px; padding: 0 6px; border: 2px solid #005177; border-radius: 50%; color: #005177; font-size: 16px; font-weight: bold; line-height: 1; }
.didaktisk-blok .didaktisk-blok__text { min-width: 0; padding-top: 3px; font-size: 19px; line-height: 1.4; white-space: pre-wrap; overflow-wrap: anywhere; }
.didaktisk-blok .didaktisk-blok__info { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 12px; }
.didaktisk-blok .didaktisk-blok__info-item { padding: 5px 10px; background: #f3f6f7; border-radius: 5px; color: #005177; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.didaktisk-blok .didaktisk-blok__finish { display: flex; flex-wrap: wrap; gap: 8px 12px; padding: 14px 25px; background: #f0f5f6; border-top: 1px solid #d5e0e3; font-size: 16px; line-height: 1.5; }
.didaktisk-blok .didaktisk-blok__finish strong { color: #005177; white-space: nowrap; }
.didaktisk-blok .didaktisk-blok__finish > span { min-width: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.didaktisk-blok .didaktisk-blok__deadline { display: flex; flex-direction: column; gap: 4px; margin: 8px 0 14px; padding: 14px 16px; border: 1px solid #9cb9c7; border-left: 4px solid #005177; border-radius: 5px; background: #edf5f8; color: #005177; overflow-wrap: anywhere; }
.didaktisk-blok .didaktisk-blok__deadline-label { font-size: 13px; font-weight: 600; }
.didaktisk-blok .didaktisk-blok__deadline strong { font-size: 21px; line-height: 1.4; }
.didaktisk-blok .didaktisk-blok__check { display: flex; align-items: flex-start; gap: 14px; width: 100%; cursor: pointer; }
.didaktisk-blok .didaktisk-blok__check input { appearance: auto; flex: 0 0 22px; width: 22px; height: 22px; margin: 6px 0 0; accent-color: #005177; cursor: pointer; }
.didaktisk-blok .didaktisk-blok__check input:checked + span { text-decoration: line-through; color: #536871; }
.didaktisk-blok .didaktisk-blok__hint-dot { color: #005177; font-size: 25px; line-height: 1.3; }
.didaktisk-blok .didaktisk-blok__help > summary { cursor: pointer; list-style: none; }
.didaktisk-blok .didaktisk-blok__help > summary::-webkit-details-marker { display: none; }
.didaktisk-blok .didaktisk-blok__chevron { margin-left: auto; font-size: 22px; }
.didaktisk-blok .didaktisk-blok__help[open] .didaktisk-blok__chevron { transform: rotate(180deg); }
.didaktisk-blok .didaktisk-blok__expand { position: absolute; z-index: 2; top: 15px; right: 18px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; box-sizing: border-box; margin: 0; padding: 0; border: 1px solid rgba(0,81,119,.25); border-radius: 50%; background: rgba(255,255,255,.85); color: #005177; font: 20px/1 Arial, sans-serif; cursor: pointer; box-shadow: 0 1px 5px rgba(0,0,0,.12); }
.didaktisk-blok .didaktisk-blok__expand[hidden] { display: none; }
.didaktisk-blok .didaktisk-blok__expand:hover { background: #005177; color: #fff; }
.didaktisk-blok .didaktisk-blok__expand:focus-visible { outline: 2px solid #005177; outline-offset: 3px; }
.didaktisk-blok :is(button, summary, input):focus-visible { outline: 3px solid #005177; outline-offset: 3px; }
.didaktisk-blok .didaktisk-blok__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 600px) {
    .didaktisk-blok .didaktisk-blok__header { padding-left: 16px; }
    .didaktisk-blok .didaktisk-blok__heading { font-size: 23px; }
    .didaktisk-blok .didaktisk-blok__body { padding: 0 16px 16px; }
    .didaktisk-blok .didaktisk-blok__item { gap: 12px; }
    .didaktisk-blok .didaktisk-blok__text { font-size: 17px; }
    .didaktisk-blok .didaktisk-blok__finish { padding: 14px 16px; }
}
/* The original container is scaled uniformly inside a transparent modal. */
dialog.didaktisk-presentation { position: fixed; inset: 0; width: 100vw; height: 100dvh; max-width: none; max-height: none; padding: 0; margin: 0; border: 0; background: transparent; overflow: hidden; }
dialog.didaktisk-presentation::backdrop { background: rgba(20,35,44,.23); backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
.didaktisk-presentation__stage { position: absolute; transform-origin: top left; }

/* Introopgave: compact instructions, one or two columns and monochrome difficulty. */
.didaktisk-blok .didaktisk-blok__intro-instructions { display: block; margin: 0 0 18px; padding: 0 0 0 22px; font-size: 16px; line-height: 1.4; }
.didaktisk-blok .didaktisk-blok__intro-instructions li { display: list-item; margin: 0 0 4px; padding-left: 2px; }
.didaktisk-blok .didaktisk-blok__task-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.didaktisk-blok .didaktisk-blok__task-grid--1 { grid-template-columns: minmax(0, 1fr); }
.didaktisk-blok .didaktisk-blok__task { min-width: 0; padding: 16px; border: 1px solid #d5e0e3; border-radius: 6px; background: #fff; }
.didaktisk-blok .didaktisk-blok__task-heading { display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 0 0 6px; padding: 0; color: #005177; font-size: 21px; line-height: 1.3; font-weight: 600; overflow-wrap: anywhere; }
.didaktisk-blok .didaktisk-blok__task-letter { white-space: nowrap; }
.didaktisk-blok .didaktisk-blok__difficulty { display: block; margin-bottom: 10px; color: #111; font-size: 14px; line-height: 1.3; }
.didaktisk-blok .didaktisk-blok__chillies { display: inline; white-space: nowrap; color: #111; font-family: "Apple Symbols", "Segoe UI Symbol", "Noto Sans Symbols 2", sans-serif; filter: grayscale(1); }
.didaktisk-blok .didaktisk-blok__task-body { margin: 0; font-size: 19px; line-height: 1.4; overflow-wrap: anywhere; }
.didaktisk-blok .didaktisk-blok__rich-body { overflow-wrap: anywhere; }
.didaktisk-blok .didaktisk-blok__note-body { font-size: 18px; line-height: 1.5; }
.didaktisk-blok .didaktisk-blok__rich-body p { margin: 0 0 .6em; font: inherit; }
.didaktisk-blok .didaktisk-blok__rich-body > :last-child { margin-bottom: 0; }
.didaktisk-blok .didaktisk-blok__rich-body :is(ul, ol) { margin: .4em 0; padding-left: 1.4em; font: inherit; }
.didaktisk-blok .didaktisk-blok__rich-body li { margin: .15em 0; }
.didaktisk-blok .didaktisk-blok__rich-body h3 { margin: .5em 0; font-size: 1.15em; line-height: 1.25; color: #005177; }
.didaktisk-blok .didaktisk-blok__rich-body h4 { margin: .5em 0; font-size: 1.05em; line-height: 1.25; color: #005177; }
.didaktisk-blok .didaktisk-blok__rich-body a { color: #005177; text-decoration: underline; }
.didaktisk-blok .didaktisk-blok__rich-body img { display: block; max-width: 100%; width: auto; height: auto; max-height: 300px; object-fit: contain; margin: .4em auto; }
.didaktisk-blok .didaktisk-blok__task-body img { max-height: 140px; }
.didaktisk-blok .didaktisk-blok__rich-body figure { margin: .5em 0; max-width: 100%; }
.didaktisk-blok .didaktisk-blok__rich-body blockquote { margin: .5em 0; padding-left: .7em; border-left: 3px solid #005177; }
.didaktisk-blok.didaktisk-blok--note-board { overflow: auto; overscroll-behavior: contain; }
.didaktisk-blok--note-board .didaktisk-blok__header { position: sticky; top: 0; z-index: 3; background: #fff; }
.didaktisk-blok--note-board .didaktisk-blok__expand { position: sticky; top: 14px; float: right; margin: 14px 18px -44px 0; z-index: 4; }
.didaktisk-blok--note-board .didaktisk-blok__note-body { font-size: 28px; }
.didaktisk-blok .didaktisk-blok__task-content--image { display: grid; grid-template-columns: minmax(0, 1fr) minmax(80px, 30%); gap: 14px; align-items: start; }
.didaktisk-blok .didaktisk-blok__task-figure { min-width: 0; margin: 0; padding: 0; }
.didaktisk-blok .didaktisk-blok__task-image { display: block; width: 100%; max-width: 100%; height: 140px; margin: 0; object-fit: contain; border-radius: 4px; }
.didaktisk-blok.didaktisk-blok--intro-board { overflow: auto; overscroll-behavior: contain; }
.didaktisk-blok--intro-board .didaktisk-blok__header { position: sticky; top: 0; z-index: 3; padding-top: 14px; padding-bottom: 14px; background: #fff; }
.didaktisk-blok--intro-board .didaktisk-blok__heading { font-size: 36px; }
.didaktisk-blok--intro-board .didaktisk-blok__expand { position: sticky; top: 14px; float: right; margin: 14px 18px -44px 0; z-index: 4; }
.didaktisk-blok--intro-board .didaktisk-blok__intro-instructions { font-size: 22px; margin-bottom: 16px; }
.didaktisk-blok--intro-board .didaktisk-blok__task { padding: 16px 20px; }
.didaktisk-blok--intro-board .didaktisk-blok__task-heading { font-size: 30px; }
.didaktisk-blok--intro-board .didaktisk-blok__task-body { font-size: 32px; line-height: 1.35; }
.didaktisk-blok--intro-board .didaktisk-blok__difficulty { font-size: 20px; margin-bottom: 8px; }
.didaktisk-blok--intro-board .didaktisk-blok__task-image { height: clamp(80px, 14vh, 140px); }
@media (max-width: 700px) {
    .didaktisk-blok .didaktisk-blok__task-grid { grid-template-columns: minmax(0, 1fr); }
    .didaktisk-blok .didaktisk-blok__task-content--image { grid-template-columns: minmax(0, 1fr); }
    .didaktisk-blok--intro-board .didaktisk-blok__heading { font-size: 28px; }
    .didaktisk-blok--intro-board .didaktisk-blok__task-heading { font-size: 26px; }
    .didaktisk-blok--intro-board .didaktisk-blok__task-body { font-size: 28px; }
    .didaktisk-blok--intro-board .didaktisk-blok__intro-instructions { font-size: 19px; }
}

/* Introopgave only: difficulty shares the top row; images keep their proportions. */
.didaktisk-blok--intro .didaktisk-blok__task { container-type: inline-size; }
.didaktisk-blok--intro .didaktisk-blok__task-top { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px 16px; margin-bottom: 10px; }
.didaktisk-blok--intro .didaktisk-blok__task-top .didaktisk-blok__task-heading { flex: 1 1 120px; min-width: 0; margin: 0; }
.didaktisk-blok--intro .didaktisk-blok__task-top .didaktisk-blok__difficulty { flex: 0 0 auto; margin: 0 0 0 auto; text-align: right; white-space: nowrap; }
.didaktisk-blok--intro .didaktisk-blok__task-body ol[type="a"] { list-style-type: lower-alpha; }
.didaktisk-blok--intro :is(.didaktisk-blok__task-image, .didaktisk-blok__task-body img) { width: auto; height: auto; max-width: 100%; max-height: clamp(140px, 35cqw, 320px); object-fit: contain; margin-inline: auto; }
.didaktisk-blok--intro-board :is(.didaktisk-blok__task-image, .didaktisk-blok__task-body img) { max-height: var(--didaktisk-intro-image-height, min(30vh, 320px)); }

/* v39 frontend controls sit in the dialog's top layer, outside the scaled stage. */
dialog.didaktisk-presentation > .jre-countdown-wrapper { position: fixed; z-index: 2147483641 !important; }
dialog.didaktisk-presentation > .jre-short-countdown-container { z-index: 2147483642 !important; }
dialog.didaktisk-presentation > .jre-global-admin-control { position: fixed; z-index: 2147483643 !important; }
body.jre-timer-focus dialog.didaktisk-presentation::before { content: ''; position: fixed; inset: 0; z-index: 2147483640; background: rgba(255,255,255,.10); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); pointer-events: none; }

/* Close sits outside the scaled block, immediately left of the unchanged timer. */
dialog.didaktisk-presentation > .didaktisk-presentation__close { position: fixed; z-index: 2147483644; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; box-sizing: border-box; margin: 0; padding: 0; border: 1px solid rgba(0,81,119,.25); border-radius: 50%; background: rgba(255,255,255,.85); color: #005177; font: 20px/1 Arial,sans-serif; cursor: pointer; box-shadow: 0 1px 5px rgba(0,0,0,.12); }
dialog.didaktisk-presentation > .didaktisk-presentation__close:hover { background: #005177; color: #fff; }
dialog.didaktisk-presentation > .didaktisk-presentation__close:focus-visible { outline: 2px solid #005177; outline-offset: 3px; }

.didaktisk-svg-icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; vertical-align: -.125em; flex-shrink: 0; }
.didaktisk-blok .didaktisk-blok__chillies { display: inline-flex; gap: .12em; vertical-align: middle; color: #111; filter: none; }
.didaktisk-note { width: 100%; max-width: 850px; margin: 0 auto; border: 0; background: transparent; }
.didaktisk-note > .didaktisk-note__toggle { display: flex; justify-content: flex-end; align-items: center; gap: 7px; width: fit-content; margin-left: auto; padding: 8px 0; color: #005177; font-size: 15px; line-height: 1.4; cursor: pointer; list-style: none; }
.didaktisk-note > .didaktisk-note__toggle::-webkit-details-marker { display: none; }
.didaktisk-note > .didaktisk-note__toggle:focus-visible { outline: 2px solid #005177; outline-offset: 3px; }
.didaktisk-note .didaktisk-note__arrow { transition: transform .15s; }
.didaktisk-note[open] > summary .didaktisk-note__arrow { transform: rotate(180deg); }
.didaktisk-note > .didaktisk-blok { margin-top: 4px; }
.didaktisk-blok.didaktisk-blok--laerernote { border-left-width: 1px; box-shadow: none; }

/* Circular disclosure controls share the fullscreen button appearance. */
.didaktisk-blok .didaktisk-blok__chevron, .didaktisk-note .didaktisk-note__arrow { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 30px; width: 30px; height: 30px; box-sizing: border-box; border: 1px solid rgba(0,81,119,.25); border-radius: 50%; background: rgba(255,255,255,.85); color: #005177; font: 20px/1 Arial,sans-serif; box-shadow: 0 1px 5px rgba(0,0,0,.12); transform: none !important; }
.didaktisk-blok__chevron::before, .didaktisk-note__arrow::before { content: '↓'; }
.didaktisk-blok__help[open] .didaktisk-blok__chevron::before, .didaktisk-note[open] > summary .didaktisk-note__arrow::before { content: '↑'; }
.didaktisk-blok__help > summary:hover .didaktisk-blok__chevron, .didaktisk-note > summary:hover .didaktisk-note__arrow { background: #005177; color: #fff; }
.didaktisk-blok--hjaelp:not(:has(.didaktisk-blok__help[open])) > .didaktisk-blok__expand { display: none; }

/* Agreed icon sizes, including presentation mode. */
.didaktisk-blok .didaktisk-blok__chillies { font-size: 20px; }
.didaktisk-blok .didaktisk-blok__icon { font-size: 32px; }

/* Agreed Milepæl design, scoped to this element only. */
.didaktisk-blok.didaktisk-blok--milepael { --ribbon-overhang: 20px; --ribbon-extent: 46px; width: calc(100% - var(--ribbon-extent)); border: 1px solid #d6e1e6; border-top: 5px solid #005177; border-radius: 10px; overflow: visible; color: #343b40; }
.didaktisk-blok--milepael .didaktisk-blok__header { padding: 24px 70px 16px 24px; }
.didaktisk-blok--milepael .didaktisk-blok__heading { font-size: 23px; }
.didaktisk-blok--milepael .didaktisk-blok__body { padding: 0 24px; }
.didaktisk-blok--milepael .didaktisk-blok__description { margin: 0 0 20px; font-size: 16px; line-height: 1.5; }
.didaktisk-blok--milepael .didaktisk-blok__item { padding: 4px 0; border: 0; }
.didaktisk-blok--milepael .didaktisk-blok__item + .didaktisk-blok__item { margin-top: 16px; }
.didaktisk-blok--milepael .didaktisk-blok__check { position: relative; gap: 12px; }
.didaktisk-blok--milepael .didaktisk-blok__check input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
.didaktisk-blok--milepael .didaktisk-blok__checkmark { display: grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; margin-top: 1px; border: 2px solid #97aeb9; border-radius: 5px; background: white; }
.didaktisk-blok--milepael input:checked + .didaktisk-blok__checkmark { background: #005177; border-color: #005177; }
.didaktisk-blok--milepael input:checked + .didaktisk-blok__checkmark::after { content: '✓'; color: white; font-size: 17px; font-weight: bold; }
.didaktisk-blok--milepael input:focus-visible + .didaktisk-blok__checkmark { outline: 2px solid #005177; outline-offset: 4px; }
.didaktisk-blok--milepael .didaktisk-blok__text { padding: 0; font-size: 17px; line-height: 1.45; }
.didaktisk-blok--milepael input:checked ~ .didaktisk-blok__text { color: #66777f; }
.didaktisk-blok--milepael .didaktisk-blok__deadline { position: relative; isolation: isolate; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 14px 20px; margin: 15px calc(-50px - var(--ribbon-overhang)) 18px 0; padding: 5px 24px 5px 48px; border: 0; border-radius: 0; background: transparent; color: white; }
.didaktisk-blok--milepael .didaktisk-blok__deadline::before { content: ''; position: absolute; inset: 0; z-index: -1; background: #005177; clip-path: polygon(32px 0,100% 0,100% 100%,0 100%); }
.didaktisk-blok--milepael .didaktisk-blok__deadline-label { text-align: left; font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: .06em; }
.didaktisk-blok--milepael .didaktisk-blok__deadline strong { text-align: right; font-size: 35.5px; line-height: 1.4; }
.didaktisk-blok__progress { grid-column: 1 / -1; margin: 0; padding: 0; border: 0; }
.didaktisk-blok__progress-text { display: block; text-align: left; color: white; font-size: 13px; }
.didaktisk-blok__progress-track { position: relative; height: 5px; margin-top: 2px; }
.didaktisk-blok__progress-track::before { content: ''; position: absolute; inset: 1.25px 0; background: rgba(255,255,255,.3); border-radius: 10px; }
.didaktisk-blok__progress-fill { position: relative; display: block; width: 0; height: 5px; background: white; border-radius: 10px; transition: width .2s ease; }
@media(max-width:600px) {
 .didaktisk-blok.didaktisk-blok--milepael { --ribbon-overhang: 12px; --ribbon-extent: 12px; }
 .didaktisk-blok--milepael .didaktisk-blok__header { padding: 20px 65px 14px 18px; }
 .didaktisk-blok--milepael .didaktisk-blok__body { padding: 0 18px; }
 .didaktisk-blok--milepael .didaktisk-blok__deadline { gap: 12px; margin-right: calc(-18px - var(--ribbon-overhang)); padding: 18px 18px 18px 38px; }
 .didaktisk-blok--milepael .didaktisk-blok__deadline::before { clip-path: polygon(24px 0,100% 0,100% 100%,0 100%); }
 .didaktisk-blok--milepael .didaktisk-blok__deadline strong { font-size: 27px; }
}
@media(prefers-reduced-motion:reduce) { .didaktisk-blok__progress-fill { transition: none; } }

/* Hjælp: warm yellow panel inspired by the supplied reference. */
.didaktisk-blok.didaktisk-blok--hjaelp { background: #ffda3b; color: #1b3458; border: 3px solid #ffad00; border-radius: 20px; box-shadow: none; }
.didaktisk-blok--hjaelp .didaktisk-blok__header { gap: 18px; min-height: 88px; padding: 22px 76px 22px 30px; color: #1b3458; }
.didaktisk-blok--hjaelp .didaktisk-blok__heading { color: #1b3458; font-size: 28px; font-weight: 700; line-height: 1.25; }
.didaktisk-blok--hjaelp .didaktisk-blok__icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; background: #1b3458; color: #ffda3b; font-size: 32px; font-weight: 700; }
.didaktisk-blok--hjaelp .didaktisk-blok__body { padding: 0 30px 30px; }
.didaktisk-blok--hjaelp .didaktisk-blok__subtitle { color: #1b3458; font-size: 23px; font-weight: 700; }
.didaktisk-blok--hjaelp .didaktisk-blok__description { margin: 0 0 22px; color: #1b3458; font-size: 21px; line-height: 1.5; }
.didaktisk-blok--hjaelp .didaktisk-blok__hints .didaktisk-blok__item { gap: 12px; margin: 0 0 16px; padding: 16px 18px; border: 2px solid #1b3458; border-radius: 12px; background: #fff; box-shadow: 0 4px 0 #1b3458; }
.didaktisk-blok--hjaelp .didaktisk-blok__hints .didaktisk-blok__item:last-child { margin-bottom: 4px; }
.didaktisk-blok--hjaelp .didaktisk-blok__text { padding-top: 0; color: #1b3458; font-size: 20px; line-height: 1.45; }
.didaktisk-blok--hjaelp .didaktisk-blok__hint-dot { color: #1b3458; }
.didaktisk-blok--hjaelp .didaktisk-blok__chevron { color: #1b3458; border-color: #1b3458; background: #fff; }
.didaktisk-blok--hjaelp .didaktisk-blok__help > summary:hover .didaktisk-blok__chevron { background: #1b3458; color: white; }
@media(max-width:600px) {
 .didaktisk-blok--hjaelp .didaktisk-blok__header { gap: 12px; padding: 18px 65px 18px 18px; }
 .didaktisk-blok--hjaelp .didaktisk-blok__heading { font-size: 24px; }
 .didaktisk-blok--hjaelp .didaktisk-blok__body { padding: 0 18px 24px; }
 .didaktisk-blok--hjaelp .didaktisk-blok__description, .didaktisk-blok--hjaelp .didaktisk-blok__text { font-size: 18px; }
}

/* Sikkerhed: always visible, yellow with the shared blue border. */
.didaktisk-blok.didaktisk-blok--sikkerhed { background: #ffda3b; color: #1b3458; border: 3px solid #005177; border-radius: 20px; box-shadow: none; }
.didaktisk-blok--sikkerhed .didaktisk-blok__header { padding: 22px 76px 22px 30px; gap: 18px; }
.didaktisk-blok--sikkerhed .didaktisk-blok__heading { color: #1b3458; font-size: 28px; font-weight: 700; }
.didaktisk-blok--sikkerhed .didaktisk-blok__icon { color: #1b3458; }
.didaktisk-blok--sikkerhed .didaktisk-blok__body { padding: 0 30px 30px; }
.didaktisk-blok--sikkerhed .didaktisk-blok__description { font-size: 21px; line-height: 1.5; }
.didaktisk-blok__safety-section + .didaktisk-blok__safety-section { margin-top: 28px; }
.didaktisk-blok__safety-section--image { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,30%); gap: 22px; align-items: start; }
.didaktisk-blok__safety-text h3 { margin: 0 0 10px; font-size: 23px; line-height: 1.3; color: #1b3458; }
.didaktisk-blok__safety-text ul { margin: 0; padding-left: 1.3em; font-size: 20px; line-height: 1.5; }
.didaktisk-blok__safety-text li { padding: 0; margin: 0 0 8px; white-space: pre-wrap; overflow-wrap: anywhere; }
.didaktisk-blok__safety-section figure { margin: 0; }
.didaktisk-blok__safety-image { display: block; width: auto; max-width: 100%; height: auto; max-height: 300px; object-fit: contain; margin: 0 auto; border-radius: 6px; }
.didaktisk-blok.didaktisk-blok--safety-board { overflow: auto; }
.didaktisk-blok--safety-board .didaktisk-blok__safety-text ul { font-size: 28px; }
.didaktisk-blok--safety-board .didaktisk-blok__safety-text h3 { font-size: 30px; }
@media(max-width:700px) { .didaktisk-blok__safety-section--image { grid-template-columns: minmax(0,1fr); } .didaktisk-blok--sikkerhed .didaktisk-blok__body { padding: 0 18px 24px; } .didaktisk-blok--sikkerhed .didaktisk-blok__header { padding-left: 18px; } }

.didaktisk-groups__scroll{overflow:auto;margin-top:16px;max-width:100%;}
.didaktisk-groups__table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5;}
.didaktisk-groups__table th,.didaktisk-groups__table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #d6e1e6;overflow-wrap:anywhere;min-width:110px;white-space:normal;}
.didaktisk-groups__table th{color:#005177;background:#edf5f8;}
.didaktisk-groups__caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.didaktisk-blok--safety-board .didaktisk-groups__table{font-size:24px;}
@media(max-width:600px){.didaktisk-groups__table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}.didaktisk-groups__table tbody{display:block;}.didaktisk-groups__table tr{display:block;border:1px solid #d6e1e6;border-radius:8px;margin-bottom:12px;padding:10px;}.didaktisk-groups__table td{display:block;min-width:0;border:0;padding:6px;}.didaktisk-groups__table td::before{content:attr(data-label);display:block;font-weight:600;color:#005177;}}

.didaktisk-blok__text.didaktisk-blok__rich-body{min-width:0;flex:1;}
.didaktisk-blok__rich-body>:first-child{margin-top:0;}
.didaktisk-blok__rich-body>:last-child{margin-bottom:0;}
.didaktisk-blok__rich-body img{display:block;max-width:100%;height:auto;object-fit:contain;}

/* Shared title badge for all didactic element types. */
.didaktisk-blok .didaktisk-blok__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;box-sizing:border-box;border-radius:50%;background:#005177;color:#fff;font-size:32px;line-height:1;}
.didaktisk-blok .didaktisk-blok__icon svg{fill:currentColor;}

/* Administrator note unfolds inside its didactic element. */
.didaktisk-admin-notes{clear:both;margin:16px 0 0;text-align:right;}
.didaktisk-admin-note__open{display:inline-flex;align-items:center;justify-content:center;position:static;width:36px;height:36px;padding:6px;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#005177;cursor:pointer;}
.didaktisk-admin-note__open:hover{background:transparent;color:#003952;}
.didaktisk-admin-note__open .didaktisk-svg-icon{width:24px;height:24px;}
.didaktisk-admin-note{position:relative;box-sizing:border-box;width:100%;margin:8px 0 0;padding:16px;border:1px solid #d6e1e6;border-radius:6px;background:#fff;color:#343b40;overflow-wrap:anywhere;text-align:left;}
.didaktisk-admin-note[hidden]{display:none!important;}
.didaktisk-admin-note h3{margin:0 32px 12px 0;color:#005177;font-size:18px;line-height:1.4;}
.didaktisk-admin-note__close{position:absolute;right:8px;top:8px;border:0;background:transparent;box-shadow:none;padding:0;width:28px;height:28px;color:#005177;font:24px/1 Arial;cursor:pointer;}
.didaktisk-admin-note__open:focus-visible,.didaktisk-admin-note__close:focus-visible{outline:2px solid #005177;outline-offset:3px;}

.didaktisk-sorting__by{margin:0 0 20px;color:#005177;}
.didaktisk-sorting__line{list-style:none!important;margin:20px 0 0 10px!important;padding:0 0 0 28px!important;border-left:3px solid #005177;}
.didaktisk-sorting__entry{position:relative;list-style:none!important;margin:0 0 24px!important;padding:0!important;}
.didaktisk-sorting__entry:last-child{margin-bottom:0!important;}
.didaktisk-sorting__entry::before{content:"";position:absolute;left:-37px;top:5px;width:15px;height:15px;border-radius:50%;background:#005177;border:2px solid #fff;box-sizing:content-box;}
.didaktisk-sorting__value{font-weight:700;color:#005177;margin:0 0 8px;line-height:1.5;overflow-wrap:anywhere;}
.didaktisk-sorting__card{padding:16px;border:1px solid #d6e1e6;border-radius:8px;min-width:0;overflow-wrap:anywhere;}
.didaktisk-sorting__card h3{margin:0 0 10px;color:#005177;font-size:1.15em;line-height:1.4;}
.didaktisk-sorting__card figure{margin:14px 0 0;}
.didaktisk-sorting__image{display:block;width:auto;max-width:100%;max-height:300px;height:auto;object-fit:contain;}
.didaktisk-blok--sorteringslinje.didaktisk-blok--safety-board{font-size:24px;}
@media(max-width:600px){.didaktisk-sorting__line{padding-left:22px!important;}.didaktisk-sorting__entry::before{left:-31px;}.didaktisk-sorting__card{padding:12px;}}

/* Horizontal line: shared grid rows prevent cards and connectors from overlapping. */
.didaktisk-sorting__viewport{max-width:100%;}
.didaktisk-sorting--horizontal .didaktisk-sorting__viewport{overflow-x:auto;padding:6px 0 16px;}
.didaktisk-sorting__details summary{cursor:pointer;color:#005177;font-weight:600;padding:6px 0;font-size:14px;}
.didaktisk-sorting__less,.didaktisk-sorting__details[open] .didaktisk-sorting__more{display:none;}
.didaktisk-sorting__details[open] .didaktisk-sorting__less{display:inline;}
.didaktisk-sorting__expanded{margin-top:10px;}
.didaktisk-sorting__excerpt{margin:0 0 8px;line-height:1.5;font-size:14px;}
.didaktisk-sorting__card:has(.didaktisk-sorting__details[open]) .didaktisk-sorting__excerpt{display:none;}
.didaktisk-sorting__details summary:focus-visible,.didaktisk-sorting__viewport:focus-visible{outline:2px solid #005177;outline-offset:3px;}
@media(min-width:601px){
.didaktisk-sorting--horizontal .didaktisk-sorting__line{display:grid;grid-template-columns:repeat(var(--sorting-count),260px);grid-template-rows:auto 48px auto;width:max-content;min-width:100%;border:0;margin:12px 0!important;padding:0 8px!important;column-gap:20px;position:relative;box-sizing:border-box;isolation:isolate;}
.didaktisk-sorting--horizontal .didaktisk-sorting__line::before{content:"";grid-row:2;grid-column:1 / -1;align-self:center;border-top:6px dotted #005177;z-index:-1;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry{display:contents;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry::before{display:none;}
.didaktisk-sorting--horizontal .didaktisk-sorting__value{grid-column:var(--sorting-column);grid-row:2;align-self:center;justify-self:start;display:flex;align-items:center;gap:6px;max-width:calc(50% + 6px);padding:2px 5px 2px 0;margin:0 0 0 calc(50% - 6px);background:#fff;font-size:14px;line-height:1.3;z-index:1;}
.didaktisk-sorting--horizontal .didaktisk-sorting__value::before{content:"";width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#005177;}
.didaktisk-sorting--horizontal .didaktisk-sorting__card{grid-column:var(--sorting-column);position:relative;background:#fff;font-size:16px;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry:nth-child(odd) .didaktisk-sorting__card{grid-row:1;align-self:end;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry:nth-child(even) .didaktisk-sorting__card{grid-row:3;align-self:start;}
.didaktisk-sorting--horizontal .didaktisk-sorting__card::after{content:"";position:absolute;left:50%;width:2px;height:24px;background:#005177;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry:nth-child(odd) .didaktisk-sorting__card::after{bottom:-25px;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry:nth-child(even) .didaktisk-sorting__card::after{top:-25px;}
.didaktisk-sorting--horizontal .didaktisk-sorting__image{max-height:200px;}
.didaktisk-sorting--horizontal.didaktisk-blok--safety-board .didaktisk-sorting__card{font-size:22px;}
.didaktisk-sorting--horizontal.didaktisk-blok--safety-board .didaktisk-sorting__value,.didaktisk-sorting--horizontal.didaktisk-blok--safety-board .didaktisk-sorting__excerpt,.didaktisk-sorting--horizontal.didaktisk-blok--safety-board .didaktisk-sorting__details summary{font-size:18px;}
}

/* Compact sorting line with transparent panels and straight top/bottom rules. */
.didaktisk-blok.didaktisk-blok--sorteringslinje{background:transparent;border:0;border-top:2px solid #005177;border-bottom:2px solid #005177;border-radius:0;box-shadow:none;}
.didaktisk-blok--sorteringslinje .didaktisk-sorting__card{background:transparent;border:0;border-top:2px solid #005177;border-bottom:2px solid #005177;border-radius:0;box-shadow:none;}
.didaktisk-sorting__tools{margin:8px 0 16px;}
.didaktisk-sorting__toggle-all{border:1px solid #005177;background:transparent;color:#005177;border-radius:4px;padding:8px 12px;font:inherit;cursor:pointer;}
.didaktisk-sorting__toggle-all:hover{background:rgba(0,81,119,.07);}
.didaktisk-sorting__toggle-all:focus-visible{outline:2px solid #005177;outline-offset:3px;}
.didaktisk-sorting__preview-image{margin:10px 0!important;}
.didaktisk-sorting--horizontal .didaktisk-sorting__preview-image .didaktisk-sorting__image{max-height:90px;margin:0 auto;}
.didaktisk-sorting--horizontal .didaktisk-sorting__card:has(.didaktisk-sorting__details[open]) .didaktisk-sorting__image{max-height:220px;}
@media(min-width:601px){
.didaktisk-sorting--horizontal .didaktisk-sorting__line{grid-template-columns:repeat(var(--sorting-count),160px);grid-template-rows:auto 96px auto;column-gap:0;padding:0 58px!important;}
.didaktisk-sorting--horizontal .didaktisk-sorting__card{width:240px;justify-self:center;}
.didaktisk-sorting--horizontal .didaktisk-sorting__card::after{height:48px;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry:nth-child(odd) .didaktisk-sorting__card::after{bottom:-50px;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry:nth-child(even) .didaktisk-sorting__card::after{top:-50px;}
.didaktisk-sorting--horizontal .didaktisk-sorting__value{position:relative;align-self:stretch;display:block;margin:0 0 0 calc(50% - 6px);padding:0;background:transparent;}
.didaktisk-sorting--horizontal .didaktisk-sorting__value::before{position:absolute;top:42px;left:0;}
.didaktisk-sorting--horizontal .didaktisk-sorting__value-text{position:absolute;bottom:calc(50% + 10px);left:14px;width:130px;max-height:2.6em;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
}

/* Revised cards based on 2.11.1: keep 240px width, increase spacing. */
.didaktisk-blok--sorteringslinje .didaktisk-sorting__card{background:#ffffffb5;border:2px solid #005177;border-radius:10px;}

/* Values left of the vertical rail, centered against compact event cards. */
.didaktisk-sorting--vertical .didaktisk-sorting__line{--sorting-value-width:100px;--sorting-gap:56px;position:relative;display:block;width:auto;min-width:0;isolation:isolate;border:0;margin:20px 0!important;padding:0!important;}
.didaktisk-sorting--vertical .didaktisk-sorting__line::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--sorting-value-width) + var(--sorting-gap)/2);width:0;border-left:4px dotted #005177;z-index:0;}
.didaktisk-sorting--vertical .didaktisk-sorting__entry{position:relative;display:grid;grid-template-columns:var(--sorting-value-width) minmax(0,1fr);align-items:center;column-gap:var(--sorting-gap);margin:0 0 24px!important;padding:0!important;}
.didaktisk-sorting--vertical .didaktisk-sorting__entry::before{content:"";display:block;position:absolute;left:calc(var(--sorting-value-width) + var(--sorting-gap)/2 - 6px);top:50%;transform:translateY(-50%);width:15px;height:15px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:#005177;z-index:1;}
.didaktisk-sorting--vertical .didaktisk-sorting__value{position:static;display:block;grid-column:1;grid-row:auto;align-self:center;justify-self:stretch;text-align:right;margin:0;padding:0;max-width:none;background:transparent;line-height:1.4;}
.didaktisk-sorting--vertical .didaktisk-sorting__value::before{display:none;}
.didaktisk-sorting--vertical .didaktisk-sorting__value-text{position:static;display:block;width:auto;max-height:none;overflow:visible;}
.didaktisk-sorting--vertical .didaktisk-sorting__card{position:relative;grid-column:2;grid-row:auto;width:auto;justify-self:stretch;align-self:center;}
.didaktisk-sorting--vertical .didaktisk-sorting__card::after{display:none;}

@media(max-width:600px){
.didaktisk-sorting--horizontal .didaktisk-sorting__line{--sorting-value-width:150px;--sorting-gap:32px;position:relative;display:block;width:auto;min-width:0;isolation:isolate;border:0;margin:20px 0!important;padding:0!important;}
.didaktisk-sorting--horizontal .didaktisk-sorting__line::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--sorting-value-width) + var(--sorting-gap)/2);width:0;border-left:3px solid #005177;z-index:0;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry{position:relative;display:grid;grid-template-columns:var(--sorting-value-width) minmax(0,1fr);align-items:center;column-gap:var(--sorting-gap);margin:0 0 24px!important;padding:0!important;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry::before{content:"";display:block;position:absolute;left:calc(var(--sorting-value-width) + var(--sorting-gap)/2 - 6px);top:50%;transform:translateY(-50%);width:15px;height:15px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:#005177;z-index:1;}
.didaktisk-sorting--horizontal .didaktisk-sorting__value{position:static;display:block;grid-column:1;grid-row:auto;align-self:center;justify-self:stretch;text-align:right;margin:0;padding:0;max-width:none;background:transparent;line-height:1.4;}
.didaktisk-sorting--horizontal .didaktisk-sorting__value::before{display:none;}
.didaktisk-sorting--horizontal .didaktisk-sorting__value-text{position:static;display:block;width:auto;max-height:none;overflow:visible;}
.didaktisk-sorting--horizontal .didaktisk-sorting__card{position:relative;grid-column:2;grid-row:auto;width:auto;justify-self:stretch;align-self:center;}
.didaktisk-sorting--horizontal .didaktisk-sorting__card::after{display:none;}

.didaktisk-sorting--vertical .didaktisk-sorting__line,.didaktisk-sorting--horizontal .didaktisk-sorting__line{--sorting-value-width:70px;--sorting-gap:32px;}
}

.didaktisk-blok--sorteringslinje .didaktisk-sorting__preview-image .didaktisk-sorting__image{max-height:90px;margin:0 auto;}
.didaktisk-blok--sorteringslinje .didaktisk-sorting__card:has(.didaktisk-sorting__details[open]) .didaktisk-sorting__image{max-height:220px;}
.didaktisk-blok--sorteringslinje.didaktisk-blok--safety-board .didaktisk-sorting__excerpt,.didaktisk-blok--sorteringslinje.didaktisk-blok--safety-board .didaktisk-sorting__details summary{font-size:18px;}

/* Close expanded cards after the full text, in both orientations. */
.didaktisk-sorting__details[open] > summary{display:none;}
.didaktisk-sorting__collapse{display:block;margin:12px 0 0;padding:6px 0;border:0;background:transparent;color:#005177;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-align:left;}
.didaktisk-sorting__collapse:focus-visible{outline:2px solid #005177;outline-offset:3px;}
.didaktisk-blok .didaktisk-blok__expand,.didaktisk-blok .didaktisk-blok__expand:hover{background:rgba(255,255,255,0);color:#005177;}

/* Connect each vertical marker to its card at the row's center. */
.didaktisk-sorting--vertical .didaktisk-sorting__entry::after{content:"";position:absolute;left:calc(var(--sorting-value-width) + var(--sorting-gap)/2);top:50%;width:calc(var(--sorting-gap)/2);height:2px;transform:translateY(-50%);background:#005177;z-index:0;}
@media(max-width:600px){.didaktisk-sorting--horizontal .didaktisk-sorting__entry::after{content:"";position:absolute;left:calc(var(--sorting-value-width) + var(--sorting-gap)/2);top:50%;width:calc(var(--sorting-gap)/2);height:2px;transform:translateY(-50%);background:#005177;z-index:0;}}

.didaktisk-sorting__tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;}
.didaktisk-sorting__toggle-view{border:1px solid #005177;background:transparent;color:#005177;border-radius:4px;padding:8px 12px;font:inherit;cursor:pointer;}
.didaktisk-sorting__toggle-view:hover{background:rgba(0,81,119,.07);}
.didaktisk-sorting__toggle-view:focus-visible{outline:2px solid #005177;outline-offset:3px;}
/* Both layouts intentionally use the vertical mobile presentation. */
@media(max-width:600px){.didaktisk-sorting__toggle-view{display:none;}}

/* Opaque fullscreen background for both sorting orientations. */
.didaktisk-blok--sorteringslinje.didaktisk-blok--safety-board{background:#ece6dc;}
dialog.didaktisk-presentation:has(.didaktisk-blok--sorteringslinje){background:#ece6dc;}

.didaktisk-sorting__description{margin:0 0 20px;overflow-wrap:anywhere;}

.didaktisk-sorting__after-text{margin:20px 0 0;overflow-wrap:anywhere;}

/* Optional two-column image placement in the vertical layout only. */
@media(min-width:601px){
.didaktisk-sorting--vertical.didaktisk-sorting--image-left .didaktisk-sorting__card.didaktisk-sorting__card--has-image{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);column-gap:16px;align-content:start;}
.didaktisk-sorting--vertical.didaktisk-sorting--image-left .didaktisk-sorting__card.didaktisk-sorting__card--has-image > :not(.didaktisk-sorting__preview-image):not(.jre-element-host){grid-column:2;min-width:0;}
.didaktisk-sorting--vertical.didaktisk-sorting--image-left .didaktisk-sorting__card > .didaktisk-sorting__preview-image{grid-column:1;grid-row:1 / span 3;align-self:start;margin:0!important;min-width:0;}
.didaktisk-sorting--vertical.didaktisk-sorting--image-left .didaktisk-sorting__preview-image .didaktisk-sorting__image{width:100%;height:auto;object-fit:contain;}
}

/* The image expander wraps the preview figure in .jre-element-host on frontend. */
@media(min-width:601px){
.didaktisk-sorting--vertical.didaktisk-sorting--image-left .didaktisk-sorting__card--has-image > .jre-element-host{grid-column:1;grid-row:1 / span 3;align-self:start;display:block;width:100%;min-width:0;max-width:100%;margin:0;box-sizing:border-box;}
.didaktisk-sorting--vertical.didaktisk-sorting--image-left .didaktisk-sorting__card--has-image > .jre-element-host > .didaktisk-sorting__preview-image{width:100%;margin:0!important;}
}

/* Same-side cards use wider columns so adjacent cards cannot overlap. */
@media(min-width:601px){
.didaktisk-sorting--horizontal:is(.didaktisk-sorting--placement-above,.didaktisk-sorting--placement-below) .didaktisk-sorting__line{grid-template-columns:repeat(var(--sorting-count),264px);padding:0 12px!important;}
.didaktisk-sorting--horizontal.didaktisk-sorting--placement-above .didaktisk-sorting__entry .didaktisk-sorting__card{grid-row:1;align-self:end;}
.didaktisk-sorting--horizontal.didaktisk-sorting--placement-above .didaktisk-sorting__entry .didaktisk-sorting__card::after{top:auto;bottom:-50px;}
.didaktisk-sorting--horizontal.didaktisk-sorting--placement-above .didaktisk-sorting__value-text{top:calc(50% + 10px);bottom:auto;}
.didaktisk-sorting--horizontal.didaktisk-sorting--placement-below .didaktisk-sorting__entry .didaktisk-sorting__card{grid-row:3;align-self:start;}
.didaktisk-sorting--horizontal.didaktisk-sorting--placement-below .didaktisk-sorting__entry .didaktisk-sorting__card::after{top:-50px;bottom:auto;}
}

/* Values opposite their cards, centered on the timeline marker. */
@media(min-width:601px){
.didaktisk-sorting--horizontal .didaktisk-sorting__line{grid-template-rows:auto 128px auto;}
.didaktisk-sorting--horizontal .didaktisk-sorting__value::before{top:calc(50% - 6px);}
.didaktisk-sorting--horizontal .didaktisk-sorting__value-text{left:6px;transform:translateX(-50%);width:144px;text-align:center;overflow-wrap:anywhere;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry:nth-child(odd) .didaktisk-sorting__value-text{top:calc(50% + 12px);bottom:auto;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry:nth-child(even) .didaktisk-sorting__value-text{top:auto;bottom:calc(50% + 12px);}
.didaktisk-sorting--horizontal .didaktisk-sorting__card::after{height:64px;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry:nth-child(odd) .didaktisk-sorting__card::after{bottom:-66px;}
.didaktisk-sorting--horizontal .didaktisk-sorting__entry:nth-child(even) .didaktisk-sorting__card::after{top:-66px;}
.didaktisk-sorting--horizontal:is(.didaktisk-sorting--placement-above,.didaktisk-sorting--placement-below) .didaktisk-sorting__value-text{width:240px;}
.didaktisk-sorting--horizontal.didaktisk-sorting--placement-above .didaktisk-sorting__entry .didaktisk-sorting__value-text{top:calc(50% + 12px);bottom:auto;}
.didaktisk-sorting--horizontal.didaktisk-sorting--placement-below .didaktisk-sorting__entry .didaktisk-sorting__value-text{top:auto;bottom:calc(50% + 12px);}
.didaktisk-sorting--horizontal.didaktisk-sorting--placement-above .didaktisk-sorting__entry .didaktisk-sorting__card::after{top:auto;bottom:-66px;}
.didaktisk-sorting--horizontal.didaktisk-sorting--placement-below .didaktisk-sorting__entry .didaktisk-sorting__card::after{top:-66px;bottom:auto;}
}

.didaktisk-sorting__supplement{display:block;white-space:pre-wrap;overflow-wrap:anywhere;}
.didaktisk-sorting__supplement::before{content:none;}
.didaktisk-sorting__supplement--small{font-size:75%;}
.didaktisk-sorting--vertical.didaktisk-sorting--supplements .didaktisk-sorting__line{--sorting-value-width:clamp(100px,25vw,240px);}
.didaktisk-sorting--supplements .didaktisk-sorting__value-text{overflow-wrap:anywhere;}
@media(min-width:601px){
/* Value groups occupy the opposite content row: their full height participates in layout. */
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements .didaktisk-sorting__line{grid-template-columns:repeat(var(--sorting-count),minmax(280px,max-content));padding:0 12px!important;column-gap:16px;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements .didaktisk-sorting__entry::before{content:"";display:block;position:static;inset:auto;transform:none;margin:0;box-sizing:border-box;z-index:1;grid-column:var(--sorting-column);grid-row:2;align-self:center;justify-self:center;width:18px;height:18px;border-radius:50%;background:#005177;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements .didaktisk-sorting__value{margin:0;padding:12px 0;justify-self:center;align-self:start;width:max-content;max-width:360px;max-height:none;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements .didaktisk-sorting__value::before{display:none;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements .didaktisk-sorting__entry .didaktisk-sorting__value-text{position:static;display:block;transform:none;width:auto;max-width:360px;max-height:none;overflow:visible;text-align:center;-webkit-line-clamp:unset;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements .didaktisk-sorting__entry:nth-child(odd) .didaktisk-sorting__value{grid-row:3;align-self:start;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements .didaktisk-sorting__entry:nth-child(even) .didaktisk-sorting__value{grid-row:1;align-self:end;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-above .didaktisk-sorting__entry .didaktisk-sorting__value{grid-row:3;align-self:start;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-below .didaktisk-sorting__entry .didaktisk-sorting__value{grid-row:1;align-self:end;}
}
@media(max-width:600px){
.didaktisk-sorting--supplements.didaktisk-blok--sorteringslinje .didaktisk-sorting__line{--sorting-value-width:100px;}
}

.didaktisk-sorting__supplement--italic{font-style:italic;}

/* Bring the complete value group close to its marker on the opposite side. */
@media(min-width:601px){
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements .didaktisk-sorting__value{padding:0;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements .didaktisk-sorting__entry:nth-child(odd) .didaktisk-sorting__value{transform:translateY(-46px);}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements .didaktisk-sorting__entry:nth-child(even) .didaktisk-sorting__value{transform:translateY(46px);}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-above .didaktisk-sorting__entry .didaktisk-sorting__value{transform:translateY(-46px);}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-below .didaktisk-sorting__entry .didaktisk-sorting__value{transform:translateY(46px);}
}

/* Compact alternating cards, with content-sized space around the shared rail. */
@media(min-width:601px){
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-alternate .didaktisk-sorting__line{grid-template-columns:repeat(var(--sorting-count),160px);grid-template-rows:auto minmax(208px,auto) auto;column-gap:0;padding:0 58px!important;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-alternate .didaktisk-sorting__entry .didaktisk-sorting__value{grid-row:2;align-self:stretch;display:grid;grid-template-rows:1fr 1fr;transform:none;width:144px;max-width:144px;padding:0;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-alternate .didaktisk-sorting__entry .didaktisk-sorting__value-text{width:144px;max-width:144px;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-alternate .didaktisk-sorting__entry:nth-child(odd) .didaktisk-sorting__value-text{grid-row:2;align-self:start;margin-top:18px;margin-bottom:0;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-alternate .didaktisk-sorting__entry:nth-child(even) .didaktisk-sorting__value-text{grid-row:1;align-self:end;margin-bottom:18px;margin-top:0;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-alternate .didaktisk-sorting__card::after{display:none;}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-alternate .didaktisk-sorting__entry::after{content:"";display:block;position:static;grid-column:var(--sorting-column);grid-row:2;align-self:stretch;justify-self:center;width:2px;height:auto;transform:none;margin:0;z-index:-1;background:linear-gradient(to bottom,#005177 0 50%,transparent 50% 100%);}
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-alternate .didaktisk-sorting__entry:nth-child(even)::after{background:linear-gradient(to bottom,transparent 0 50%,#005177 50% 100%);}
}

/* Alternating layout: let the value group determine the rail-to-card distance. */
@media(min-width:601px){
.didaktisk-sorting--horizontal.didaktisk-sorting--supplements.didaktisk-sorting--placement-alternate .didaktisk-sorting__line{grid-template-rows:auto auto auto;}
.didaktisk-sorting--horizontal.didaktisk-sorting--placement-alternate .didaktisk-sorting__supplement{margin-bottom:10px;}
}

.didaktisk-blok__after-text{margin-top:20px;overflow-wrap:anywhere;}
.didaktisk-note:not([open]) > summary .didaktisk-note__arrow{display:none;}

.didaktisk-blok--instruks .didaktisk-blok__deadline{background:#005177;color:#fff;border:0;border-radius:4px;}
.didaktisk-blok--instruks > .didaktisk-blok__after-text{padding:0 25px 20px;}
@media(max-width:600px){.didaktisk-blok--instruks > .didaktisk-blok__after-text{padding-inline:16px;}}

.didaktisk-blok--instruks .didaktisk-blok__info--instruction{justify-content:flex-end;align-items:stretch;padding-top:0;margin-bottom:16px;}
.didaktisk-blok--instruks .didaktisk-blok__info-item--deadline{background:#005177;color:#fff;display:inline-flex;align-items:center;gap:6px;}

.didaktisk-blok--instruks .didaktisk-blok__topbar{display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;padding:15px 18px 0 25px;}
.didaktisk-blok--instruks .didaktisk-blok__topbar .didaktisk-blok__info--instruction{flex:0 1 auto;min-width:0;margin:0;align-items:center;min-height:30px;}
.didaktisk-blok--instruks .didaktisk-blok__topbar > .didaktisk-blok__expand{position:static;flex:0 0 30px;}
.didaktisk-blok--instruks > .didaktisk-blok__header{padding-top:12px;padding-right:25px;}