/* Automatoverblik — tema "rail-stage / utility-atomic / brutalist-outline / airy / subtle".
   Kunstnerisk idé: «Prøvestanden». Spilleautomaten er skruet op og stillet på en laboratoriebænk: ruller er prøveglas, betalingslinjen er en lineal,
   RTP er en måler, og hver side er et prøveblad med nummer, stempel og kontroldato. Former: 0 px hjørner, 2 px streger, hårde forskudte skygger.
   Prefiks klasser: bbc-  ·  prefiks tokens: --bbc-  ·  ingen eksterne ressourcer. */

/* Skrifter: Lora (overskrifter) og Work Sans (brødtekst), selvhostede WOFF2 (OFL), latin. Filerne ligger i static/fonts/, men deres oprindelse er endnu ikke bekræftet af ejeren,
   derfor er blokken slået fra. Når ejeren har bekræftet filerne: fjern kommentaren, slå preload i base.html til og kør hash_assets.py.
@font-face { font-family: "Lora"; src: url("/assets/fonts/lora-latin-wght.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Lora"; src: url("/assets/fonts/lora-latin-wght-italic.woff2") format("woff2"); font-weight: 400 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Work Sans"; src: url("/assets/fonts/work-sans-latin-wght.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
Indtil da bruges stakkene nedenfor: Lora først, så de moderne systemserifer til overskrifter (Sitka Display/Heading, Iowan Old Style, Palatino) og Work Sans først, så Segoe UI Variable/Aptos/Avenir til tekst. */

/* 1. Tokens ------------------------------------------------------------- */
:root {
  --bbc-bg: #21141f;
  --bbc-surface: #31202e;
  --bbc-text: #f1eaef;
  --bbc-text-muted: #bea7ba;
  --bbc-primary: #dc6ac5;
  --bbc-on-primary: #170c15;
  --bbc-accent: #6bcde6;
  --bbc-link: #ea85e7;
  --bbc-border: #503c4c;
  --bbc-success: #56d364;
  --bbc-warning: #e3b341;
  --bbc-danger: #ff7b72;
  --bbc-edge: var(--bbc-text-muted);

  /* afledte nuancer: kun blandinger af tokens ovenfor */
  --bbc-tint-p: color-mix(in srgb, var(--bbc-primary) 13%, var(--bbc-bg));
  --bbc-tint-a: color-mix(in srgb, var(--bbc-accent) 11%, var(--bbc-bg));
  --bbc-tint-w: color-mix(in srgb, var(--bbc-warning) 11%, var(--bbc-bg));
  --bbc-tint-s: color-mix(in srgb, var(--bbc-success) 10%, var(--bbc-bg));
  --bbc-zebra: color-mix(in srgb, var(--bbc-surface) 52%, var(--bbc-bg));
  --bbc-shadow-2: 4px 4px 0 var(--bbc-border), 8px 8px 0 color-mix(in srgb, var(--bbc-border) 38%, var(--bbc-bg));
  --cv1: var(--bbc-primary);
  --cv2: var(--bbc-accent);

  --bbc-font-head: Lora, "Sitka Display", "Sitka Heading", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, "Times New Roman", serif;
  --bbc-font-body: "Work Sans", "Segoe UI Variable Text", "Segoe UI Variable", Aptos, "Avenir Next", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
  --bbc-font-mono: ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, monospace;

  /* skala 1,2 fra 18 px: 15 · 18 · 21,6 · 25,9 · 31,1 · 37,3 · 44,8 · 53,7 · 64,5 · 77,4 */
  --bbc-fs-0: 0.8333rem;
  --bbc-fs-1: 1rem;
  --bbc-fs-2: 1.2rem;
  --bbc-fs-3: 1.44rem;
  --bbc-fs-4: 1.728rem;
  --bbc-fs-5: 2.0736rem;
  --bbc-fs-6: 2.488rem;
  --bbc-fs-7: 2.986rem;
  --bbc-fs-8: 3.583rem;
  --bbc-fs-9: 4.3rem;

  --bbc-s-0: 0;
  --bbc-s-1: 4px;
  --bbc-s-2: 8px;
  --bbc-s-3: 12px;
  --bbc-s-4: 16px;
  --bbc-s-5: 24px;
  --bbc-s-6: 32px;
  --bbc-s-7: 48px;
  --bbc-s-8: 64px;

  --bbc-bw: 2px;
  --bbc-shadow: 4px 4px 0 var(--bbc-border);
  --bbc-shadow-h: 2px 2px 0 var(--bbc-border);
  --bbc-lh: 1.75;
  --bbc-t: 160ms;
  --bbc-rail: 14rem;
  --bbc-facts-w: 300px;
  --bbc-g: 20px;
}
@media (min-width: 600px) { :root { --bbc-g: 32px; } }
@media (min-width: 1100px) { :root { --bbc-g: 44px; } }

/* ikoner som masker (data-URI, kun alfa) og illustration til forsidens #spil */
:root {
  --bbc-m-warning: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 2 23 21H1zm-1 7v6h2V9zm0 8v2h2v-2z'/%3E%3C/svg%3E");
  --bbc-m-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1 5h2v2h-2zm0 4h2v6h-2z'/%3E%3C/svg%3E");
  --bbc-m-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.6 3h3l1.5 4.5-2 1.4a12 12 0 0 0 6 6l1.4-2 4.5 1.5v3A3.6 3.6 0 0 1 17.4 21 15.4 15.4 0 0 1 3 6.6 3.6 3.6 0 0 1 6.6 3z'/%3E%3C/svg%3E");
  --bbc-m-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");
  --bbc-m-document: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M5 2h9l5 5v15H5zm3 9v2h8v-2zm0 4v2h8v-2z'/%3E%3C/svg%3E");
  --bbc-m-quote: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 21V12.5C3 7.6 6 4.4 10.5 3.5l.7 1.9C8.6 6.2 7.3 8 7.3 10.5H11V21zm10 0V12.5c0-4.9 3-8.1 7.5-9l.7 1.9c-2.6.8-3.9 2.6-3.9 5.1H21V21z'/%3E%3C/svg%3E");
  --bbc-m-bulb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12 2a7 7 0 0 0-4 12.7V18h8v-3.3A7 7 0 0 0 12 2zM8.5 20h7v2h-7z'/%3E%3C/svg%3E");
  --bbc-m-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 10.5h11.2l-4.6-4.6L12 4.5l7.5 7.5-7.5 7.5-1.4-1.4 4.6-4.6H4z'/%3E%3C/svg%3E");
  --bbc-m-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 3h2v9.6l3.3-3.3 1.4 1.4L12 16.4l-5.7-5.7 1.4-1.4 3.3 3.3zM4 18h16v3H4z'/%3E%3C/svg%3E");
  --bbc-m-database: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3c4.4 0 8 1.3 8 3s-3.6 3-8 3-8-1.3-8-3 3.6-3 8-3zM4 9c0 1.7 3.6 3 8 3s8-1.3 8-3v3c0 1.7-3.6 3-8 3s-8-1.3-8-3zm0 6c0 1.7 3.6 3 8 3s8-1.3 8-3v3c0 1.7-3.6 3-8 3s-8-1.3-8-3z'/%3E%3C/svg%3E");
  --bbc-m-dash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 10.5h16v3H4z'/%3E%3C/svg%3E");
  --bbc-art-hist: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 260'%3E%3Crect x='14' y='14' width='332' height='232' fill='%2321141f' stroke='%23bea7ba' stroke-width='2'/%3E%3Crect x='24' y='24' width='332' height='232' fill='none'/%3E%3Crect x='30.0' y='202.6' width='16' height='23.4' fill='%23dc6ac5'/%3E%3Crect x='47.2' y='181.8' width='16' height='44.2' fill='%23dc6ac5'/%3E%3Crect x='64.4' y='150.6' width='16' height='75.4' fill='%23dc6ac5'/%3E%3Crect x='81.6' y='116.8' width='16' height='109.2' fill='%23dc6ac5'/%3E%3Crect x='98.8' y='83.0' width='16' height='143.0' fill='%23dc6ac5'/%3E%3Crect x='116.0' y='54.4' width='16' height='171.6' fill='%23dc6ac5'/%3E%3Crect x='133.2' y='70.0' width='16' height='156.0' fill='%23dc6ac5'/%3E%3Crect x='150.4' y='98.6' width='16' height='127.4' fill='%23dc6ac5'/%3E%3Crect x='167.6' y='127.2' width='16' height='98.8' fill='%23dc6ac5'/%3E%3Crect x='184.8' y='150.6' width='16' height='75.4' fill='%23dc6ac5'/%3E%3Crect x='202.0' y='168.8' width='16' height='57.2' fill='%23dc6ac5'/%3E%3Crect x='219.2' y='184.4' width='16' height='41.6' fill='%23dc6ac5'/%3E%3Crect x='236.4' y='194.8' width='16' height='31.2' fill='%23dc6ac5'/%3E%3Crect x='253.6' y='202.6' width='16' height='23.4' fill='%236bcde6'/%3E%3Crect x='270.8' y='209.1' width='16' height='16.9' fill='%236bcde6'/%3E%3Crect x='288.0' y='214.3' width='16' height='11.7' fill='%236bcde6'/%3E%3Crect x='305.2' y='218.2' width='16' height='7.8' fill='%236bcde6'/%3E%3Crect x='322.4' y='220.8' width='16' height='5.2' fill='%236bcde6'/%3E%3Cpath d='M26 226H334' stroke='%23f1eaef' stroke-width='3'/%3E%3Cpath d='M30.0 226v10' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M47.2 226v6' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M64.4 226v6' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M81.6 226v10' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M98.8 226v6' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M116.0 226v6' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M133.2 226v10' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M150.4 226v6' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M167.6 226v6' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M184.8 226v10' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M202.0 226v6' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M219.2 226v6' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M236.4 226v10' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M253.6 226v6' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M270.8 226v6' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M288.0 226v10' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M305.2 226v6' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M322.4 226v6' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M339.6 226v10' stroke='%23bea7ba' stroke-width='2'/%3E%3Cpath d='M139 40V226' stroke='%23e3b341' stroke-width='3' stroke-dasharray='7 6'/%3E%3Cpolygon points='132,34 146,34 139,46' fill='%23e3b341'/%3E%3C/svg%3E");
}

/* 2. Basis -------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 18px; -webkit-text-size-adjust: 100%; color-scheme: dark; background: var(--bbc-bg); scroll-padding-top: 24px; scroll-behavior: smooth; }
body {
  margin: 0; min-height: 100vh;
  background: var(--bbc-bg); color: var(--bbc-text);
  font-family: var(--bbc-font-body); font-size: var(--bbc-fs-1); line-height: var(--bbc-lh);
  text-rendering: optimizeLegibility; font-optical-sizing: auto; font-variant-numeric: lining-nums;
}
img, svg { max-width: 100%; }
h1, h2, h3, h4 { font-family: var(--bbc-font-head); line-height: 1.2; margin: 0; font-weight: 700; text-wrap: balance; font-variant-numeric: lining-nums; }
p, ul, ol, dl, figure, table { margin: 0; }
a { color: var(--bbc-link); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 3px; transition: background-color var(--bbc-t) ease, color var(--bbc-t) ease, box-shadow var(--bbc-t) ease; }
a:hover { background: var(--bbc-link); color: var(--bbc-on-primary); text-decoration-color: transparent; }
:focus-visible { outline: 3px solid var(--bbc-accent); outline-offset: 2px; }
::selection { background: var(--bbc-primary); color: var(--bbc-on-primary); }
.bbc-ic { width: 1.1em; height: 1.1em; fill: currentColor; flex: none; vertical-align: -0.18em; }
.bbc-skip { position: absolute; left: 16px; top: -80px; z-index: 100; padding: 12px 16px; background: var(--bbc-primary); color: var(--bbc-on-primary); font-weight: 600; border: var(--bbc-bw) solid var(--bbc-text); text-decoration: none; }
.bbc-skip:focus { top: 16px; }
.bbc-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* 3. Skelet: body > .shell > nav.rail + .stage ---------------------------- */
.bbc-grid { display: grid; grid-template-columns: var(--bbc-rail) minmax(0, 1fr); align-items: start; }
.bbc-stage { min-width: 0; display: flex; flex-direction: column; min-height: 100vh; }
.bbc-stage > .bbc-article { flex: 1 0 auto; }

.bbc-test { background: var(--bbc-bg); color: var(--bbc-warning); border-bottom: var(--bbc-bw) dashed var(--bbc-warning); padding: 8px 16px; font-size: var(--bbc-fs-0); line-height: 1.5; text-align: center; }
.bbc-test .bbc-ic { margin-right: 6px; }

.bbc-strip { background: var(--bbc-surface); border-bottom: var(--bbc-bw) solid var(--bbc-border); padding: 10px var(--bbc-g); font-size: var(--bbc-fs-0); line-height: 1.5; color: var(--bbc-text); }
.bbc-strip b { color: var(--bbc-accent); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.bbc-strip a { white-space: nowrap; }

/* 3a. Rejsen (rail) + mega-menu paa <details> ------------------------------ */
.bbc-rail {
  position: sticky; top: 0; z-index: 30; align-self: start;
  height: 100vh; display: flex; flex-direction: column; gap: 12px;
  padding: 24px 16px 16px; background: var(--bbc-surface);
  border-right: var(--bbc-bw) solid var(--bbc-edge);
  background-image: radial-gradient(var(--bbc-border) 1.2px, transparent 1.4px); background-size: 16px 16px;
}
.bbc-brand { display: grid; grid-template-columns: 38px minmax(0, 1fr); column-gap: 10px; align-items: center; color: var(--bbc-text); text-decoration: none; padding: 0 0 16px; border-bottom: var(--bbc-bw) solid var(--bbc-edge); margin-bottom: 4px; }
.bbc-brand-mark { width: 38px; height: 38px; color: var(--bbc-text); grid-row: span 2; transition: transform var(--bbc-t) ease; }
.bbc-brand-t { font-family: var(--bbc-font-head); font-weight: 700; font-size: var(--bbc-fs-2); line-height: 1.1; letter-spacing: -0.01em; }
.bbc-brand-s { grid-column: 2; font-size: var(--bbc-fs-0); line-height: 1.3; color: var(--bbc-text-muted); margin-top: 3px; }
.bbc-brand:hover { background: transparent; color: var(--bbc-text); }
.bbc-brand:hover .bbc-brand-mark { transform: rotate(-6deg) scale(1.06); }
.bbc-brand:hover .bbc-brand-t { color: var(--bbc-primary); }
.bbc-menu-link { display: none; align-items: center; gap: 8px; min-height: 44px; padding: 0 16px; background: var(--bbc-primary); color: var(--bbc-on-primary); font-weight: 700; text-decoration: none; border: var(--bbc-bw) solid var(--bbc-text); box-shadow: var(--bbc-shadow-h); }
.bbc-menu-link:hover { background: var(--bbc-text); color: var(--bbc-on-primary); }
.bbc-panel > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 48px; padding: 6px 12px;
  list-style: none; cursor: pointer; font-weight: 600; font-size: var(--bbc-fs-1); line-height: 1.3;
  border: var(--bbc-bw) solid var(--bbc-edge); background: var(--bbc-bg); color: var(--bbc-text);
  transition: background-color var(--bbc-t) ease, color var(--bbc-t) ease, box-shadow var(--bbc-t) ease, transform var(--bbc-t) ease;
}
.bbc-panel > summary::-webkit-details-marker { display: none; }
.bbc-panel > summary::marker { content: ""; }
.bbc-panel > summary .bbc-ic { transition: transform var(--bbc-t) ease; }
.bbc-panel > summary:hover { box-shadow: var(--bbc-shadow-h); transform: translate(-2px, -2px); }
.bbc-panel[open] > summary { background: var(--bbc-primary); color: var(--bbc-on-primary); border-color: var(--bbc-primary); }
.bbc-panel[open] > summary .bbc-ic { transform: rotate(-90deg); }
.bbc-panel > ul {
  list-style: none; padding: 8px; margin: 0;
  position: absolute; top: 0; left: 100%; z-index: 60;
  width: min(27rem, calc(100vw - var(--bbc-rail) - 16px)); max-height: 100vh; overflow: auto;
  background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: var(--bbc-shadow-2);
}
.bbc-panel > ul > li + li { border-top: var(--bbc-bw) solid var(--bbc-border); }
.bbc-panel > ul a { display: block; padding: 12px 16px; min-height: 44px; text-decoration: none; color: var(--bbc-text); }
.bbc-panel > ul a:hover { background: var(--bbc-link); color: var(--bbc-on-primary); }
.bbc-panel > ul a:hover .bbc-nav-d { color: var(--bbc-on-primary); }
.bbc-panel > ul a[aria-current="page"] { box-shadow: inset 6px 0 0 var(--bbc-accent); }
.bbc-nav-t { display: block; font-weight: 600; line-height: 1.35; }
.bbc-nav-d { display: block; font-size: var(--bbc-fs-0); line-height: 1.45; color: var(--bbc-text-muted); margin-top: 2px; }
.bbc-rail-note { margin: 12px 0 0; align-self: flex-start; font-family: var(--bbc-font-head); font-size: var(--bbc-fs-3); font-weight: 700; line-height: 1; padding: 8px 12px; border: var(--bbc-bw) solid var(--bbc-warning); color: var(--bbc-warning); background: var(--bbc-bg); box-shadow: var(--bbc-shadow-h); white-space: nowrap; }

