/* Print stylesheet (KC05 § Print/Download PDF) — included site-wide with media=print;
   the bulk targets the material singleview (/vis/…). Design decision (mh, 2026-08-21):
   the Fakta box prints as a right-floated callout that the prose flows around — never
   pushed below the content. The coming server-side PDF pipeline renders this same
   print view, so keep the rules simple (CSS 2.1-ish) for the PDF renderer's sake. */

@page {
    margin: 15mm 14mm;
}

/* ---- chrome off ---- */
header#page-header,
footer.site-footer,
.hero-search-section,
.scroll-top,
#TSFE_ADMIN_PANEL_FORM,
.no-print {
    display: none !important;
}

body {
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt;
    line-height: 1.45;
}

a {
    color: #000;
    text-decoration: underline;
}

img {
    max-width: 100% !important;
    height: auto;
}

/* ---- sidelayout: bredde-systemet (KC04) ----
   Page/Default.html lægger alt colPos 0-indhold i .kc-page (max-width 1400px +
   2rem vandret padding) med en .kc-sidebar-kolonne ved siden af fra 992px.
   Ingen af de tre hører på papir: 1400px-cappen og paddingen lægger sig oven i
   @page-margenen ovenfor, og sidebaren er ekstrastof, ikke indhold. Uden dette
   printede sidebar-sider (fx /om, /faglig-inspiration/*) deres brødtekst i en
   smal kolonne med en tom sidebar ved siden af. Verificeret med
   emulateMedia({media:'print'}) 2026-08-21. */
.kc-page {
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.kc-page-inner {
    display: block !important;
}
.kc-content {
    width: auto !important;
    max-width: none !important;
}
.kc-sidebar {
    display: none !important;
}

/* ---- material singleview ---- */

/* single column: kill the content/factbox two-column layout */
.material-body-inner {
    display: block !important;
}
.material-main {
    width: auto !important;
    max-width: none !important;
}

/* Exactly ONE factbox, deterministically: bootstrap's d-lg-* utilities are also
   !important and load after this sheet, so the overrides need HIGHER SPECIFICITY
   (two classes) to win regardless of stylesheet order and print viewport width.
   The mobile copy sits BEFORE the prose in the DOM — floating it right makes the
   text flow around it. */
.material-detail .material-factbox-desktop {
    display: none !important;
}
.material-detail .material-factbox-mobile {
    display: block !important;
    float: right;
    width: 42%;
    margin: 0 0 5mm 7mm;
}

.fact-box {
    border: 1pt solid #888;
    background: none !important;
    padding: 4mm;
    break-inside: avoid;
    page-break-inside: avoid;
}
.fact-box h3 {
    margin: 0 0 2mm;
    font-size: 12pt;
}
.fact-row {
    margin: 0 0 1.5mm;
}
.fact-label,
.fact-label-small {
    font-weight: 700;
}

.material-title {
    font-size: 20pt;
    line-height: 1.2;
    margin: 0 0 4mm;
}
.material-section h2 {
    font-size: 14pt;
    margin: 5mm 0 2mm;
    break-after: avoid;
    page-break-after: avoid;
}
.material-prose {
    orphans: 3;
    widows: 3;
}
.material-separator {
    border: 0;
    border-top: 1pt solid #888;
    clear: none;
}

/* badges (factbox tags etc.) as plain outline chips — no ink-heavy fills */
.idea-badge {
    display: inline-block;
    border: 0.5pt solid #888;
    border-radius: 2mm;
    padding: 0 2mm;
    background: none !important;
    color: #000 !important;
}