/* 3b. Smal skaerm: rejsen bliver en top-stribe med knappen "Menu" ------------ */
@media (max-width: 899.98px) {
  html { scroll-padding-top: 88px; }
  .bbc-grid { display: block; }
  .bbc-rail { height: auto; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 8px 16px; border-right: 0; border-bottom: var(--bbc-bw) solid var(--bbc-edge); background-image: none; }
  .bbc-brand { border: 0; padding: 2px 0; margin: 0 auto 0 0; grid-template-columns: 34px auto; }
  .bbc-brand-mark { width: 34px; height: 34px; }
  .bbc-brand-s { display: none; }
  .bbc-brand-mark { grid-row: 1; }
  .bbc-brand-t { grid-column: 2; grid-row: 1; }
  .bbc-menu-link { display: inline-flex; }
  .bbc-rail .bbc-panel, .bbc-rail .bbc-rail-note { display: none; }
  .bbc-rail:target { max-height: 100vh; max-height: 100dvh; overflow: auto; }
  .bbc-rail:target .bbc-panel { display: block; flex: 1 0 100%; }
  .bbc-rail:target .bbc-rail-note { display: block; flex: 1 0 100%; margin-top: 0; }
  .bbc-panel > ul { position: static; width: auto; max-height: none; box-shadow: none; border-top: 0; margin-bottom: 4px; }
}

/* 4. Komponenter: knapper, chips, overskrifter --------------------------------- */
.bbc-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 8px 24px; font: inherit; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; border: var(--bbc-bw) solid var(--bbc-text); border-radius: 0; background: var(--bbc-primary); color: var(--bbc-on-primary); box-shadow: var(--bbc-shadow); transition: transform var(--bbc-t) ease, box-shadow var(--bbc-t) ease, background-color var(--bbc-t) ease, color var(--bbc-t) ease; }
.bbc-btn:hover { transform: translate(2px, 2px); box-shadow: var(--bbc-shadow-h); background: var(--bbc-text); color: var(--bbc-on-primary); }
.bbc-btn:active { transform: translate(4px, 4px); box-shadow: none; }
.bbc-btn .bbc-ic { transition: transform var(--bbc-t) ease; }
.bbc-btn:hover .bbc-ic { transform: translateX(3px); }
.bbc-btn-2 { background: var(--bbc-bg); color: var(--bbc-text); }
.bbc-btn-2:hover { background: var(--bbc-surface); color: var(--bbc-text); }
.bbc-btn-lg { min-height: 56px; padding: 10px 24px; font-size: var(--bbc-fs-1); box-shadow: 6px 6px 0 var(--bbc-border); }
.bbc-btn-t { min-height: 44px; padding: 4px 8px; background: transparent; color: var(--bbc-link); border-color: transparent; box-shadow: none; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.bbc-btn-t:hover { background: var(--bbc-link); color: var(--bbc-on-primary); transform: none; }
.bbc-row { display: flex; flex-wrap: wrap; gap: 12px 16px; }

.bbc-chip { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 2px 10px; border: var(--bbc-bw) solid var(--bbc-edge); background: var(--bbc-bg); color: var(--bbc-text); font-family: var(--bbc-font-body); font-size: var(--bbc-fs-0); font-weight: 700; line-height: 1.2; letter-spacing: 0.07em; text-transform: uppercase; }
.bbc-chip-p { background: var(--bbc-primary); border-color: var(--bbc-primary); color: var(--bbc-on-primary); }
.bbc-kicker { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 0 0 14px; }
.bbc-kicker-n { font-family: var(--bbc-font-mono); font-size: var(--bbc-fs-0); letter-spacing: 0.1em; text-transform: uppercase; color: var(--bbc-text-muted); }

/* 5. Artikel: raster, omslag, kapsel, fakta -------------------------------------- */
.bbc-article { display: grid; grid-template-columns: var(--bbc-g) minmax(0, 1fr) var(--bbc-g); padding: 0 0 80px; align-content: start; overflow-wrap: break-word; }
.bbc-article > * { grid-column: 2; min-width: 0; }
.bbc-article > :is(.bbc-cover, .bbc-hero, .bbc-stats, .bbc-cta) { grid-column: 1 / -1; }
.bbc-article > :is(p, ul, ol, dl, h2, h3, h4, blockquote, hr, pre) { max-width: 68ch; }

.bbc-crumbs { font-size: var(--bbc-fs-0); line-height: 1.5; margin: 0 0 20px; color: var(--bbc-text-muted); }
.bbc-crumbs ol { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 4px 0; }
.bbc-crumbs li + li::before { content: "/"; margin: 0 10px; color: var(--bbc-edge); }
.bbc-crumbs a { color: var(--bbc-text-muted); }
.bbc-crumbs a:hover { color: var(--bbc-on-primary); }
.bbc-crumbs [aria-current] { color: var(--bbc-text); }

.bbc-h1 { hyphens: auto; -webkit-hyphens: auto; font-size: 2.05rem; font-weight: 800; font-optical-sizing: auto; letter-spacing: -0.028em; line-height: 1.06; margin: 0; }
@media (min-width: 600px) { .bbc-h1 { font-size: clamp(2.4rem, 1.5rem + 2.2vw, 3.1rem); } }

/* 5a. Omslag: type-chip, proeveblad-nr., egen SVG ---------------------------------- */
.bbc-tone-0 { --cv1: var(--bbc-primary); --cv2: var(--bbc-accent); }
.bbc-tone-1 { --cv1: var(--bbc-accent); --cv2: var(--bbc-primary); }
.bbc-tone-2 { --cv1: var(--bbc-warning); --cv2: var(--bbc-accent); }
.bbc-cover {
  display: grid; gap: 28px 40px; align-items: center; position: relative; overflow: hidden;
  padding: 28px var(--bbc-g) 40px; margin-bottom: 40px; border-bottom: var(--bbc-bw) solid var(--bbc-edge);
  background:
    radial-gradient(color-mix(in srgb, var(--cv1) 38%, var(--bbc-bg)) 1.3px, transparent 1.6px) 0 0 / 22px 22px,
    linear-gradient(112deg, color-mix(in srgb, var(--cv1) 15%, var(--bbc-bg)) 0 58%, var(--bbc-bg) 58% 100%);
}
.bbc-cover::after { content: ""; position: absolute; right: -40px; bottom: -40px; width: 160px; height: 160px; border: var(--bbc-bw) solid color-mix(in srgb, var(--cv2) 55%, transparent); transform: rotate(12deg); pointer-events: none; }
.bbc-cover-txt { position: relative; z-index: 1; min-width: 0; max-width: 40rem; }
.bbc-cover-art { position: relative; z-index: 1; margin: 0; width: 100%; max-width: 440px; justify-self: center; }
.bbc-cover-svg, .bbc-hero-svg { display: block; width: 100%; height: auto; overflow: visible; }
.bbc-cover-svg *, .bbc-hero-svg * { vector-effect: non-scaling-stroke; }
@media (min-width: 900px) {
  .bbc-cover { grid-template-columns: minmax(0, 1fr) minmax(260px, 400px); padding-top: 40px; padding-bottom: 48px; }
  .bbc-cover-art { justify-self: end; }
}
@media (max-width: 599.98px) {
  .bbc-cover { gap: 20px; padding-bottom: 28px; margin-bottom: 28px; }
  .bbc-cover-art { max-width: 300px; justify-self: start; }
}

/* 5b. Kapsel ("Kort svar"), kontrollinje -------------------------------------------- */
.bbc-capsule {
  position: relative; margin: 0 0 20px; padding: 36px 24px 24px; background: var(--bbc-surface);
  border: var(--bbc-bw) solid var(--bbc-edge); border-left: 10px solid var(--bbc-primary);
  box-shadow: var(--bbc-shadow-2); font-family: var(--bbc-font-head); font-size: var(--bbc-fs-2); line-height: 1.6; font-weight: 400;
}
.bbc-capsule::before { content: "Kort svar"; position: absolute; left: -2px; top: -2px; padding: 3px 12px; background: var(--bbc-primary); color: var(--bbc-on-primary); font-family: var(--bbc-font-body); font-size: var(--bbc-fs-0); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.4; }
.bbc-capsule a { font-weight: 600; }
.bbc-checked { font-size: var(--bbc-fs-0); line-height: 1.5; color: var(--bbc-text-muted); margin: 8px 0 32px; padding: 10px 0; border-top: var(--bbc-bw) dashed var(--bbc-border); border-bottom: var(--bbc-bw) dashed var(--bbc-border); display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.bbc-checked b { color: var(--bbc-text); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
.bbc-checked time { color: var(--bbc-accent); font-weight: 500; }
.bbc-checked .bbc-ic { color: var(--bbc-accent); }

/* 5c. Fakta og kontroldato: proeveetiket ---------------------------------------------- */
.bbc-facts { margin: 0 0 40px; padding: 0 0 20px; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: var(--bbc-shadow-2); font-size: var(--bbc-fs-0); line-height: 1.55; }
.bbc-facts > h2 { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; padding: 10px 20px; font-family: var(--bbc-font-body); font-size: var(--bbc-fs-0); font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; background: var(--bbc-primary); color: var(--bbc-on-primary); line-height: 1.3; }
.bbc-facts > :not(h2) { margin-left: 20px; margin-right: 20px; }
.bbc-facts dl { display: grid; gap: 0; grid-template-columns: minmax(0, 1fr); }
.bbc-facts dt { margin-top: 14px; }
.bbc-facts dt:first-child { margin-top: 0; }
.bbc-facts dt { font-weight: 600; color: var(--bbc-text-muted); display: flex; align-items: center; gap: 6px; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.8em; }
.bbc-facts dd { margin: 2px 0 0; color: var(--bbc-text); font-size: var(--bbc-fs-1); line-height: 1.4; }
.bbc-facts dd time, .bbc-facts dd b { color: var(--bbc-accent); font-weight: 600; }
.bbc-facts .bbc-note { margin-top: 16px; padding-top: 12px; border-top: var(--bbc-bw) dashed var(--bbc-border); color: var(--bbc-text-muted); }
.bbc-facts .bbc-stale { margin-top: 16px; color: var(--bbc-warning); font-weight: 600; }
.bbc-fmeter { margin-top: 18px; padding-top: 14px; border-top: var(--bbc-bw) dashed var(--bbc-border); }
.bbc-facts .bbc-fmeter h3 { font-family: var(--bbc-font-body); font-size: 0.8em; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bbc-text-muted); margin: 0 0 8px; font-weight: 600; }
.bbc-meter { display: grid; grid-template-columns: repeat(20, 1fr); gap: 2px; height: 14px; }
.bbc-meter i { background: var(--bbc-border); border: 0; }
.bbc-meter i.on { background: var(--bbc-warning); box-shadow: inset 0 -4px 0 color-mix(in srgb, var(--bbc-bg) 30%, transparent); }
.bbc-meter-l { margin: 8px 0 0; color: var(--bbc-text-muted); line-height: 1.45; }
.bbc-meter-l b { color: var(--bbc-warning); font-family: var(--bbc-font-head); font-size: 1.3em; }
.bbc-toc { margin-top: 18px; padding-top: 14px; border-top: var(--bbc-bw) dashed var(--bbc-border); }
.bbc-facts .bbc-toc h3 { margin: 0 0 8px; font-weight: 600; font-family: var(--bbc-font-body); font-size: 0.8em; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bbc-text-muted); }
.bbc-toc ol { list-style: none; padding: 0; counter-reset: bbc-toc; }
.bbc-toc li { counter-increment: bbc-toc; display: flex; gap: 10px; }
.bbc-toc li::before { content: counter(bbc-toc, decimal-leading-zero); color: var(--bbc-primary); font-weight: 700; font-family: var(--bbc-font-mono); flex: none; padding-top: 4px; }
.bbc-toc a { display: inline-block; padding: 4px 0; line-height: 1.35; }
.bbc-toc a.bbc-on { color: var(--bbc-text); text-decoration-color: var(--bbc-accent); background: var(--bbc-tint-a); box-shadow: -8px 0 0 var(--bbc-tint-a), 6px 0 0 var(--bbc-tint-a); }
.bbc-article .bbc-toc ol { padding: 0; margin: 0; }
.bbc-article .bbc-toc li { margin: 0; padding: 0; }

@media (min-width: 900px) and (max-width: 1179.98px) {
  .bbc-facts dl { grid-template-columns: none; grid-template-rows: auto auto; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); column-gap: 24px; }
  .bbc-facts dt { margin-top: 0; }
}

/* 5d. Broedtekst: markering fra skribenterne ----------------------------------------- */
.bbc-article { counter-reset: bbc-sec; }
.bbc-article section { margin-top: 56px; position: relative; counter-increment: bbc-sec; }
.bbc-article section > h2 { font-size: var(--bbc-fs-4); line-height: 1.15; letter-spacing: -0.015em; margin: 0 0 20px; padding-bottom: 14px; border-bottom: var(--bbc-bw) solid var(--bbc-border); }
.bbc-article section > h2::before { content: counter(bbc-sec, decimal-leading-zero); display: block; margin-bottom: 8px; font-family: var(--bbc-font-mono); font-size: var(--bbc-fs-0); font-weight: 700; letter-spacing: 0.14em; color: var(--bbc-accent); }
.bbc-article section > h2 { position: relative; }
.bbc-article section > h2::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 72px; height: 4px; background: var(--bbc-primary); }
.bbc-article h3 { font-size: var(--bbc-fs-2); margin: 32px 0 10px; }
.bbc-article h4 { font-size: var(--bbc-fs-2); margin: 24px 0 8px; }
@media (min-width: 600px) {
  .bbc-article section > h2 { font-size: var(--bbc-fs-5); }
  .bbc-article h3 { font-size: var(--bbc-fs-3); }
}
.bbc-article section p, .bbc-article > p:not([class]) { margin: 0 0 18px; max-width: 68ch; }
.bbc-article section > :is(ul, ol) { max-width: 68ch; }
.bbc-article ul, .bbc-article ol { padding-left: 0; margin: 0 0 18px; list-style: none; }
.bbc-article li { margin: 0 0 10px; padding-left: 28px; position: relative; }
.bbc-article ul > li::before { content: ""; position: absolute; left: 4px; top: 0.62em; width: 10px; height: 10px; background: var(--bbc-primary); box-shadow: 3px 3px 0 var(--bbc-border); }
.bbc-article strong { font-weight: 600; color: var(--bbc-text); }
.bbc-article code { font-family: var(--bbc-font-mono); font-size: 0.88em; background: var(--bbc-bg); border: var(--bbc-bw) solid var(--bbc-border); padding: 0 6px; }
.bbc-article hr { border: 0; height: 12px; margin: 40px 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12'%3E%3Crect x='0' y='4' width='12' height='4' fill='%23dc6ac5'/%3E%3Crect x='14' y='4' width='4' height='4' fill='%236bcde6'/%3E%3C/svg%3E") repeat-x left center; }

/* rytme: hver tredje afsnit faar anden form (panel / sidekant) */
.bbc-article:not(.bbc-home) :where(section:nth-of-type(3n+2):not(.bbc-faq):not(.bbc-related)) { padding: 28px; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: var(--bbc-shadow-2); margin-top: 64px; }
.bbc-article:not(.bbc-home) :where(section:nth-of-type(3n+2)) > h2 { border-bottom-style: dashed; }
.bbc-article:not(.bbc-home) :where(section:nth-of-type(3n):not(.bbc-faq):not(.bbc-related)) { padding-left: 28px; border-left: 6px solid var(--bbc-accent); }
.bbc-article:not(.bbc-home) :where(section:nth-of-type(3n)) > h2 { border-bottom: 0; padding-bottom: 0; }
@media (max-width: 599.98px) {
  .bbc-article:not(.bbc-home) :where(section:nth-of-type(3n+2):not(.bbc-faq):not(.bbc-related)) { padding: 18px 16px; }
  .bbc-article:not(.bbc-home) :where(section:nth-of-type(3n):not(.bbc-faq):not(.bbc-related)) { padding-left: 16px; }
}

/* vaesentlige vaerdier: «Kort sagt» som udtrukket faktaboks */
.bbc-article p[data-role="short"] {
  position: relative; margin: 28px 0 8px; padding: 18px 20px 18px 62px; background: var(--bbc-tint-a); border: var(--bbc-bw) solid var(--bbc-accent);
  box-shadow: 4px 4px 0 color-mix(in srgb, var(--bbc-accent) 45%, var(--bbc-bg)); font-family: var(--bbc-font-head); font-size: var(--bbc-fs-2); line-height: 1.5; font-weight: 500;
}
.bbc-article p[data-role="short"]::before { content: ""; position: absolute; left: 18px; top: 20px; width: 28px; height: 28px; background: var(--bbc-accent); -webkit-mask: var(--bbc-m-bulb) center / contain no-repeat; mask: var(--bbc-m-bulb) center / contain no-repeat; }
.bbc-article p[data-role="short"] strong:first-child { display: block; font-family: var(--bbc-font-body); font-size: var(--bbc-fs-0); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--bbc-accent); margin-bottom: 2px; }

/* citater og vedlagte noter */
.bbc-article blockquote { position: relative; margin: 28px 0; padding: 22px 24px 22px 74px; max-width: 68ch; background: var(--bbc-tint-p); border: var(--bbc-bw) solid var(--bbc-primary); box-shadow: 4px 4px 0 color-mix(in srgb, var(--bbc-primary) 40%, var(--bbc-bg)); font-family: var(--bbc-font-head); font-size: var(--bbc-fs-2); line-height: 1.5; font-style: italic; }
.bbc-article blockquote::before { content: ""; position: absolute; left: 20px; top: 22px; width: 36px; height: 36px; background: var(--bbc-primary); -webkit-mask: var(--bbc-m-quote) center / contain no-repeat; mask: var(--bbc-m-quote) center / contain no-repeat; }
.bbc-article blockquote p { margin: 0 0 8px; }
.bbc-article blockquote p:last-child { margin-bottom: 0; }

/* advarsel/forbehold */
.bbc-article :is(section[id^="forbehold"], p[data-role="warning"], section[id="ukendt"]) { position: relative; padding: 28px 24px 20px; margin-top: 56px; background: var(--bbc-tint-w) repeating-linear-gradient(135deg, transparent 0 14px, color-mix(in srgb, var(--bbc-warning) 5%, transparent) 14px 28px); border: var(--bbc-bw) solid var(--bbc-warning); box-shadow: 4px 4px 0 color-mix(in srgb, var(--bbc-warning) 40%, var(--bbc-bg)); }
.bbc-article section[id^="forbehold"]::before { content: ""; position: absolute; left: -2px; top: -2px; right: -2px; height: 10px; background: repeating-linear-gradient(135deg, var(--bbc-warning) 0 10px, var(--bbc-bg) 10px 20px); }
.bbc-article :is(section[id^="forbehold"], section[id="ukendt"]) > h2 { border-bottom-color: color-mix(in srgb, var(--bbc-warning) 50%, var(--bbc-bg)); color: var(--bbc-warning); display: flex; align-items: center; gap: 12px; font-size: var(--bbc-fs-3); }
.bbc-article :is(section[id^="forbehold"], section[id="ukendt"]) > h2::before { display: block; flex: none; width: 28px; height: 28px; margin: 0; background: var(--bbc-warning); content: ""; -webkit-mask: var(--bbc-m-warning) center / contain no-repeat; mask: var(--bbc-m-warning) center / contain no-repeat; }
.bbc-article :is(section[id^="forbehold"], section[id="ukendt"]) > h2::after { display: none; }
.bbc-article section[id="ukendt"] { border-style: dashed; }
.bbc-article p[data-role="warning"] { padding: 18px 20px; font-weight: 500; }

/* hjaelp og ansvarligt spil */
.bbc-article :is(section[id*="hjaelp"], section[id^="ansvarligt-spil"], section[id="spil-med-omtanke"], p[data-role="help"]) { position: relative; padding: 28px 24px 18px; background: var(--bbc-tint-a); border: var(--bbc-bw) solid var(--bbc-accent); box-shadow: 4px 4px 0 color-mix(in srgb, var(--bbc-accent) 40%, var(--bbc-bg)); }
.bbc-article :is(section[id*="hjaelp"], section[id^="ansvarligt-spil"], section[id="spil-med-omtanke"]) > h2 { display: flex; align-items: center; gap: 12px; font-size: var(--bbc-fs-3); border-bottom-color: color-mix(in srgb, var(--bbc-accent) 45%, var(--bbc-bg)); }
.bbc-article :is(section[id*="hjaelp"], section[id^="ansvarligt-spil"], section[id="spil-med-omtanke"]) > h2::before { display: block; flex: none; width: 28px; height: 28px; margin: 0; background: var(--bbc-accent); content: ""; -webkit-mask: var(--bbc-m-phone) center / contain no-repeat; mask: var(--bbc-m-phone) center / contain no-repeat; }
.bbc-article :is(section[id*="hjaelp"], section[id^="ansvarligt-spil"], section[id="spil-med-omtanke"]) > h2::after { display: none; }
.bbc-article p[data-role="help"] { padding: 18px 20px 18px 62px; margin: 24px 0; font-size: var(--bbc-fs-0); line-height: 1.6; max-width: 68ch; }
.bbc-article p[data-role="help"]::before { content: ""; position: absolute; left: 18px; top: 20px; width: 28px; height: 28px; background: var(--bbc-accent); -webkit-mask: var(--bbc-m-phone) center / contain no-repeat; mask: var(--bbc-m-phone) center / contain no-repeat; }

/* kilder */
.bbc-article section[id^="kilder"] { padding: 22px 24px 8px; border: var(--bbc-bw) dashed var(--bbc-edge); background: transparent; font-size: var(--bbc-fs-0); }
.bbc-article section[id^="kilder"] > h2 { font-size: var(--bbc-fs-2); display: flex; align-items: center; gap: 10px; border-bottom: 0; padding-bottom: 0; color: var(--bbc-text-muted); }
.bbc-article section[id^="kilder"] > h2::before { display: block; width: 22px; height: 22px; margin: 0; flex: none; background: var(--bbc-text-muted); content: ""; -webkit-mask: var(--bbc-m-document) center / contain no-repeat; mask: var(--bbc-m-document) center / contain no-repeat; }
.bbc-article section[id^="kilder"] > h2::after { display: none; }
.bbc-article section[id^="kilder"] li::before { background: var(--bbc-text-muted); }

/* kontrol: «sadan har vi kontrolleret», metode */
.bbc-article :is(section[id*="kontrolleret"], section[id="saadan-kontrollerer-vi"], section#kontrol) { padding: 26px 24px 12px; background: var(--bbc-tint-s); border: var(--bbc-bw) solid var(--bbc-success); border-left-width: 8px; box-shadow: 4px 4px 0 color-mix(in srgb, var(--bbc-success) 35%, var(--bbc-bg)); }
.bbc-article :is(section[id*="kontrolleret"], section[id="saadan-kontrollerer-vi"], section#kontrol) > h2 { display: flex; align-items: center; gap: 12px; font-size: var(--bbc-fs-3); border-bottom-color: color-mix(in srgb, var(--bbc-success) 40%, var(--bbc-bg)); }
.bbc-article :is(section[id*="kontrolleret"], section[id="saadan-kontrollerer-vi"], section#kontrol) > h2::before { display: block; flex: none; width: 28px; height: 28px; margin: 0; background: var(--bbc-success); content: ""; -webkit-mask: var(--bbc-m-check) center / contain no-repeat; mask: var(--bbc-m-check) center / contain no-repeat; }
.bbc-article :is(section[id*="kontrolleret"], section[id="saadan-kontrollerer-vi"], section#kontrol) > h2::after { display: none; }
.bbc-article :is(section[id*="kontrolleret"], section[id="saadan-kontrollerer-vi"], section#kontrol) li::before { background: var(--bbc-success); }

/* eksempel */
.bbc-article section[id^="eksempel"] { padding: 34px 24px 12px; background: var(--bbc-bg); border: var(--bbc-bw) dashed var(--bbc-primary); }
.bbc-article section[id^="eksempel"]::after { content: "Eksempel"; position: absolute; right: 16px; top: -2px; padding: 2px 12px; background: var(--bbc-primary); color: var(--bbc-on-primary); font-size: var(--bbc-fs-0); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.bbc-article section[id^="eksempel"] > h2::after { display: none; }
.bbc-article p[data-role="example-flag"] { display: inline-block; margin: 0 0 14px; padding: 2px 12px; border: var(--bbc-bw) solid var(--bbc-primary); color: var(--bbc-primary); font-size: var(--bbc-fs-0); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }

/* misforstaaelser: myte */
.bbc-article section[id^="misforstaaelser"] h3 { position: relative; padding-left: 36px; }
.bbc-article section[id^="misforstaaelser"] h3::before { content: "×"; position: absolute; left: 0; top: -2px; width: 26px; height: 26px; display: grid; place-items: center; background: var(--bbc-danger); color: var(--bbc-on-primary); font: 700 20px/1 var(--bbc-font-body); }

/* aendringer / historik: tidslinje */
.bbc-article :is(section#aendringer, section#historik) > :is(p, ul, ol, details) { position: relative; margin-left: 12px; padding-left: 32px; border-left: var(--bbc-bw) solid var(--bbc-edge); }
.bbc-article :is(section#aendringer, section#historik) > p::before { content: ""; position: absolute; left: -9px; top: 0.55em; width: 16px; height: 16px; background: var(--bbc-bg); border: var(--bbc-bw) solid var(--bbc-primary); box-shadow: inset 0 0 0 3px var(--bbc-bg), inset 0 0 0 9px var(--bbc-primary); }
.bbc-article :is(section#aendringer, section#historik) > p[data-role="short"] { margin-left: 12px; border-left: var(--bbc-bw) solid var(--bbc-accent); padding-left: 62px; }
.bbc-article :is(section#aendringer, section#historik) > p[data-role="short"]::before { content: ""; position: absolute; left: 18px; top: 20px; background: var(--bbc-accent); box-shadow: none; border: 0; width: 28px; height: 28px; }

/* tal-sektioner */
.bbc-article details { margin: 0 0 14px; border: var(--bbc-bw) solid var(--bbc-edge); background: var(--bbc-surface); box-shadow: var(--bbc-shadow-h); max-width: 68ch; transition: box-shadow var(--bbc-t) ease, transform var(--bbc-t) ease; }
.bbc-article details[open] { box-shadow: var(--bbc-shadow); background: var(--bbc-bg); }
.bbc-article details > summary { cursor: pointer; padding: 12px 16px 12px 48px; min-height: 48px; font-weight: 600; position: relative; list-style: none; display: flex; align-items: center; }
.bbc-article details > summary::-webkit-details-marker { display: none; }
.bbc-article details > summary::before { content: "+"; position: absolute; left: 12px; top: 50%; width: 24px; height: 24px; margin-top: -12px; display: grid; place-items: center; background: var(--bbc-primary); color: var(--bbc-on-primary); font: 700 20px/1 var(--bbc-font-body); transition: transform var(--bbc-t) ease; }
.bbc-article details[open] > summary::before { content: "−"; }
.bbc-article details > summary:hover { background: var(--bbc-tint-p); }
.bbc-article details > :not(summary) { padding-left: 16px; padding-right: 16px; }
.bbc-article details > p:last-child { margin-bottom: 14px; }

/* download-raekke */
.bbc-article p[data-role="download"] { position: relative; padding: 14px 18px 14px 62px; margin: 20px 0; max-width: 68ch; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); font-size: var(--bbc-fs-0); line-height: 1.55; box-shadow: var(--bbc-shadow-h); }
.bbc-article p[data-role="download"]::before { content: ""; position: absolute; left: 18px; top: 16px; width: 28px; height: 28px; background: var(--bbc-primary); -webkit-mask: var(--bbc-m-download) center / contain no-repeat; mask: var(--bbc-m-download) center / contain no-repeat; }
.bbc-article p[data-role="download"] strong { color: var(--bbc-primary); }

/* figurer */
.bbc-article figure, .bbc-fig { margin: 28px 0; padding: 18px; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: var(--bbc-shadow-2); }
.bbc-article figure img { display: block; width: 100%; height: auto; }
.bbc-article figcaption { font-size: var(--bbc-fs-0); line-height: 1.5; color: var(--bbc-text-muted); margin-top: 12px; }
.bbc-article > figure.bbc-cover-art { padding: 0; border: 0; box-shadow: none; background: none; margin: 0; }

/* trin: nummererede lister i afsnit */
.bbc-article section > ol { display: grid; gap: 14px; max-width: 68ch; }
.bbc-article section > ol > li { margin: 0; padding: 16px 18px 16px 84px; min-height: 76px; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: var(--bbc-shadow-h); }
.bbc-article section > ol > li::before { content: counter(list-item); position: absolute; left: 0; top: 0; bottom: 0; width: 64px; display: grid; place-items: center; background: var(--bbc-primary); color: var(--bbc-on-primary); font-family: var(--bbc-font-head); font-size: var(--bbc-fs-6); font-weight: 700; line-height: 1; border-right: var(--bbc-bw) solid var(--bbc-edge); }
.bbc-article section > ol > li:nth-child(even)::before { background: var(--bbc-accent); }
.bbc-article section > ol > li:hover { box-shadow: var(--bbc-shadow); transform: translate(-1px, -1px); }
.bbc-article section > ol > li { transition: box-shadow var(--bbc-t) ease, transform var(--bbc-t) ease; }

/* tjeklister: afkrydsningsfelter */
.bbc-t-checklist section > ul > li { padding: 10px 14px 10px 50px; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-border); margin-bottom: 10px; }
.bbc-t-checklist section > ul > li::before { left: 14px; top: 14px; width: 22px; height: 22px; background: var(--bbc-bg); border: var(--bbc-bw) solid var(--bbc-primary); box-shadow: none; }

/* 5e. Sammenligningskomponent: sticky-table med statusmaerker ------------------------- */
.bbc-tablewrap { margin: 28px 0; max-width: 100%; overflow: auto; max-height: 70vh; border: var(--bbc-bw) solid var(--bbc-edge); background: var(--bbc-bg); box-shadow: var(--bbc-shadow-2); position: relative; }
.bbc-tablewrap[data-bbc-edge="start"] { box-shadow: var(--bbc-shadow-2), inset -10px 0 8px -8px var(--bbc-primary); }
.bbc-tablewrap[data-bbc-edge="mid"] { box-shadow: var(--bbc-shadow-2), inset 10px 0 8px -8px var(--bbc-primary), inset -10px 0 8px -8px var(--bbc-primary); }
.bbc-tablewrap[data-bbc-edge="end"] { box-shadow: var(--bbc-shadow-2), inset 10px 0 8px -8px var(--bbc-primary); }
.bbc-tablewrap table { border-collapse: separate; border-spacing: 0; width: 100%; min-width: 36rem; font-size: var(--bbc-fs-0); line-height: 1.5; }
.bbc-tablewrap caption { text-align: left; padding: 12px 16px 12px 50px; font-size: var(--bbc-fs-0); color: var(--bbc-text-muted); background: var(--bbc-surface); position: sticky; left: 0; border-bottom: var(--bbc-bw) solid var(--bbc-border); max-width: 100%; caption-side: top; }
.bbc-tablewrap caption::before { content: ""; position: absolute; left: 16px; top: 14px; width: 22px; height: 22px; background: var(--bbc-accent); -webkit-mask: var(--bbc-m-database) center / contain no-repeat; mask: var(--bbc-m-database) center / contain no-repeat; }
.bbc-tablewrap th, .bbc-tablewrap td { padding: 12px 16px; text-align: left; vertical-align: top; border-bottom: var(--bbc-bw) solid var(--bbc-border); background: var(--bbc-bg); }
.bbc-tablewrap thead th { position: sticky; top: 0; z-index: 2; background: var(--bbc-surface); border-bottom: var(--bbc-bw) solid var(--bbc-accent); font-family: var(--bbc-font-body); font-weight: 700; font-size: 0.82em; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bbc-accent); white-space: nowrap; }
.bbc-tablewrap tbody th { position: sticky; left: 0; z-index: 1; background: var(--bbc-surface); font-weight: 600; border-right: var(--bbc-bw) solid var(--bbc-border); min-width: 9rem; }
.bbc-tablewrap thead th:first-child { left: 0; z-index: 3; border-right: var(--bbc-bw) solid var(--bbc-border); }
.bbc-tablewrap tbody tr:nth-child(even) td { background: var(--bbc-zebra); }
.bbc-tablewrap tbody tr:last-child th, .bbc-tablewrap tbody tr:last-child td { border-bottom: 0; }
.bbc-tablewrap tbody tr:hover td { background: var(--bbc-tint-p); }
.bbc-tablewrap tbody tr:hover th { background: color-mix(in srgb, var(--bbc-primary) 22%, var(--bbc-surface)); }
.bbc-tablewrap td time { color: var(--bbc-accent); }
.bbc-tablewrap td[data-st] { font-weight: 600; position: relative; padding-left: 40px; white-space: nowrap; }
.bbc-tablewrap td[data-st]::before { content: ""; position: absolute; left: 14px; top: 14px; width: 18px; height: 18px; background: currentColor; }
.bbc-tablewrap td[data-st="open"] { color: var(--bbc-warning); }
.bbc-tablewrap td[data-st="open"]::before { -webkit-mask: var(--bbc-m-warning) center / contain no-repeat; mask: var(--bbc-m-warning) center / contain no-repeat; }
.bbc-tablewrap td[data-st="none"] { color: var(--bbc-text-muted); font-weight: 500; }
.bbc-tablewrap td[data-st="none"]::before { -webkit-mask: var(--bbc-m-dash) center / contain no-repeat; mask: var(--bbc-m-dash) center / contain no-repeat; }
.bbc-tablewrap td[data-st="info"] { color: var(--bbc-accent); }
.bbc-tablewrap td[data-st="info"]::before { -webkit-mask: var(--bbc-m-info) center / contain no-repeat; mask: var(--bbc-m-info) center / contain no-repeat; }
.bbc-hint { font-size: var(--bbc-fs-0); color: var(--bbc-text-muted); margin: 24px 0 -18px !important; }

/* 5f. Hub: maalgruppe-stier ------------------------------------------------------------ */
.bbc-routes { list-style: none; padding: 0 !important; margin: 0 0 40px !important; counter-reset: bbc-route; display: grid; gap: 22px; max-width: none !important; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); }
.bbc-routes li { counter-increment: bbc-route; margin: 0; padding: 0; }
.bbc-routes li::before { display: none; }
.bbc-route { position: relative; display: grid; grid-template-rows: auto auto 1fr; gap: 6px; height: 100%; padding: 22px 22px 60px; text-decoration: none; color: var(--bbc-text); background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: var(--bbc-shadow-2); overflow: hidden; transition: transform var(--bbc-t) ease, box-shadow var(--bbc-t) ease, background-color var(--bbc-t) ease; }
.bbc-route::before { content: counter(bbc-route, decimal-leading-zero); position: absolute; right: 14px; top: 6px; font-family: var(--bbc-font-head); font-size: var(--bbc-fs-9); font-weight: 700; line-height: 1; color: transparent; -webkit-text-stroke: var(--bbc-bw) var(--bbc-border); pointer-events: none; transition: -webkit-text-stroke-color var(--bbc-t) ease; }
.bbc-route:hover { background: var(--bbc-surface); color: var(--bbc-text); transform: translate(2px, 2px); box-shadow: var(--bbc-shadow-h); }
.bbc-route:hover::before { -webkit-text-stroke-color: var(--bbc-primary); }
.bbc-route:hover .bbc-route-t { color: var(--bbc-link); }
.bbc-route:hover .bbc-route-go { background: var(--bbc-primary); transform: translateX(4px); }
.bbc-route-k { display: flex; flex-wrap: wrap; gap: 6px; position: relative; }
.bbc-route-t { position: relative; font-family: var(--bbc-font-head); font-weight: 700; font-size: var(--bbc-fs-3); line-height: 1.2; margin-top: 14px; letter-spacing: -0.01em; }
.bbc-route-d { position: relative; color: var(--bbc-text-muted); font-size: var(--bbc-fs-0); line-height: 1.55; margin-top: 4px; }
.bbc-route-go { position: absolute; right: 18px; bottom: 16px; width: 36px; height: 36px; display: grid; place-items: center; background: var(--bbc-bg); color: var(--bbc-on-primary); border: var(--bbc-bw) solid var(--bbc-edge); transition: transform var(--bbc-t) ease, background-color var(--bbc-t) ease; }
.bbc-route-go .bbc-ic { color: var(--bbc-text); }
.bbc-route:hover .bbc-route-go .bbc-ic { color: var(--bbc-on-primary); }
.bbc-routes li:first-child { grid-column: 1 / -1; }
.bbc-routes li:first-child .bbc-route { background: var(--bbc-tint-p); border-color: var(--bbc-primary); padding-bottom: 28px; padding-right: 72px; }
.bbc-routes li:first-child .bbc-route-t { font-size: var(--bbc-fs-5); max-width: 22ch; }
.bbc-routes li:first-child .bbc-route-d { font-size: var(--bbc-fs-1); max-width: 52ch; }
.bbc-routes li:first-child .bbc-route-go { bottom: auto; top: 50%; margin-top: -18px; background: var(--bbc-primary); }
.bbc-routes li:first-child .bbc-route-go .bbc-ic { color: var(--bbc-on-primary); }

/* 5g. FAQ, "Laes videre" ------------------------------------------------------------------ */
.bbc-faq dl { margin: 0; }
.bbc-faq h3 { margin: 28px 0 8px; font-size: var(--bbc-fs-2); position: relative; padding-left: 40px; }
.bbc-faq h3::before { content: "?"; position: absolute; left: 0; top: -1px; width: 28px; height: 28px; display: grid; place-items: center; background: var(--bbc-accent); color: var(--bbc-on-primary); font: 700 18px/1 var(--bbc-font-body); }
.bbc-faq h3 + * { padding-left: 40px; }
.bbc-related h2::before { content: none !important; }
.bbc-related ul { list-style: none; padding: 0 !important; display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); max-width: none !important; }
.bbc-related li { margin: 0; padding: 0; }
.bbc-related li::before { display: none; }
.bbc-related a { display: flex; align-items: center; gap: 14px; min-height: 64px; height: 100%; padding: 10px 16px; border: var(--bbc-bw) solid var(--bbc-edge); text-decoration: none; background: var(--bbc-surface); box-shadow: var(--bbc-shadow-h); line-height: 1.35; font-weight: 500; color: var(--bbc-text); }
.bbc-related a:hover { background: var(--bbc-surface); color: var(--bbc-text); transform: translate(-1px, -1px); box-shadow: var(--bbc-shadow); border-color: var(--bbc-link); }
.bbc-rel-n { flex: none; font-family: var(--bbc-font-head); font-size: var(--bbc-fs-3); font-weight: 700; color: var(--bbc-primary); }
.bbc-related a::after { content: ""; flex: none; margin-left: auto; width: 20px; height: 20px; background: var(--bbc-primary); -webkit-mask: var(--bbc-m-arrow) center / contain no-repeat; mask: var(--bbc-m-arrow) center / contain no-repeat; transition: transform var(--bbc-t) ease; }
.bbc-related a:hover::after { transform: translateX(4px); }

/* 6. Forside: helteblok, taltal, essay ------------------------------------------------------- */
.bbc-hero { display: grid; gap: 36px; padding: 36px var(--bbc-g) 56px; position: relative; overflow: hidden; border-bottom: var(--bbc-bw) solid var(--bbc-edge);
  background:
    radial-gradient(color-mix(in srgb, var(--bbc-primary) 40%, var(--bbc-bg)) 1.3px, transparent 1.6px) 0 0 / 24px 24px,
    linear-gradient(110deg, var(--bbc-tint-p) 0 54%, var(--bbc-bg) 54% 100%); }
.bbc-hero-copy { position: relative; z-index: 1; min-width: 0; }
.bbc-hero .bbc-h1 { font-size: clamp(2rem, 1.1rem + 2.5vw, 3.1rem); line-height: 1.05; letter-spacing: -0.028em; margin: 6px 0 26px; max-width: 18ch; }
.bbc-hero .bbc-capsule { font-size: var(--bbc-fs-1); line-height: 1.65; padding-top: 34px; margin-bottom: 26px; max-width: 40rem; }
.bbc-hero-cta { margin-bottom: 8px; }
.bbc-hero .bbc-checked { margin-bottom: 0; max-width: 40rem; }
.bbc-hero-art { position: relative; z-index: 1; width: 100%; max-width: 560px; justify-self: center; }
.bbc-fl { position: absolute; display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; background: var(--bbc-bg); color: var(--bbc-text); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: 4px 4px 0 var(--bbc-border); font-size: var(--bbc-fs-0); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; white-space: nowrap; }
.bbc-fl .bbc-ic { color: var(--bbc-success); }
.bbc-fl-1 { left: -2%; top: 20%; color: var(--bbc-accent); border-color: var(--bbc-accent); }
.bbc-fl-2 { right: -2%; top: 3%; background: var(--bbc-primary); color: var(--bbc-on-primary); border-color: var(--bbc-text); }
.bbc-fl-3 { left: 6%; bottom: 8%; }
.bbc-fl-4 { right: 4%; bottom: 3%; font-family: var(--bbc-font-head); font-size: var(--bbc-fs-3); color: var(--bbc-warning); border-color: var(--bbc-warning); }
@media (min-width: 1000px) {
  .bbc-hero { grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); align-items: center; min-height: min(84vh, 800px); padding-top: 48px; padding-bottom: 64px; }
}
@media (max-width: 599.98px) {
  .bbc-capsule { font-size: 1.05rem; padding: 34px 18px 20px; }
  .bbc-fl-1 { left: 0; } .bbc-fl-2 { right: 0; } .bbc-fl-3 { left: 0; bottom: 0; } .bbc-fl-4 { display: none; }
  .bbc-hero-art { max-width: 340px; }
}

.bbc-article > .bbc-stats { max-width: none; }
.bbc-stats { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: var(--bbc-surface); border-bottom: var(--bbc-bw) solid var(--bbc-edge); }
.bbc-stat { position: relative; padding: 24px var(--bbc-g) 26px; border-right: var(--bbc-bw) solid var(--bbc-border); border-bottom: var(--bbc-bw) solid var(--bbc-border); margin: 0; min-width: 0; }
.bbc-stat::before { display: none; }
.bbc-num { display: block; font-family: var(--bbc-font-head); font-weight: 700; font-size: clamp(3.2rem, 2rem + 4vw, var(--bbc-fs-9)); line-height: 0.95; letter-spacing: -0.04em; color: var(--bbc-primary); font-variant-numeric: lining-nums; margin-bottom: 10px; }
.bbc-num small { font-family: var(--bbc-font-body); font-size: 0.3em; letter-spacing: 0; margin-left: 0.3em; color: var(--bbc-text-muted); font-weight: 600; }
.bbc-stat:nth-child(2) .bbc-num { color: var(--bbc-accent); }
.bbc-stat:nth-child(3) .bbc-num { color: var(--bbc-warning); }
.bbc-stat:nth-child(4) .bbc-num { color: var(--bbc-link); }
.bbc-stat > span { display: block; font-size: var(--bbc-fs-0); line-height: 1.5; color: var(--bbc-text); max-width: 22ch; }
@media (min-width: 900px) { .bbc-stats { grid-template-columns: none; grid-auto-columns: minmax(0, 1fr); grid-auto-flow: column; } .bbc-stat { border-bottom: 0; } .bbc-stat:last-child { border-right: 0; } }

.bbc-home { counter-reset: bbc-sec; padding-bottom: 0; }
.bbc-home > .bbc-toc { margin: 40px 0 8px; padding: 16px 24px 12px; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: var(--bbc-shadow-2); max-width: 46rem; }
.bbc-home > .bbc-toc ol { columns: 1; }
@media (min-width: 760px) { .bbc-home > .bbc-toc ol { columns: 2; column-gap: 32px; } }
.bbc-home > section { grid-column: 1 / -1; margin: 0; padding: 64px var(--bbc-g); display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; border-bottom: var(--bbc-bw) solid var(--bbc-border); }
.bbc-home > section > * { min-width: 0; max-width: 46rem; }
.bbc-home > section > h2 { font-size: var(--bbc-fs-5); border: 0; padding: 0; margin-bottom: 20px; }
.bbc-home > section > h2::before { content: counter(bbc-sec, decimal-leading-zero); display: block; margin: 0 0 6px; font-family: var(--bbc-font-head); font-size: var(--bbc-fs-9); font-weight: 700; line-height: 0.9; letter-spacing: -0.03em; color: transparent; -webkit-text-stroke: var(--bbc-bw) var(--bbc-primary); }
.bbc-home > section > h2::after { display: none; }
@media (min-width: 1000px) {
  .bbc-home > section { grid-template-columns: 9rem minmax(0, 1fr); column-gap: 24px; }
  .bbc-home > section > * { grid-column: 2; }
  .bbc-home > section > h2 { grid-column: 1 / -1; display: grid; grid-template-columns: 9rem minmax(0, 1fr); column-gap: 24px; align-items: start; max-width: none; }
  .bbc-home > section > h2::before { grid-row: 1 / span 2; margin: 0; }
}
/* rytme: hvert afsnit har sit eget baand */
.bbc-home > section#svar { background: var(--bbc-bg); }
.bbc-home > section#tjek { background: var(--bbc-surface); background-image: radial-gradient(var(--bbc-border) 1.3px, transparent 1.6px); background-size: 22px 22px; }
.bbc-home > section#tal { background: var(--bbc-bg); }
.bbc-home > section#spil { background: var(--bbc-tint-a); border-top: var(--bbc-bw) solid var(--bbc-accent); border-bottom-color: var(--bbc-accent); }
.bbc-home > section#regler { background: var(--bbc-tint-w) repeating-linear-gradient(135deg, transparent 0 18px, color-mix(in srgb, var(--bbc-warning) 5%, transparent) 18px 36px); }
.bbc-home > section#metode { background: var(--bbc-surface); }
.bbc-home > section#aendringer { background: var(--bbc-bg); border-bottom: 0; padding-bottom: 80px; }
.bbc-home > section#spil > h2::before { -webkit-text-stroke-color: var(--bbc-accent); }
.bbc-home > section#regler > h2::before { -webkit-text-stroke-color: var(--bbc-warning); }
.bbc-home > section#metode > h2::before { -webkit-text-stroke-color: var(--bbc-link); }
.bbc-home > section p { max-width: 46rem; }
/* #svar: maalgruppe-kort */
.bbc-home > section#svar > ul { max-width: none; display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); counter-reset: bbc-aud; margin: 8px 0 12px; }
.bbc-home > section#svar > ul > li { counter-increment: bbc-aud; margin: 0; padding: 22px 20px 20px; min-height: 9.5rem; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: var(--bbc-shadow-2); transition: transform var(--bbc-t) ease, box-shadow var(--bbc-t) ease; }
.bbc-home > section#svar > ul > li:hover { transform: translate(2px, 2px); box-shadow: var(--bbc-shadow-h); }
.bbc-home > section#svar > ul > li::before { content: counter(bbc-aud, decimal-leading-zero); position: static; display: block; width: auto; height: auto; margin: 0 0 10px; background: none; box-shadow: none; font-family: var(--bbc-font-head); font-size: var(--bbc-fs-5); line-height: 1; color: var(--bbc-primary); font-weight: 700; }
.bbc-home > section#svar > ul > li:nth-child(2)::before { color: var(--bbc-accent); } .bbc-home > section#svar > ul > li:nth-child(3)::before { color: var(--bbc-warning); } .bbc-home > section#svar > ul > li:nth-child(4)::before { color: var(--bbc-link); }
.bbc-home > section#svar > ul > li strong { display: block; font-family: var(--bbc-font-head); font-size: var(--bbc-fs-2); margin-bottom: 4px; }
/* #tjek: fire store trin */
.bbc-home > section#tjek > ol { max-width: none; grid-template-columns: repeat(auto-fit, minmax(min(100%, 19rem), 1fr)); gap: 20px; margin: 12px 0 16px; }
.bbc-home > section#tjek > ol > li { padding: 22px 20px 20px 20px; padding-top: 96px; min-height: 0; box-shadow: var(--bbc-shadow-2); background: var(--bbc-bg); }
.bbc-home > section#tjek > ol > li::before { right: 0; bottom: auto; height: 76px; width: auto; justify-content: start; place-items: center start; padding-left: 20px; font-size: var(--bbc-fs-8); border-right: 0; border-bottom: var(--bbc-bw) solid var(--bbc-edge); }
/* #tal: tabellen faar bredde */
.bbc-home > section#tal > .bbc-tablewrap, .bbc-home > section :is(.bbc-tablewrap) { max-width: none; }
.bbc-home > section#tal { overflow: visible; }
/* #spil: illustration (data-URI, kun palette-farver) i egen spalte */
@media (min-width: 1000px) {
  .bbc-home > section#spil { grid-template-columns: 9rem minmax(0, 32rem) minmax(0, 1fr); }
  .bbc-home > section#spil::after { content: ""; grid-column: 3; grid-row: 2 / span 8; align-self: center; justify-self: end; width: min(100%, 400px); aspect-ratio: 360 / 260; background: var(--bbc-art-hist) center / contain no-repeat; box-shadow: var(--bbc-shadow-2); }
}
/* #regler: hjaelpekort */
.bbc-home > section#regler > ul { max-width: none; display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); margin: 8px 0 20px; }
.bbc-home > section#regler > ul > li { margin: 0; padding: 18px 18px 16px 64px; background: var(--bbc-bg); border: var(--bbc-bw) solid var(--bbc-warning); box-shadow: 4px 4px 0 color-mix(in srgb, var(--bbc-warning) 40%, var(--bbc-bg)); }
.bbc-home > section#regler > ul > li::before { position: absolute; left: 18px; top: 18px; width: 30px; height: 30px; box-shadow: none; background: var(--bbc-warning); -webkit-mask: var(--bbc-m-phone) center / contain no-repeat; mask: var(--bbc-m-phone) center / contain no-repeat; }
.bbc-home > section#regler > ul > li + li::before { -webkit-mask-image: var(--bbc-m-info); mask-image: var(--bbc-m-info); }
/* #metode: indledende afsnit som udtrukket tekst */
.bbc-home > section#metode > h2 + p { font-family: var(--bbc-font-head); font-size: var(--bbc-fs-3); line-height: 1.45; max-width: 40rem; }

/* 6a. Datasider og vaerktoej: bred spalte -------------------------------------------------------- */
.bbc-wide > :is(p, ul, ol, dl, h2, h3, section) { max-width: none; }
.bbc-wide .bbc-capsule, .bbc-wide .bbc-checked, .bbc-wide > p:not([class]) { max-width: 68ch; }
.bbc-wide .bbc-tablewrap { max-width: 100%; }
.bbc-wide section > :is(p, ul, ol, details) { max-width: 68ch; }
.bbc-csvrow { margin: 0 0 24px; }
.bbc-csv { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; margin: 0; padding: 0 18px; border: var(--bbc-bw) solid var(--bbc-edge); text-decoration: none; font-weight: 700; background: var(--bbc-surface); box-shadow: var(--bbc-shadow-h); }
.bbc-csv:hover { border-color: var(--bbc-link); }

/* 6b. 404 ---------------------------------------------------------------------------------------------- */
.bbc-lost { padding-top: 56px; }
.bbc-lost .bbc-code { font-family: var(--bbc-font-head); font-size: clamp(6rem, 18vw, 12rem); line-height: 0.9; font-weight: 700; color: var(--bbc-primary); margin: 0 0 24px; text-shadow: 8px 8px 0 var(--bbc-border); letter-spacing: -0.04em; }

/* 7. Vaerktoejer (moduler: rtp-calc, budget, diff-view) ---------------------------------------------------- */
.bbc-tool { display: grid; gap: 18px; padding: 44px 24px 24px; margin: 0 0 24px; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: var(--bbc-shadow-2); max-width: 40rem; position: relative; }
.bbc-tool::before { content: "Prøvestand"; position: absolute; left: -2px; top: -2px; padding: 2px 12px; background: var(--bbc-accent); color: var(--bbc-on-primary); font-size: var(--bbc-fs-0); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.bbc-field { display: grid; gap: 6px; }
.bbc-field label { font-weight: 600; font-size: var(--bbc-fs-0); line-height: 1.4; }
.bbc-field .bbc-opt { font-weight: 400; color: var(--bbc-text-muted); }
.bbc-field input, .bbc-field select { min-height: 48px; width: 100%; padding: 8px 12px; background: var(--bbc-bg); color: var(--bbc-text); border: var(--bbc-bw) solid var(--bbc-text-muted); border-radius: 0; font: inherit; font-size: var(--bbc-fs-1); font-variant-numeric: tabular-nums; transition: border-color var(--bbc-t) ease, box-shadow var(--bbc-t) ease; }
.bbc-field input:hover, .bbc-field select:hover { border-color: var(--bbc-text); }
.bbc-field input:focus-visible, .bbc-field select:focus-visible { border-color: var(--bbc-accent); outline: 3px solid var(--bbc-accent); outline-offset: 0; box-shadow: 4px 4px 0 var(--bbc-border); }
.bbc-field [aria-invalid="true"] { border-color: var(--bbc-danger); }
.bbc-err { color: var(--bbc-danger); font-size: var(--bbc-fs-0); font-weight: 600; margin: 0; }
.bbc-err:empty { display: none; }
.bbc-result { position: relative; padding: 22px 24px 18px; margin: 0 0 24px; background: var(--bbc-bg); border: var(--bbc-bw) solid var(--bbc-accent); box-shadow: 4px 4px 0 color-mix(in srgb, var(--bbc-accent) 40%, var(--bbc-bg)); max-width: 40rem; }
.bbc-result h3, .bbc-result h2 { margin: 0 0 12px !important; font-size: var(--bbc-fs-2) !important; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.bbc-result dl { display: grid; gap: 8px 16px; grid-template-columns: minmax(0, 1fr) auto; margin: 0 0 12px; }
.bbc-result dt { color: var(--bbc-text-muted); }
.bbc-result dd { margin: 0; text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.bbc-result dt.bbc-main, .bbc-result dd.bbc-main { color: var(--bbc-accent); font-size: var(--bbc-fs-2); font-family: var(--bbc-font-head); }
.bbc-result .bbc-warn { color: var(--bbc-warning); font-weight: 600; margin: 8px 0; }
.bbc-result .bbc-eks { display: inline-block; font-size: var(--bbc-fs-0); font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--bbc-accent); border: var(--bbc-bw) solid var(--bbc-accent); padding: 0 8px; font-family: var(--bbc-font-body); }
.bbc-result p { margin: 8px 0 0 !important; font-size: var(--bbc-fs-0); color: var(--bbc-text-muted); }
.bbc-bar { display: grid; grid-template-columns: var(--bbc-ret, 50%) 1fr; height: 22px; border: var(--bbc-bw) solid var(--bbc-edge); margin: 4px 0 6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3E%3Cpath d='M0 9L9 0M-2 2L2-2M7 11L11 7' stroke='%23e3b341' stroke-width='3'/%3E%3C/svg%3E") var(--bbc-bg); }
.bbc-bar i { display: block; background: var(--bbc-success); }
.bbc-bar-l { max-width: none !important; display: flex; justify-content: space-between; gap: 12px; font-size: var(--bbc-fs-0) !important; color: var(--bbc-text-muted); margin: 0 0 12px !important; }
.bbc-bar-l b { color: var(--bbc-text); }
.bbc-tool-filter { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: 16px; padding: 16px; margin: 0 0 16px; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: var(--bbc-shadow-h); }
.bbc-empty { padding: 16px; border: var(--bbc-bw) dashed var(--bbc-edge); color: var(--bbc-text-muted); }
.bbc-toolpage section > .bbc-tool { max-width: 40rem; }

/* 8. Opfordring og fod: regulator-strip i flere niveauer --------------------------------------------------- */
.bbc-cta { display: grid; gap: 24px; align-items: center; padding: 44px var(--bbc-g); background: var(--bbc-primary); color: var(--bbc-on-primary); border-top: var(--bbc-bw) solid var(--bbc-text); position: relative; overflow: hidden; }
.bbc-cta::before { content: ""; position: absolute; right: -50px; top: -50px; width: 220px; height: 220px; background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--bbc-on-primary) 20%, transparent) 0 6px, transparent 6px 16px); pointer-events: none; }
.bbc-cta-copy { position: relative; max-width: 40rem; }
.bbc-cta-k { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 10px; padding: 2px 12px; background: var(--bbc-on-primary); color: var(--bbc-primary); font-size: var(--bbc-fs-0); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.bbc-cta-h { font-size: var(--bbc-fs-5); line-height: 1.12; letter-spacing: -0.02em; margin: 0 0 10px; color: var(--bbc-on-primary); }
.bbc-cta-copy p:last-child { margin: 0; max-width: 40ch; }
.bbc-cta-act { position: relative; }
.bbc-cta .bbc-btn { background: var(--bbc-bg); color: var(--bbc-text); border-color: var(--bbc-bg); box-shadow: 4px 4px 0 var(--bbc-on-primary); }
.bbc-cta .bbc-btn:hover { background: var(--bbc-text); color: var(--bbc-on-primary); border-color: var(--bbc-text); box-shadow: 2px 2px 0 var(--bbc-on-primary); }
.bbc-cta .bbc-btn-2 { background: transparent; color: var(--bbc-on-primary); border-color: var(--bbc-on-primary); }
.bbc-cta .bbc-btn-2:hover { background: var(--bbc-on-primary); color: var(--bbc-primary); }
@media (min-width: 900px) { .bbc-cta { grid-template-columns: minmax(0, 1fr) auto; } }

.bbc-footer { margin-top: 0; padding: 0; background: var(--bbc-surface); border-top: var(--bbc-bw) solid var(--bbc-edge); font-size: var(--bbc-fs-0); line-height: 1.6; }
.bbc-footer > div { padding: 28px var(--bbc-g); }
.bbc-footer > div + div { border-top: var(--bbc-bw) solid var(--bbc-border); }
.bbc-regstrip ul { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px 22px; }
.bbc-regstrip li a, .bbc-regstrip li span { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.bbc-f1 { display: grid; gap: 20px; align-items: center; background: var(--bbc-tint-w); }
.bbc-regstrip .bbc-age { margin: 0; display: flex; align-items: center; gap: 16px; }
.bbc-age b { font-family: var(--bbc-font-head); font-size: var(--bbc-fs-7); line-height: 1; padding: 8px 14px; border: var(--bbc-bw) solid var(--bbc-warning); color: var(--bbc-warning); background: var(--bbc-bg); box-shadow: 4px 4px 0 color-mix(in srgb, var(--bbc-warning) 40%, var(--bbc-bg)); }
.bbc-age span { font-weight: 600; font-size: var(--bbc-fs-1); color: var(--bbc-text); max-width: 22ch; line-height: 1.4; }
.bbc-regstrip .bbc-help { display: grid; gap: 10px; max-width: 70ch; }
.bbc-regstrip .bbc-help p { margin: 0; display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 10px; align-items: start; }
.bbc-regstrip .bbc-help .bbc-ic { margin-top: 4px; color: var(--bbc-warning); }
.bbc-f2 .bbc-f-h, .bbc-f3 .bbc-f-brand { margin: 0 0 8px; font-weight: 700; font-size: var(--bbc-fs-0); letter-spacing: 0.1em; text-transform: uppercase; color: var(--bbc-text-muted); }
.bbc-f2 ul li a { padding: 4px 14px; border: var(--bbc-bw) solid var(--bbc-edge); background: var(--bbc-bg); text-decoration: none; font-weight: 600; box-shadow: var(--bbc-shadow-h); }
.bbc-f2 ul li a:hover { background: var(--bbc-link); }
.bbc-f3 { display: grid; gap: 18px; }
.bbc-f3 .bbc-f-brand { display: flex; align-items: center; gap: 10px; font-family: var(--bbc-font-head); font-size: var(--bbc-fs-3); letter-spacing: -0.01em; text-transform: none; color: var(--bbc-text); }
.bbc-f3 .bbc-brand-mark { width: 34px; height: 34px; }
.bbc-f3 ul { gap: 0 24px; }
.bbc-regstrip .bbc-legal { color: var(--bbc-text-muted); margin: 0; padding-top: 14px; border-top: var(--bbc-bw) dashed var(--bbc-border); }
@media (min-width: 900px) {
  .bbc-f1 { grid-template-columns: auto minmax(0, 1fr); gap: 40px; }
  .bbc-f3 { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); }
  .bbc-f3 .bbc-legal { grid-column: 1 / -1; }
}

/* 9. Flydende navigation og laeseprogres ------------------------------------------------------------------- */
.bbc-prog { position: fixed; z-index: 90; top: 0; left: 0; right: 0; height: 4px; display: none; background: color-mix(in srgb, var(--bbc-bg) 60%, transparent); pointer-events: none; }
.bbc-js .bbc-prog { display: block; }
.bbc-prog i { display: block; height: 100%; background: var(--bbc-primary); transform-origin: 0 50%; transform: scaleX(0); box-shadow: 0 2px 0 var(--bbc-accent); }
.bbc-fnav { position: fixed; z-index: 40; bottom: 16px; left: 50%; transform: translate(-50%, 16px); display: none; align-items: center; gap: 4px; max-width: calc(100vw - 24px); padding: 4px; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: var(--bbc-shadow-2); opacity: 0; visibility: hidden; transition: opacity 220ms ease, transform 220ms ease, visibility 0s linear 220ms; }
.bbc-js .bbc-fnav { display: flex; }
.bbc-fnav.bbc-show { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition-delay: 0s; }
@media (min-width: 900px) { .bbc-fnav { left: calc(var(--bbc-rail) + (100vw - var(--bbc-rail)) / 2); } }
.bbc-fnav ol { list-style: none; margin: 0; padding: 0; display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
.bbc-fnav li { margin: 0; padding: 0; }
.bbc-fnav li::before { display: none; }
.bbc-fnav ol a, .bbc-fnav-top { display: grid; place-items: center; min-width: 42px; min-height: 42px; padding: 0 6px; text-decoration: none; color: var(--bbc-text); background: var(--bbc-bg); border: var(--bbc-bw) solid var(--bbc-border); font-weight: 700; }
.bbc-fnav-n { font-family: var(--bbc-font-mono); font-size: var(--bbc-fs-0); letter-spacing: 0.04em; }
.bbc-fnav ol a:hover, .bbc-fnav-top:hover { background: var(--bbc-link); color: var(--bbc-on-primary); border-color: var(--bbc-link); }
.bbc-fnav ol a[aria-current] { background: var(--bbc-primary); color: var(--bbc-on-primary); border-color: var(--bbc-primary); box-shadow: 2px 2px 0 var(--bbc-border); }
.bbc-fnav-now { display: none; padding: 0 12px 0 10px; max-width: 15rem; font-size: var(--bbc-fs-0); font-weight: 600; line-height: 1.25; color: var(--bbc-accent); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbc-fnav-now:empty { display: none !important; }
@media (min-width: 900px) { .bbc-fnav-now { display: block; } }
.bbc-fnav-top { border-color: var(--bbc-edge); }

/* 10. Bevaegelse --------------------------------------------------------------------------------------------- */
.bbc-pre { opacity: 0; transform: translateY(22px); transition: opacity 420ms ease var(--bbc-d, 0ms), transform 420ms cubic-bezier(.2, .7, .2, 1) var(--bbc-d, 0ms); }
.bbc-pre.bbc-in { opacity: 1; transform: none; }
@keyframes bbc-float { from { transform: translateY(0); } to { transform: translateY(-9px); } }
@keyframes bbc-spin { 0%, 8% { transform: translateY(0); } 16%, 24% { transform: translateY(-70px); } 33%, 41% { transform: translateY(-140px); } 50%, 58% { transform: translateY(-210px); } 66%, 74% { transform: translateY(-280px); } 83%, 91% { transform: translateY(-350px); } 100% { transform: translateY(-420px); } }
@keyframes bbc-nudge { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes bbc-sway { 0%, 100% { transform: rotate(-16deg); } 50% { transform: rotate(22deg); } }
@keyframes bbc-bulb { 0%, 100% { fill: var(--bbc-bg); } 50% { fill: var(--bbc-warning); } }
@keyframes bbc-dash { to { stroke-dashoffset: -26; } }
.bbc-fl { animation: bbc-float 5s ease-in-out infinite alternate; }
.bbc-fl-2 { animation-duration: 6.4s; animation-delay: -1.5s; } .bbc-fl-3 { animation-duration: 5.6s; animation-delay: -3s; } .bbc-fl-4 { animation-duration: 7s; animation-delay: -2s; }
.bbc-sv-hreel { animation: bbc-spin 26s ease-in-out infinite; }
.bbc-sv-hreel-1 { animation-duration: 32s; animation-delay: -9s; } .bbc-sv-hreel-2 { animation-duration: 38s; animation-delay: -17s; }
.bbc-sv-reel { animation: bbc-nudge 6s ease-in-out infinite; } .bbc-sv-reel-1 { animation-delay: -2s; } .bbc-sv-reel-2 { animation-delay: -4s; }
.bbc-sv-needle { transform-box: fill-box; transform-origin: 50% 100%; animation: bbc-sway 7s ease-in-out infinite; }
.bbc-sv-bulb { animation: bbc-bulb 2.4s steps(1) infinite; } .bbc-sv-bulb-1 { animation-delay: .8s; } .bbc-sv-bulb-2 { animation-delay: 1.6s; }
.bbc-sv-dash { animation: bbc-dash 2.4s linear infinite; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
  .bbc-pre { opacity: 1 !important; transform: none !important; }
  .bbc-panel > summary:hover, .bbc-btn:hover, .bbc-btn:active, .bbc-route:hover, .bbc-brand:hover .bbc-brand-mark, .bbc-article section > ol > li:hover, .bbc-related a:hover { transform: none; }
  .bbc-fnav { transform: translate(-50%, 0); }
}

/* 11. SVG-klasser (omslag og helteblok; kun tokens) ------------------------------------------------------------ */
.bbc-sv-sh { fill: var(--bbc-border); }
.bbc-sv-pl { fill: var(--bbc-surface); stroke: var(--bbc-edge); stroke-width: 2; }
.bbc-sv-bg { fill: var(--bbc-bg); stroke: var(--bbc-edge); stroke-width: 2; }
.bbc-sv-c1 { fill: var(--cv1); } .bbc-sv-c2 { fill: var(--cv2); }
.bbc-sv-s1 { fill: none; stroke: var(--cv1); } .bbc-sv-s2 { fill: none; stroke: var(--cv2); }
.bbc-sv-ln { fill: none; stroke: var(--bbc-edge); stroke-width: 2; }
.bbc-sv-tx { fill: var(--bbc-text); } .bbc-sv-mu { fill: var(--bbc-text-muted); } .bbc-sv-ok { fill: var(--bbc-success); }
.bbc-sv-bgs { stroke: var(--bbc-bg); fill: none; }
.bbc-sv-soft { opacity: 0.55; } .bbc-sv-faint { opacity: 0.4; } .bbc-sv-glow { opacity: 0.2; }
.bbc-sv-ot { fill: var(--bbc-on-primary); }
.bbc-sv-t { font: 700 12px var(--bbc-font-body); letter-spacing: 0.12em; }
.bbc-sv-num { font: 700 30px var(--bbc-font-head); }
.bbc-sv-big { font: 700 130px var(--bbc-font-head); }
.bbc-hero-svg .bbc-sv-c1.bbc-sv-glow { opacity: 0.1; }

/* 12. Atomare utility-klasser ------------------------------------------------------------------------------------- */
.bbc-p-0 { padding: var(--bbc-s-0); } .bbc-p-2 { padding: var(--bbc-s-2); } .bbc-p-3 { padding: var(--bbc-s-3); } .bbc-p-4 { padding: var(--bbc-s-4); } .bbc-p-5 { padding: var(--bbc-s-5); } .bbc-p-6 { padding: var(--bbc-s-6); }
.bbc-px-4 { padding-left: var(--bbc-s-4); padding-right: var(--bbc-s-4); } .bbc-px-5 { padding-left: var(--bbc-s-5); padding-right: var(--bbc-s-5); } .bbc-px-6 { padding-left: var(--bbc-s-6); padding-right: var(--bbc-s-6); }
.bbc-py-2 { padding-top: var(--bbc-s-2); padding-bottom: var(--bbc-s-2); } .bbc-py-4 { padding-top: var(--bbc-s-4); padding-bottom: var(--bbc-s-4); } .bbc-py-6 { padding-top: var(--bbc-s-6); padding-bottom: var(--bbc-s-6); }
.bbc-pt-4 { padding-top: var(--bbc-s-4); } .bbc-pt-6 { padding-top: var(--bbc-s-6); } .bbc-pb-4 { padding-bottom: var(--bbc-s-4); } .bbc-pb-6 { padding-bottom: var(--bbc-s-6); }
.bbc-m-0 { margin: 0; }
.bbc-mt-0 { margin-top: 0; } .bbc-mt-2 { margin-top: var(--bbc-s-2); } .bbc-mt-4 { margin-top: var(--bbc-s-4); } .bbc-mt-6 { margin-top: var(--bbc-s-6); } .bbc-mt-8 { margin-top: var(--bbc-s-8); }
.bbc-mb-0 { margin-bottom: 0; } .bbc-mb-2 { margin-bottom: var(--bbc-s-2); } .bbc-mb-4 { margin-bottom: var(--bbc-s-4); } .bbc-mb-6 { margin-bottom: var(--bbc-s-6); }
.bbc-mx-auto { margin-left: auto; margin-right: auto; }
.bbc-gap-2 { gap: var(--bbc-s-2); } .bbc-gap-4 { gap: var(--bbc-s-4); } .bbc-gap-6 { gap: var(--bbc-s-6); }
.bbc-block { display: block; } .bbc-inline { display: inline; } .bbc-flex { display: flex; } .bbc-inline-flex { display: inline-flex; } .bbc-grid-1 { display: grid; } .bbc-hidden { display: none; }
.bbc-wrap { flex-wrap: wrap; } .bbc-col { flex-direction: column; } .bbc-items-c { align-items: center; } .bbc-between { justify-content: space-between; }
.bbc-w-full { width: 100%; } .bbc-mw-prose { max-width: 68ch; }
.bbc-fs-0 { font-size: var(--bbc-fs-0); } .bbc-fs-1 { font-size: var(--bbc-fs-1); } .bbc-fs-2 { font-size: var(--bbc-fs-2); } .bbc-fs-3 { font-size: var(--bbc-fs-3); } .bbc-fs-4 { font-size: var(--bbc-fs-4); } .bbc-fs-5 { font-size: var(--bbc-fs-5); } .bbc-fs-6 { font-size: var(--bbc-fs-6); }
.bbc-fw-6 { font-weight: 600; } .bbc-fw-7 { font-weight: 700; } .bbc-ff-head { font-family: var(--bbc-font-head); }
.bbc-lh-tight { line-height: 1.25; } .bbc-uc { text-transform: uppercase; letter-spacing: 0.06em; }
.bbc-tx { color: var(--bbc-text); } .bbc-tx-muted { color: var(--bbc-text-muted); } .bbc-tx-accent { color: var(--bbc-accent); } .bbc-tx-primary { color: var(--bbc-primary); } .bbc-tx-warning { color: var(--bbc-warning); } .bbc-tx-danger { color: var(--bbc-danger); } .bbc-tx-success { color: var(--bbc-success); }
.bbc-bg { background-color: var(--bbc-bg); } .bbc-bg-bg { background-color: var(--bbc-bg); } .bbc-bg-surface { background-color: var(--bbc-surface); } .bbc-bg-primary { background-color: var(--bbc-primary); color: var(--bbc-on-primary); }
.bbc-bd-2 { border: var(--bbc-bw) solid var(--bbc-border); } .bbc-bd-edge { border: var(--bbc-bw) solid var(--bbc-edge); } .bbc-bd-t-2 { border-top: var(--bbc-bw) solid var(--bbc-border); } .bbc-bd-b-2 { border-bottom: var(--bbc-bw) solid var(--bbc-border); } .bbc-bd-l-6 { border-left: 6px solid var(--bbc-primary); }
.bbc-sh-4 { box-shadow: var(--bbc-shadow); } .bbc-sh-0 { box-shadow: none; }
.bbc-r-0 { border-radius: 0; }
.bbc-bar-b i { background: var(--bbc-primary); }
.bbc-bar-over i { background: var(--bbc-danger); }

/* aendringer/historik: liste med datonummer som tidslinje, ikke trinkort */
.bbc-article :is(section#aendringer, section#historik) > ol { gap: 0; margin-left: 12px; padding-left: 0; border-left: var(--bbc-bw) solid var(--bbc-edge); }
.bbc-article :is(section#aendringer, section#historik) > ol > li { padding: 0 0 18px 70px; min-height: 0; background: none; border: 0; box-shadow: none; }
.bbc-article :is(section#aendringer, section#historik) > ol > li:hover { box-shadow: none; transform: none; }
.bbc-article :is(section#aendringer, section#historik) > ol > li::before { left: 18px; top: 0; bottom: auto; width: 44px; height: 44px; font-size: var(--bbc-fs-3); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: 3px 3px 0 var(--bbc-border); }
.bbc-article :is(section#aendringer, section#historik) > ol > li::after { content: ""; position: absolute; left: -10px; top: 14px; width: 16px; height: 16px; background: var(--bbc-primary); border: var(--bbc-bw) solid var(--bbc-bg); }
/* forside: FAQ og laes videre er ikke nummererede essay-afsnit */
.bbc-home > :is(.bbc-faq, .bbc-related) { padding: 56px var(--bbc-g) 72px; display: block; background: var(--bbc-bg); border-bottom: 0; }
.bbc-home > :is(.bbc-faq, .bbc-related) > h2 { display: block; font-size: var(--bbc-fs-4); margin-bottom: 20px; }
.bbc-home > .bbc-related { background: var(--bbc-surface); border-top: var(--bbc-bw) solid var(--bbc-edge); }
.bbc-home > :is(.bbc-faq, .bbc-related) > * { max-width: none; }
.bbc-article .bbc-crumbs li { padding: 0; margin: 0; }

/* ============================================================================================================================
   13. Runde 2: liv i siden. Rytme, hubs, tabeller, værktøj, rail, omslag, mobil, bevægelse. (Overstyrer tidligere regler med samme specificitet.)
   ============================================================================================================================ */
.bbc-stage { overflow-x: clip; }

/* 13a. Test-stribe og oplysningsstribe: korte på mobil ---------------------------------------------------------------- */
.bbc-test-m { display: none; }
@media (max-width: 599.98px) {
  .bbc-test { padding: 6px 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .bbc-test-d { display: none; }
  .bbc-test-m { display: inline; }
  .bbc-strip { display: none; }
}

/* 13b. Rail: navigationsrækker i stedet for «select»-knapper -------------------------------------------------------------- */
.bbc-rail { gap: 4px; padding: 26px 14px 20px; }
.bbc-brand { grid-template-columns: 56px minmax(0, 1fr); column-gap: 12px; padding-bottom: 20px; margin-bottom: 12px; }
.bbc-brand-mark { width: 56px; height: 56px; filter: drop-shadow(4px 4px 0 var(--bbc-border)); }
.bbc-brand-t { font-size: 1.22rem; font-weight: 800; line-height: 1.05; letter-spacing: -0.02em; }
.bbc-brand-s { font-size: 0.78rem; line-height: 1.3; letter-spacing: 0.02em; }
.bbc-panel { position: relative; }
.bbc-panel + .bbc-panel { border-top: var(--bbc-bw) dashed var(--bbc-border); }
.bbc-panel > summary {
  position: relative; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto 18px; gap: 10px; align-items: center;
  min-height: 62px; padding: 8px 8px 8px 14px; border: 0; background: transparent; color: var(--bbc-text);
}
.bbc-panel > summary::before {
  content: ""; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; margin-top: -5px; background: var(--bbc-primary); box-shadow: 3px 3px 0 var(--bbc-border);
  transform: scale(0); transition: transform var(--bbc-t) ease;
}
.bbc-panel[open] > summary::before, .bbc-panel[data-here] > summary::before { transform: scale(1); }
.bbc-nav-i { display: grid; place-items: center; width: 36px; height: 36px; background: var(--bbc-bg); border: var(--bbc-bw) solid var(--bbc-border); color: var(--bbc-primary); transition: background-color var(--bbc-t) ease, color var(--bbc-t) ease, border-color var(--bbc-t) ease; }
.bbc-nav-i .bbc-ic { width: 20px; height: 20px; }
.bbc-nav-g { display: grid; gap: 1px; min-width: 0; }
.bbc-nav-g b { font-size: 1rem; font-weight: 700; line-height: 1.2; }
.bbc-nav-g small { font-size: 0.78rem; line-height: 1.3; color: var(--bbc-text-muted); font-weight: 400; }
.bbc-nav-n { font-family: var(--bbc-font-mono); font-size: 0.78rem; letter-spacing: 0.08em; color: var(--bbc-text-muted); }
.bbc-panel > summary:hover { transform: none; box-shadow: none; background: var(--bbc-tint-p); }
.bbc-panel > summary:hover .bbc-nav-i { border-color: var(--bbc-primary); }
.bbc-panel[open] > summary { background: var(--bbc-tint-p); color: var(--bbc-text); border: 0; }
.bbc-panel[open] > summary .bbc-nav-i { background: var(--bbc-primary); color: var(--bbc-on-primary); border-color: var(--bbc-primary); box-shadow: 3px 3px 0 var(--bbc-border); }
.bbc-panel[open] > summary .bbc-nav-n { color: var(--bbc-primary); }
.bbc-panel > ul { width: min(30rem, calc(100vw - var(--bbc-rail) - 16px)); padding: 10px; }
.bbc-panel > ul a { padding: 14px 18px; }
.bbc-nav-t { font-size: 1.06rem; font-weight: 700; }
.bbc-nav-d { font-size: 0.92rem; line-height: 1.45; margin-top: 3px; }
.bbc-rail-note { margin: auto 0 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.bbc-rail-note span { display: inline-block; padding: 8px 14px; border: 3px double var(--bbc-warning); color: var(--bbc-warning); background: var(--bbc-bg); transform: rotate(-3deg); box-shadow: 4px 4px 0 var(--bbc-border); letter-spacing: 0.02em; }
@media (max-width: 899.98px) {
  .bbc-brand { grid-template-columns: 38px auto; padding: 2px 0; margin: 0 auto 0 0; }
  .bbc-brand-mark { width: 38px; height: 38px; filter: none; }
  .bbc-brand-t { font-size: 1.1rem; }
  .bbc-panel { flex: 1 0 100%; }
  .bbc-rail-note { margin-top: 4px; }
}

/* 13c. Omslag: større, delvis uden for kanten, lag-skygge, stort baggrundssymbol, langsom drift ---------------------------- */
@keyframes bbc-drift { from { transform: translate(0, 0) rotate(0deg); } to { transform: translate(-7px, -9px) rotate(-0.7deg); } }
.bbc-cover { padding: 28px var(--bbc-g) 30px; margin-bottom: 28px; }
.bbc-cover-bg { position: absolute; left: 34%; top: -90px; width: 480px; height: 480px; opacity: 0.08; pointer-events: none; z-index: 0; max-width: none; animation: bbc-drift 16s ease-in-out infinite alternate; }
.bbc-cover-svg { animation: bbc-drift 9s ease-in-out infinite alternate; }
.bbc-cover-art svg { filter: drop-shadow(12px 12px 0 color-mix(in srgb, var(--cv2) 42%, transparent)); }
.bbc-cover-art svg.bbc-cover-svg { transform-origin: 70% 80%; }
@media (min-width: 900px) {
  .bbc-cover { grid-template-columns: minmax(0, 1fr) minmax(280px, 44%); padding-top: 30px; padding-bottom: 34px; min-height: 300px; }
  .bbc-cover-art { width: calc(100% + 96px); max-width: none; justify-self: end; margin: -4px -96px -72px 0; }
  .bbc-cover-txt { max-width: 44rem; padding-right: 28px; }
}
@media (max-width: 599.98px) {
  .bbc-cover { display: block; padding: 14px var(--bbc-g) 18px; margin-bottom: 18px; min-height: 0; }
  .bbc-cover-bg { width: 240px; height: 240px; left: auto; right: -50px; top: -30px; }
  .bbc-cover-art { position: absolute; right: 14px; top: 8px; width: 80px; max-width: none; margin: 0; justify-self: auto; }
  .bbc-cover-art svg { filter: drop-shadow(5px 5px 0 color-mix(in srgb, var(--cv2) 42%, transparent)); }
  .bbc-cover-txt { padding-right: 0; }
  .bbc-crumbs { margin: 0 0 8px; max-width: calc(100% - 118px); }
  .bbc-crumbs li:not(:nth-last-child(2)) { display: none; }
  .bbc-crumbs li:nth-last-child(2) a::before { content: "← "; }
  .bbc-crumbs li + li::before { content: none; }
  .bbc-kicker { margin: 0 0 12px; max-width: calc(100% - 134px); }
  .bbc-kicker-n { display: none; }
  .bbc-h1 { font-size: 1.85rem; }
}
@media (min-width: 600px) and (max-width: 899.98px) {
  .bbc-cover-art { max-width: 320px; }
}

/* 13d. Kapsel + kontrollinje samlet; fakta ved siden af ------------------------------------------------------------------ */
.bbc-top { display: grid; gap: 22px; margin: 0 0 36px; }
@media (min-width: 1180px) { .bbc-top { grid-template-columns: minmax(0, 1fr) var(--bbc-facts-w); gap: 32px; align-items: start; } }
.bbc-leadbox { position: relative; display: flex; flex-direction: column; min-width: 0; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); border-left: 10px solid var(--bbc-primary); box-shadow: var(--bbc-shadow-2); }
.bbc-leadbox .bbc-capsule { flex: 1; margin: 0; padding: 46px 28px 20px; border: 0; box-shadow: none; background: none; font-size: 1.3rem; line-height: 1.55; }
.bbc-leadbox .bbc-capsule::before { left: -10px; top: -2px; }
.bbc-leadbox .bbc-checked { margin: 0; padding: 11px 28px; border: 0; border-top: var(--bbc-bw) dashed var(--bbc-border); background: var(--bbc-tint-p); }
.bbc-top > .bbc-facts { margin: 0; padding-bottom: 20px; }
.bbc-facts > .bbc-fmeter { margin-top: 0; padding: 0 0 16px; border-top: 0; border-bottom: var(--bbc-bw) dashed var(--bbc-border); margin-bottom: 16px; }
.bbc-facts .bbc-fmeter h3 { margin-bottom: 6px; }
.bbc-bignum { display: flex; align-items: center; gap: 14px; margin: 0 0 12px; }
.bbc-bignum b { font-family: var(--bbc-font-head); font-weight: 800; font-size: 3rem; line-height: 1; letter-spacing: -0.04em; color: var(--bbc-warning); font-variant-numeric: lining-nums tabular-nums; }
.bbc-bignum span { font-weight: 700; color: var(--bbc-text); line-height: 1.25; font-size: var(--bbc-fs-1); }
.bbc-bignum small { display: block; font-size: var(--bbc-fs-0); font-weight: 500; color: var(--bbc-text-muted); line-height: 1.35; }
.bbc-meter { gap: 3px; height: 16px; }
.bbc-meter i { transition: transform 260ms ease calc(var(--i, 0) * 20ms), opacity 260ms ease calc(var(--i, 0) * 20ms); transform-origin: 50% 100%; }
.bbc-gr:not(.bbc-go) .bbc-meter i { transform: scaleY(0.15); opacity: 0.3; }
.bbc-meterbox { min-width: 0; }
@media (max-width: 599.98px) {
  .bbc-top { margin-bottom: 24px; }
  .bbc-leadbox .bbc-capsule { padding: 42px 18px 16px; font-size: 1.08rem; line-height: 1.55; }
  .bbc-leadbox .bbc-checked { padding: 10px 18px; }
  .bbc-top > .bbc-facts dl { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; }
  .bbc-bignum b { font-size: 2.4rem; }
}

/* 13e. Indholdsfortegnelse som foldeboks -------------------------------------------------------------------------------- */
.bbc-article details.bbc-toc-d { max-width: none; margin: 0 0 8px; padding: 0; border: var(--bbc-bw) solid var(--bbc-edge); background: var(--bbc-surface); box-shadow: var(--bbc-shadow-h); }
.bbc-article details.bbc-toc-d[open] { box-shadow: var(--bbc-shadow); background: var(--bbc-surface); }
.bbc-toc-d > summary { justify-content: space-between; gap: 16px; font-size: var(--bbc-fs-0); font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.bbc-toc-c { font-family: var(--bbc-font-mono); letter-spacing: 0.06em; color: var(--bbc-accent); font-weight: 500; }
.bbc-article .bbc-toc-d ol { padding: 4px 18px 14px; margin: 0; }
@media (min-width: 760px) { .bbc-article .bbc-toc-d ol { columns: 2; column-gap: 32px; } }
@media (min-width: 1180px) { .bbc-article .bbc-toc-d ol { columns: 3; } }
.bbc-toc-d li { break-inside: avoid; }

/* 13f. Sektionsrytme: lead, tre former for «Kort sagt», fuldbredde bånd, to spalter på store skærme ---------------------------- */
.bbc-article:not(.bbc-home) > section:first-of-type > h2 + p:not([data-role]) { font-family: var(--bbc-font-head); font-size: var(--bbc-fs-2); line-height: 1.6; color: var(--bbc-text); }
.bbc-article:not(.bbc-home) > section:first-of-type > h2 + p:not([data-role])::first-line { font-weight: 600; }
/* a: som før (ramme), b: uden ramme, stor tekst med stiplet streg, c: opklistret gul seddel */
.bbc-article section:nth-of-type(3n+2) > p[data-role="short"] { margin: 30px 0 10px; padding: 4px 0 14px 54px; background: none; border: 0; border-bottom: var(--bbc-bw) dashed var(--bbc-accent); box-shadow: none; font-size: 1.36rem; line-height: 1.4; font-weight: 500; }
.bbc-article section:nth-of-type(3n+2) > p[data-role="short"]::before { left: 0; top: 8px; width: 36px; height: 36px; }
.bbc-article section:nth-of-type(3n) > p[data-role="short"] { background: var(--bbc-warning); color: var(--bbc-on-primary); border: var(--bbc-bw) solid var(--bbc-on-primary); box-shadow: 5px 5px 0 var(--bbc-border); transform: rotate(-0.6deg); font-weight: 600; }
.bbc-article section:nth-of-type(3n) > p[data-role="short"]::before { background: var(--bbc-on-primary); }
.bbc-article section:nth-of-type(3n) > p[data-role="short"] strong:first-child { color: var(--bbc-on-primary); }
.bbc-article section:nth-of-type(3n) > p[data-role="short"] a { color: var(--bbc-on-primary); text-decoration-color: var(--bbc-on-primary); }

/* fuldbredde bånd hver 3. sektion (isolation + pseudo-element; stage klipper vandret) */
.bbc-article:not(.bbc-home) > section:is(:nth-of-type(6n+4), :nth-of-type(6n+1):not(:first-of-type)):not([id^="forbehold"]):not(#ukendt):not([id*="hjaelp"]):not([id^="ansvarligt-spil"]):not(#spil-med-omtanke):not([id^="kilder"]):not([id*="kontrolleret"]):not(#saadan-kontrollerer-vi):not(#kontrol):not([id^="eksempel"]):not(#aendringer):not(#historik):not(.bbc-faq):not(.bbc-related) { isolation: isolate; padding-top: 44px; padding-bottom: 12px; margin-top: 72px; }
.bbc-article:not(.bbc-home) > section:is(:nth-of-type(6n+4), :nth-of-type(6n+1):not(:first-of-type)):not([id^="forbehold"]):not(#ukendt):not([id*="hjaelp"]):not([id^="ansvarligt-spil"]):not(#spil-med-omtanke):not([id^="kilder"]):not([id*="kontrolleret"]):not(#saadan-kontrollerer-vi):not(#kontrol):not([id^="eksempel"]):not(#aendringer):not(#historik):not(.bbc-faq):not(.bbc-related)::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: -100vmax; right: -100vmax; border-block: var(--bbc-bw) solid var(--bbc-border); }
.bbc-article:not(.bbc-home) > section:nth-of-type(6n+4):not([id^="forbehold"]):not(#ukendt):not([id*="hjaelp"]):not([id^="ansvarligt-spil"]):not(#spil-med-omtanke):not([id^="kilder"]):not([id*="kontrolleret"]):not(#saadan-kontrollerer-vi):not(#kontrol):not([id^="eksempel"]):not(#aendringer):not(#historik):not(.bbc-faq):not(.bbc-related)::before { background: var(--bbc-surface) radial-gradient(var(--bbc-border) 1.3px, transparent 1.6px) 0 0 / 22px 22px; background-image: radial-gradient(var(--bbc-border) 1.3px, transparent 1.6px); background-size: 22px 22px; }
.bbc-article:not(.bbc-home) > section:nth-of-type(6n+1):not(:first-of-type):not([id^="forbehold"]):not(#ukendt):not([id*="hjaelp"]):not([id^="ansvarligt-spil"]):not(#spil-med-omtanke):not([id^="kilder"]):not([id*="kontrolleret"]):not(#saadan-kontrollerer-vi):not(#kontrol):not([id^="eksempel"]):not(#aendringer):not(#historik):not(.bbc-faq):not(.bbc-related)::before { background: var(--bbc-tint-a) repeating-linear-gradient(135deg, transparent 0 14px, color-mix(in srgb, var(--bbc-accent) 9%, transparent) 14px 28px); }
.bbc-article:not(.bbc-home) > section:nth-of-type(6n+4):not([id^="forbehold"]):not(#ukendt):not([id*="hjaelp"]):not([id^="ansvarligt-spil"]):not(#spil-med-omtanke):not([id^="kilder"]):not([id*="kontrolleret"]):not(#saadan-kontrollerer-vi):not(#kontrol):not([id^="eksempel"]):not(#aendringer):not(#historik):not(.bbc-faq):not(.bbc-related)::before { background-color: var(--bbc-surface); }

/* trin: forbindelseslinje mellem nummerpladerne (kun i én spalte) */
.bbc-article section > ol:not(.bbc-routes) > li:not(:last-child)::after { content: ""; position: absolute; left: 30px; top: 100%; width: 4px; height: 14px; background: repeating-linear-gradient(180deg, var(--bbc-edge) 0 4px, transparent 4px 8px); z-index: 1; }
.bbc-article :is(section#aendringer, section#historik) > ol > li:not(:last-child)::after { content: ""; position: absolute; left: -10px; top: 14px; width: 16px; height: 16px; background: var(--bbc-primary); border: var(--bbc-bw) solid var(--bbc-bg); }

@media (min-width: 1280px) {
  /* to spalter i sektionen: tekst (68ch) og en margin til «Kort sagt»; brede objekter bruger hele bredden */
  .bbc-article:not(.bbc-home) > section:not([id^="forbehold"]):not(#ukendt):not([id*="hjaelp"]):not([id^="ansvarligt-spil"]):not(#spil-med-omtanke):not([id^="kilder"]):not([id*="kontrolleret"]):not(#saadan-kontrollerer-vi):not(#kontrol):not([id^="eksempel"]):not(#aendringer):not(#historik):not(.bbc-faq):not(.bbc-related) { display: grid; grid-template-columns: minmax(0, 68ch) minmax(15rem, 1fr); column-gap: 56px; align-content: start; }
  .bbc-article:not(.bbc-home) > section:not([id^="forbehold"]):not(#ukendt):not([id*="hjaelp"]):not([id^="ansvarligt-spil"]):not(#spil-med-omtanke):not([id^="kilder"]):not([id*="kontrolleret"]):not(#saadan-kontrollerer-vi):not(#kontrol):not([id^="eksempel"]):not(#aendringer):not(#historik):not(.bbc-faq):not(.bbc-related) > * { grid-column: 1; }
  .bbc-article:not(.bbc-home) > section:not([id^="forbehold"]):not(#ukendt):not([id*="hjaelp"]):not([id^="ansvarligt-spil"]):not(#spil-med-omtanke):not([id^="kilder"]):not([id*="kontrolleret"]):not(#saadan-kontrollerer-vi):not(#kontrol):not([id^="eksempel"]):not(#aendringer):not(#historik):not(.bbc-faq):not(.bbc-related) > :is(h2, .bbc-tablewrap, .bbc-tlegend, .bbc-hint, figure, ol, .bbc-fig, .bbc-tool, [data-bbc-module], details[class]) { grid-column: 1 / -1; }
  .bbc-article:not(.bbc-home) > section:not([id^="forbehold"]):not(#ukendt):not([id*="hjaelp"]):not([id^="ansvarligt-spil"]):not(#spil-med-omtanke):not([id^="kilder"]):not([id*="kontrolleret"]):not(#saadan-kontrollerer-vi):not(#kontrol):not([id^="eksempel"]):not(#aendringer):not(#historik):not(.bbc-faq):not(.bbc-related) > p[data-role="short"] { grid-column: 2; grid-row: 2 / span 3; align-self: start; margin-top: 4px; max-width: none; }
  .bbc-article:not(.bbc-home) > section:not([id^="forbehold"]):not(#ukendt):not([id*="hjaelp"]):not([id^="ansvarligt-spil"]):not(#spil-med-omtanke):not([id^="kilder"]):not([id*="kontrolleret"]):not(#saadan-kontrollerer-vi):not(#kontrol):not([id^="eksempel"]):not(#aendringer):not(#historik):not(.bbc-faq):not(.bbc-related) > ol { max-width: none; grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr)); }
  .bbc-article:not(.bbc-home) > section > ol:not(.bbc-routes) > li::after { display: none; }
  .bbc-article section:nth-of-type(3n+2) > p[data-role="short"] { padding-left: 54px; }
}
@media (max-width: 599.98px) {
  .bbc-article section:nth-of-type(3n) > p[data-role="short"] { transform: none; }
}

/* 13g. Hub: grupper efter sidetype, egen kortform pr. gruppe ---------------------------------------------------------------- */
.bbc-hub { display: grid; gap: 52px; margin: 0 0 60px; }
.bbc-hubgrp-h { display: flex; align-items: center; gap: 14px; position: relative; margin: 0 0 22px; padding-bottom: 14px; font-size: var(--bbc-fs-4); border-bottom: var(--bbc-bw) solid var(--bbc-border); }
.bbc-hubgrp-h::after { content: ""; position: absolute; left: 0; bottom: -3px; width: 72px; height: 4px; background: var(--bbc-primary); }
.bbc-hubgrp-c { display: inline-grid; place-items: center; min-width: 32px; height: 30px; padding: 0 8px; font: 700 var(--bbc-fs-0) / 1 var(--bbc-font-mono); letter-spacing: 0.04em; background: var(--bbc-accent); color: var(--bbc-on-primary); }
.bbc-article .bbc-cards { list-style: none; padding: 0; margin: 0; display: grid; gap: 22px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr)); max-width: none; counter-reset: none; }
.bbc-article .bbc-cards > li { margin: 0; padding: 0; }
.bbc-article .bbc-cards > li::before { display: none; }
.bbc-hc { position: relative; display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 16px; align-content: start; height: 100%; padding: 20px 20px 64px; color: var(--bbc-text); text-decoration: none; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); box-shadow: var(--bbc-shadow-2); overflow: hidden; transition: transform var(--bbc-t) ease, box-shadow var(--bbc-t) ease, border-color var(--bbc-t) ease; }
.bbc-hc:hover { background: var(--bbc-surface); color: var(--bbc-text); transform: translate(2px, 2px); box-shadow: var(--bbc-shadow-h); border-color: var(--bbc-accent); }
.bbc-hc:hover .bbc-hc-t { color: var(--bbc-link); }
.bbc-hc:hover .bbc-route-go { background: var(--bbc-primary); transform: translateX(4px); }
.bbc-hc .bbc-route-go { right: 16px; bottom: 14px; }
.bbc-hc-b { display: grid; gap: 6px; min-width: 0; align-content: start; }
.bbc-hc-k { display: flex; flex-wrap: wrap; gap: 6px; }
.bbc-chip-w { background: var(--bbc-tint-w); border-color: var(--bbc-warning); color: var(--bbc-warning); }
.bbc-hc-t { font-family: var(--bbc-font-head); font-weight: 700; font-size: var(--bbc-fs-3); line-height: 1.2; letter-spacing: -0.01em; transition: color var(--bbc-t) ease; }
.bbc-hc-n { display: block; margin-bottom: 4px; font: 700 var(--bbc-fs-0) / 1 var(--bbc-font-mono); letter-spacing: 0.12em; color: var(--bbc-accent); }
.bbc-hc-d { color: var(--bbc-text-muted); font-size: var(--bbc-fs-0); line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/* udbyder: monogram i farvet kvadrat */
.bbc-mono { display: grid; place-items: center; width: 64px; height: 64px; font: 800 1.7rem / 1 var(--bbc-font-head); letter-spacing: -0.02em; color: var(--bbc-on-primary); border: var(--bbc-bw) solid var(--bbc-text); box-shadow: 4px 4px 0 var(--bbc-border); background: var(--bbc-primary); }
.bbc-mono-1 { background: var(--bbc-accent); } .bbc-mono-2 { background: var(--bbc-warning); } .bbc-mono-3 { background: var(--bbc-link); }
/* sammenligning: «A | B» */
.bbc-hc-vs { grid-template-columns: minmax(0, 1fr); }
.bbc-vs { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: stretch; margin: 0 0 14px; border: var(--bbc-bw) solid var(--bbc-edge); background: var(--bbc-bg); text-align: center; }
.bbc-vs b { display: grid; place-items: center; padding: 12px 8px; font: 700 1.05rem / 1.2 var(--bbc-font-head); overflow-wrap: anywhere; }
.bbc-vs b:first-child { border-right: var(--bbc-bw) solid var(--bbc-edge); }
.bbc-vs b:last-child { border-left: var(--bbc-bw) solid var(--bbc-edge); }
.bbc-vs i { display: grid; place-items: center; width: 40px; margin: -2px 0; background: var(--bbc-warning); color: var(--bbc-on-primary); font: 800 0.8rem / 1 var(--bbc-font-body); letter-spacing: 0.06em; font-style: normal; border: var(--bbc-bw) solid var(--bbc-on-primary); transform: rotate(-4deg); }
/* registerpost: stempel */
.bbc-stamp { display: grid; place-items: center; width: 64px; height: 64px; font: 800 2.3rem / 1 var(--bbc-font-head); color: var(--bbc-primary); border: 3px double var(--bbc-primary); transform: rotate(-7deg); background: var(--bbc-bg); }
/* datasæt: mini-tabel */
.bbc-minit { display: grid; align-content: center; gap: 7px; width: 64px; height: 64px; padding: 10px; background: var(--bbc-bg); border: var(--bbc-bw) solid var(--bbc-edge); }
.bbc-minit i { display: block; height: 7px; background: var(--bbc-border); }
.bbc-minit i:first-child { background: var(--bbc-accent); width: 70%; }
.bbc-minit i:nth-child(2) { width: 100%; } .bbc-minit i:nth-child(3) { width: 55%; }
/* andre */
.bbc-hc-ic { display: grid; place-items: center; width: 64px; height: 64px; background: var(--bbc-bg); border: var(--bbc-bw) solid var(--bbc-border); color: var(--bbc-primary); }
.bbc-hc-ic .bbc-ic { width: 28px; height: 28px; }
.bbc-cards-tp, .bbc-cards-gd { grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr)); gap: 18px; }
.bbc-hc-tp, .bbc-hc-gd { grid-template-columns: 52px minmax(0, 1fr); padding-bottom: 20px; padding-right: 20px; }
.bbc-hc-tp .bbc-hc-ic, .bbc-hc-gd .bbc-hc-ic { width: 52px; height: 52px; }
.bbc-hc-tp .bbc-hc-t, .bbc-hc-gd .bbc-hc-t { font-size: var(--bbc-fs-2); }
.bbc-hc-tp .bbc-route-go, .bbc-hc-gd .bbc-route-go { display: none; }
/* første kort: bredt «start her» med omslags-SVG */
.bbc-cards > li.bbc-hc-hero { grid-column: 1 / -1; }
.bbc-hc-hero .bbc-hc { grid-template-columns: minmax(0, 1fr); background: var(--bbc-tint-p); border-color: var(--bbc-primary); padding: 26px 26px 72px; }
.bbc-hc-hero .bbc-hc-art { display: block; margin: 0 0 18px; max-width: 360px; }
.bbc-hc-hero .bbc-hc-t { font-size: var(--bbc-fs-5); }
.bbc-hc-hero .bbc-hc-d { font-size: var(--bbc-fs-1); -webkit-line-clamp: 4; max-width: 46ch; }
.bbc-hc-hero .bbc-route-go { background: var(--bbc-primary); }
.bbc-hc-hero .bbc-route-go .bbc-ic { color: var(--bbc-on-primary); }
.bbc-hc-art .bbc-cover-svg { animation: none; }
@media (min-width: 760px) {
  .bbc-hc-hero .bbc-hc { grid-template-columns: minmax(0, 1fr) minmax(240px, 400px); align-items: center; column-gap: 40px; padding-bottom: 28px; padding-right: 88px; min-height: 240px; }
  .bbc-hc-hero .bbc-hc-art { grid-column: 2; grid-row: 1; margin: 0; max-width: none; }
  .bbc-hc-hero .bbc-hc-b { grid-column: 1; grid-row: 1; }
  .bbc-hc-hero .bbc-route-go { right: 24px; bottom: auto; top: 50%; margin-top: -18px; }
}

/* 13h. Tabeller: ikon-celler, forklaring, mini-søjler -------------------------------------------------------------------------- */
.bbc-tlegend { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; margin: 28px 0 0; padding: 10px 16px; background: var(--bbc-surface); border: var(--bbc-bw) solid var(--bbc-edge); border-bottom: 0; font-size: var(--bbc-fs-0); line-height: 1.4; }
.bbc-tlegend + .bbc-tablewrap { margin-top: 0; }
.bbc-article .bbc-tlegend ul { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; margin: 0; padding: 0; max-width: none; }
.bbc-article .bbc-tlegend li { display: inline-flex; align-items: center; gap: 7px; margin: 0; padding: 0; font-weight: 600; }
.bbc-article .bbc-tlegend li::before { display: none; }
.bbc-tlegend li i, .bbc-tablewrap td[data-st]::before { display: inline-block; flex: none; width: 20px; height: 20px; background: currentColor; }
.bbc-tlegend li[data-st="open"] { color: var(--bbc-warning); } .bbc-tlegend li[data-st="ok"] { color: var(--bbc-success); } .bbc-tlegend li[data-st="info"] { color: var(--bbc-accent); } .bbc-tlegend li[data-st="none"] { color: var(--bbc-text-muted); }
.bbc-tlegend li[data-st="open"] i, .bbc-tablewrap td[data-st="open"]::before { -webkit-mask: var(--bbc-m-warning) center / contain no-repeat; mask: var(--bbc-m-warning) center / contain no-repeat; }
.bbc-tlegend li[data-st="ok"] i, .bbc-tablewrap td[data-st="ok"]::before { -webkit-mask: var(--bbc-m-check) center / contain no-repeat; mask: var(--bbc-m-check) center / contain no-repeat; }
.bbc-tlegend li[data-st="info"] i, .bbc-tablewrap td[data-st="info"]::before { -webkit-mask: var(--bbc-m-info) center / contain no-repeat; mask: var(--bbc-m-info) center / contain no-repeat; }
.bbc-tlegend li[data-st="none"] i, .bbc-tablewrap td[data-st="none"]::before { -webkit-mask: var(--bbc-m-dash) center / contain no-repeat; mask: var(--bbc-m-dash) center / contain no-repeat; }
.bbc-tablewrap td[data-st] { position: static; padding: 12px 16px; white-space: nowrap; }
.bbc-tablewrap td[data-st]::before { position: static; vertical-align: -5px; }
.bbc-tablewrap td[data-st="ok"] { color: var(--bbc-success); }
.bbc-st-t { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.bbc-tablewrap tbody tr td[data-st="open"] { background-image: repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--bbc-warning) 18%, transparent) 6px 8px); }
.bbc-tablewrap tbody tr td[data-st="info"] { background-image: radial-gradient(color-mix(in srgb, var(--bbc-accent) 30%, transparent) 1.2px, transparent 1.5px); background-size: 8px 8px; }
.bbc-mini { display: block; height: 22px; width: auto; max-width: 100%; flex: 0 1 auto; margin-left: auto; overflow: visible; }
.bbc-mini-l { color: var(--bbc-text-muted); font-size: var(--bbc-fs-0); }
.bbc-mini-l b { color: var(--bbc-warning); font-family: var(--bbc-font-head); font-size: 1.2em; }
.bbc-mn { transform-box: fill-box; transition: opacity 280ms ease calc(var(--i, 0) * 20ms), transform 280ms ease calc(var(--i, 0) * 20ms); }
.bbc-mn rect, .bbc-mn polygon, .bbc-mn path { fill: none; stroke-width: 2; }
.bbc-mn-o rect { fill: var(--bbc-bg); stroke: var(--bbc-warning); } .bbc-mn-o path { stroke: var(--bbc-warning); }
.bbc-mn-k rect { fill: var(--bbc-success); stroke: var(--bbc-success); } .bbc-mn-k path { stroke: var(--bbc-bg); stroke-width: 2.4; }
.bbc-mn-i polygon { fill: var(--bbc-accent); stroke: var(--bbc-accent); }
.bbc-mn-n rect { fill: var(--bbc-border); stroke: none; }
.bbc-gr:not(.bbc-go) .bbc-mn { opacity: 0; transform: translateY(6px); }
@media (min-width: 760px) { .bbc-tlegend .bbc-mini-l { display: none; } }

/* 13i. Værktøj: to spalter, ± felter, skyder, hurtigvalg, stor visning og måler ---------------------------------------------- */
.bbc-toolgrid { display: grid; gap: 28px; align-items: start; margin: 0 0 24px; }
@media (min-width: 1100px) { .bbc-toolgrid { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); } .bbc-toolgrid .bbc-result-big { position: sticky; top: 24px; } }
.bbc-toolgrid .bbc-tool { max-width: none; margin: 0; gap: 20px; }
.bbc-fields { display: grid; gap: 20px 22px; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); }
.bbc-fx { display: grid; grid-template-columns: 46px minmax(0, 1fr) 46px; }
.bbc-field .bbc-fx input { text-align: center; font-size: 1.2rem; font-weight: 600; border-left: 0; border-right: 0; min-width: 0; }
.bbc-pm { min-height: 48px; border: var(--bbc-bw) solid var(--bbc-text-muted); background: var(--bbc-surface); color: var(--bbc-text); font: 700 1.5rem / 1 var(--bbc-font-body); cursor: pointer; transition: background-color var(--bbc-t) ease, color var(--bbc-t) ease, transform var(--bbc-t) ease; }
.bbc-pm:hover { background: var(--bbc-primary); color: var(--bbc-on-primary); border-color: var(--bbc-primary); }
.bbc-pm:active { transform: translate(2px, 2px); }
.bbc-range { width: 100%; height: 26px; margin: 4px 0 0; accent-color: var(--bbc-primary); cursor: pointer; }
.bbc-presets { display: flex; flex-wrap: wrap; gap: 12px 24px; align-items: center; padding: 14px 0 2px; border-top: var(--bbc-bw) dashed var(--bbc-border); }
.bbc-presets-g { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.bbc-presets-l { margin-right: 4px; font-size: var(--bbc-fs-0); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--bbc-text-muted); }
.bbc-pre-b { min-height: 38px; padding: 0 14px; border: var(--bbc-bw) solid var(--bbc-edge); background: var(--bbc-bg); color: var(--bbc-text); font: 700 var(--bbc-fs-0) / 1 var(--bbc-font-body); cursor: pointer; box-shadow: 3px 3px 0 var(--bbc-border); transition: transform var(--bbc-t) ease, box-shadow var(--bbc-t) ease, background-color var(--bbc-t) ease, color var(--bbc-t) ease; }
.bbc-pre-b:hover { background: var(--bbc-accent); color: var(--bbc-on-primary); border-color: var(--bbc-accent); }
.bbc-pre-b:active { transform: translate(3px, 3px); box-shadow: none; }
.bbc-result-big { max-width: none; margin: 0; padding: 30px 28px 22px; box-shadow: 6px 6px 0 color-mix(in srgb, var(--bbc-accent) 40%, var(--bbc-bg)); }
.bbc-result-big.bbc-off .bbc-res-top, .bbc-result-big.bbc-off dl, .bbc-result-big.bbc-off .bbc-bar, .bbc-result-big.bbc-off .bbc-bar-l { opacity: 0.3; }
.bbc-res-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, 170px); gap: 14px 20px; align-items: center; margin: 0 0 14px; }
.bbc-result .bbc-display { margin: 0 !important; display: grid; gap: 6px; font-size: inherit; color: var(--bbc-text); min-width: 0; }
.bbc-display small { font-size: var(--bbc-fs-0); line-height: 1.35; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--bbc-text-muted); }
.bbc-display b { font-family: var(--bbc-font-head); font-weight: 800; font-size: clamp(2.4rem, 1.7rem + 2.2vw, 3.7rem); line-height: 1; white-space: nowrap; letter-spacing: -0.035em; color: var(--bbc-accent); font-variant-numeric: lining-nums tabular-nums; overflow-wrap: anywhere; }
.bbc-dial { display: block; width: 100%; height: auto; overflow: visible; }
.bbc-dial path { fill: none; stroke-width: 14; }
.bbc-dial-bg { stroke: var(--bbc-border); } .bbc-dial-a { stroke: var(--bbc-accent); } .bbc-dial-b { stroke: var(--bbc-warning); } .bbc-dial-c { stroke: var(--bbc-danger); }
.bbc-dial .bbc-dial-tk { stroke: var(--bbc-text); stroke-width: 2; }
.bbc-dial-n { transform-box: view-box; transform-origin: 100px 100px; transform: rotate(-90deg); transition: transform 700ms cubic-bezier(.2, .8, .2, 1); }
.bbc-dial .bbc-dial-n path { fill: var(--bbc-text); stroke: var(--bbc-bg); stroke-width: 2; }
.bbc-dial-hub { fill: var(--bbc-primary); stroke: var(--bbc-bg); stroke-width: 3; }
.bbc-gr:not(.bbc-go) .bbc-dial-n { transform: rotate(-90deg) !important; }
.bbc-bar { transition: grid-template-columns 500ms cubic-bezier(.2, .8, .2, 1); }
.bbc-result-big dl { margin-top: 6px; }

/* 13j. Bund: opfordring i to spalter, regulator-stribe, tre-niveau fod ------------------------------------------------------- */
.bbc-cta { padding: 52px var(--bbc-g) 48px; gap: 32px; }
.bbc-cta-copy { max-width: 36rem; z-index: 1; }
.bbc-cta-h { font-size: var(--bbc-fs-6); font-weight: 800; }
.bbc-cta-act { margin-top: 22px; }
.bbc-cta-art { position: relative; z-index: 1; width: 100%; max-width: 460px; justify-self: center; }
.bbc-cta-svg { display: block; width: 100%; height: auto; overflow: visible; }
.bbc-cta-sh { fill: var(--bbc-on-primary); opacity: 0.45; }
.bbc-cta-pl { fill: var(--bbc-bg); stroke: var(--bbc-on-primary); stroke-width: 3; }
.bbc-cta-ln { fill: none; stroke: var(--bbc-border); stroke-width: 3; }
.bbc-cta-nn { font: 800 38px var(--bbc-font-head); fill: var(--bbc-primary); }
.bbc-cta-tt { font: 700 12px var(--bbc-font-body); letter-spacing: 0.1em; text-transform: uppercase; fill: var(--bbc-text); }
.bbc-cta-sh2 { fill: var(--bbc-on-primary); }
.bbc-cta-st { fill: var(--bbc-warning); stroke: var(--bbc-on-primary); stroke-width: 3; }
.bbc-cta-ring { fill: none; stroke: var(--bbc-on-primary); stroke-width: 2; stroke-dasharray: 3 6; }
.bbc-cta-pa { font: 800 58px var(--bbc-font-head); fill: var(--bbc-on-primary); }
.bbc-cta-big { position: absolute; left: 4px; top: -6px; margin: 0; font: 700 1.25rem / 1 var(--bbc-font-body); letter-spacing: 0.04em; text-transform: uppercase; color: var(--bbc-on-primary); }
.bbc-cta-big b { font: 800 4.5rem / 0.9 var(--bbc-font-head); letter-spacing: -0.04em; margin-right: 6px; vertical-align: -0.1em; }
@media (min-width: 900px) { .bbc-cta { grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 56px; } .bbc-cta-art { justify-self: end; } }
.bbc-cta::before { opacity: 0.8; }

.bbc-f1 { padding-top: 18px; padding-bottom: 18px; gap: 12px 32px; }
.bbc-regstrip .bbc-age { gap: 14px; }
.bbc-age b { font-size: var(--bbc-fs-5); padding: 4px 12px; transform: rotate(-3deg); border-width: 3px; border-style: double; }
.bbc-age span { font-size: var(--bbc-fs-0); font-weight: 600; max-width: 20ch; }
.bbc-regstrip .bbc-help { max-width: none; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 8px 28px; }
.bbc-regstrip .bbc-help p { line-height: 1.5; }
.bbc-f2 { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; padding-top: 12px; padding-bottom: 12px; background: var(--bbc-bg); }
.bbc-f2 .bbc-f-h { margin: 0; }
.bbc-f2 ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0; counter-reset: none; }
.bbc-f2 ol li { margin: 0; padding: 0; }
.bbc-f2 ol a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 4px 18px; border: 0; border-left: var(--bbc-bw) solid var(--bbc-border); background: transparent; box-shadow: none; font-weight: 600; text-decoration: none; }
.bbc-f2 ol a i { font: 500 0.72rem / 1 var(--bbc-font-mono); letter-spacing: 0.1em; color: var(--bbc-primary); }
.bbc-f2 ol a:hover { background: var(--bbc-link); color: var(--bbc-on-primary); }
.bbc-f2 ol a:hover i { color: var(--bbc-on-primary); }
.bbc-f3 { gap: 20px 56px; padding-top: 22px; padding-bottom: 22px; }
.bbc-f3c { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 32px; }
.bbc-f3c .bbc-f-h { margin: 0 0 6px; font-weight: 700; font-size: var(--bbc-fs-0); letter-spacing: 0.1em; text-transform: uppercase; color: var(--bbc-accent); }
.bbc-f3c ul { display: grid; gap: 0; }
.bbc-f3c li { margin: 0; padding: 0; }
@media (min-width: 900px) { .bbc-f1 { grid-template-columns: auto minmax(0, 1fr); } }

/* 13k. Forside: «Læs videre» i bredere gitter, kort med type og nummer ---------------------------------------------------- */
.bbc-related ul { grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 16px; }
@media (min-width: 900px) {
  .bbc-related ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .bbc-related ul:has(> li:nth-child(4):last-child), .bbc-related ul:has(> li:nth-child(7):last-child), .bbc-related ul:has(> li:nth-child(8):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .bbc-related ul:has(> li:nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.bbc-related a { align-items: flex-start; min-height: 104px; padding: 16px 18px; gap: 14px; transition: transform var(--bbc-t) ease, box-shadow var(--bbc-t) ease, border-color var(--bbc-t) ease; }
.bbc-related a:hover { border-color: var(--bbc-accent); }
.bbc-rel-n { font-size: var(--bbc-fs-5); line-height: 1; font-weight: 800; color: transparent; -webkit-text-stroke: var(--bbc-bw) var(--bbc-primary); }
.bbc-rel-t { display: grid; gap: 4px; min-width: 0; }
.bbc-rel-k { font: 700 0.7rem / 1.2 var(--bbc-font-body); letter-spacing: 0.12em; text-transform: uppercase; color: var(--bbc-accent); }
.bbc-related a::after { align-self: flex-end; }

/* 13l. Bevægelse: hover primær -> accent, tryk, hero-tilt ---------------------------------------------------------------------- */
.bbc-btn:hover { border-color: var(--bbc-accent); }
.bbc-btn:active { transform: translate(3px, 3px); box-shadow: none; }
.bbc-route:hover, .bbc-related a:hover, .bbc-csv:hover { border-color: var(--bbc-accent); }
.bbc-hero-svg { transition: transform 220ms ease-out; transform-style: preserve-3d; }
.bbc-tilt-on .bbc-fl { translate: calc(var(--bbc-px, 0) * var(--d, 1) * 9px) calc(var(--bbc-py, 0) * var(--d, 1) * 9px); transition: translate 240ms ease-out; }
.bbc-home > section#spil::after { transition: clip-path 1.3s steps(17, end); }
.bbc-home > section#spil.bbc-gr:not(.bbc-go)::after { clip-path: inset(0 100% 0 0); }
.bbc-btn, .bbc-pre-b, .bbc-pm, .bbc-hc, .bbc-related a { transition-property: transform, box-shadow, background-color, color, border-color; }
@media (prefers-reduced-motion: reduce) {
  .bbc-hc:hover, .bbc-pre-b:active, .bbc-pm:active { transform: none; }
  .bbc-cover-bg, .bbc-cover-svg { animation: none !important; }
  .bbc-dial-n { transition: none !important; }
}

/* 13m. Finpudsning efter første gennemsyn */
.bbc-hub { margin-top: 40px; }
.bbc-hc-k .bbc-chip { white-space: nowrap; font-size: 0.72rem; letter-spacing: 0.05em; padding: 2px 8px; min-height: 26px; }
.bbc-stamp { margin: 4px 0 0 4px; width: 56px; height: 56px; font-size: 2rem; }
:root { --bbc-rail: 15.5rem; }

/* 13n. Sektioner med brede objekter beholder «Kort sagt» i normalt flow (ellers opstår et hul i venstre spalte) */
@media (min-width: 1280px) {
  .bbc-article:not(.bbc-home) > section:has(> :is(ol, .bbc-tablewrap, .bbc-tlegend, figure, .bbc-fig, [data-bbc-module], details)) > p[data-role="short"] { grid-column: 1 !important; grid-row: auto !important; margin-top: 28px !important; }
}

/* 13o. Tabelhoveder må ombrydes (færre sidelæns rul) */
.bbc-tablewrap thead th { white-space: normal; min-width: 6.5rem; line-height: 1.35; }
.bbc-tablewrap thead th:first-child { min-width: 9rem; }