/* =====================================================================
   123Tivoli designsystem (Primer-bud). Viden-laget, ovenpå faelles.css.
   Kun var(--ds-*). Her: det, kun Viden har.
     A  Forside       hero på grunden, søgefelt (TextInput large + leading visual) og Søg (Button primary large),
                      deadlines og Top 5 (Box med Box-header og rækker), kategorikort (Box med Box-header og rækker)
     B  Artikel       .indhold.hentry = Box med Markdown-typografi (16px, overskriftsskala, lister, billeder,
                      figurtekster, tabeller, citater, kode)
     C  Indholdsblokke  .tivoli-styled-box (Flash: info/ok/advarsel/fejl, neutral = Box muted),
                      .tb-kk kontaktkasse (Flash i primær), .tivoli-drive-fil (Box med én række),
                      Gutenberg: knapper (Button), kolonner, kontaktkort (Box), separator, tomme afsnit
     D  Indholdsfortegnelse  .ttoc (Box + NavList), .ttoc-lens (Button), .ttoc-panel (Overlay)
     E  Telefon
   ===================================================================== */

:root {
  /* Lokale tokens (forslag til fællesdelen) */
  --viden-fs-h2: calc(var(--ds-fs-lg) + var(--ds-1));     /* 24px: Primer markdown h2 (1.5em) */
  --viden-laesebredde: 80ch;
  --viden-laesebredde-bred: 100ch;                         /* tekst, når sidemenuen er klappet sammen */
}


/* =====================================================================
   A. Forside
   ===================================================================== */

/* Hero: ingen egen flade, ligger på grunden */
.hero {
  margin: 0;
  padding: var(--ds-8) var(--ds-4) var(--ds-8);
  background: transparent;
}
.hero h1 {
  margin: 0 0 var(--ds-3);
  color: var(--ds-tekst);
  font-size: var(--ds-fs-2xl);
  font-weight: var(--ds-vaegt-fed);
  line-height: var(--ds-lh-tet);
}
.hero p {
  margin: 0 0 var(--ds-8); /* Daniel: mere luft til søgefeltet */
  color: var(--ds-tekst-daempet);
  font-size: var(--ds-fs-lg);
  line-height: var(--ds-lh);
}

/* Søgning: TextInput large med lup som leading visual + Button primary large */
.hero-search { max-width: 720px; gap: var(--ds-2); }
.hero-search::before,
[data-theme] .hero-search::before {
  left: var(--ds-3);
  top: calc(var(--ds-kontrol-l) / 2);
  width: var(--ds-4);
  height: var(--ds-4);
  background: var(--ds-tekst-daempet);
}
.hero-search input,
[data-theme] .hero-search input {
  min-height: var(--ds-kontrol-l);
  height: var(--ds-kontrol-l);
  padding: 0 var(--ds-3) 0 calc(var(--ds-3) + var(--ds-4) + var(--ds-2));
  border: var(--ds-streg) solid var(--ds-kant-felt);
  border-radius: var(--ds-r);
  background: var(--ds-flade);
  color: var(--ds-tekst);
  font-size: var(--ds-fs);
  line-height: var(--ds-lh);
  box-shadow: var(--ds-skygge-felt);
  transition: none;
}
.hero-search input::placeholder,
[data-theme] .hero-search input::placeholder { color: var(--ds-tekst-daempet); }
.hero-search input:hover,
[data-theme] .hero-search input:hover { border-color: var(--ds-kant-felt); }
.hero-search input:focus,
[data-theme] .hero-search input:focus {
  border-color: var(--ds-fokus);
  outline: var(--ds-streg) solid var(--ds-fokus);
  outline-offset: calc(var(--ds-streg) * -1);
  box-shadow: none;
}
.hero-search button,
[data-theme] .hero-search button {
  min-height: var(--ds-kontrol-l);
  height: var(--ds-kontrol-l);
  padding: 0 var(--ds-4);
  border: var(--ds-streg) solid var(--ds-kant-gennemsigtig);
  border-radius: var(--ds-r);
  background: var(--ds-primaer);
  color: var(--ds-tekst-paa-primaer);
  font-size: var(--ds-fs);
  font-weight: var(--ds-vaegt-medium);
  line-height: var(--ds-lh);
  box-shadow: var(--ds-skygge-knap);
  transition: background-color var(--ds-overgang);
}
.hero-search button:hover,
[data-theme] .hero-search button:hover { background: var(--ds-primaer-hover); }
.hero-search button:focus-visible { outline: var(--ds-streg-tyk) solid var(--ds-fokus); outline-offset: var(--ds-streg-tyk); }

/* Sektionerne: ingen egne flader, Box'ene ligger på grunden */
.forside-indhold,
.forside-indhold:not(.deadlines-frontpage-section),
.deadlines-frontpage-section {
  margin: 0 0 var(--ds-7);
  padding: 0;
  background: transparent;
  border: 0;
}
.forside-headline-row { margin: 0 0 var(--ds-3); padding: 0; gap: var(--ds-3); }
.forside-sektion-title {
  color: var(--ds-tekst);
  font-size: var(--ds-fs-lg);
  font-weight: var(--ds-vaegt-fed);
  line-height: var(--ds-lh-tet);
  letter-spacing: 0;
}
.deadlines-two-col { gap: var(--ds-4); align-items: stretch; }

/* Deadlines og Top 5: hele kolonnen er en Box; titelrækken er Box-headeren */
.deadlines-two-col > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: var(--ds-streg) solid var(--ds-kant);
  border-radius: var(--ds-r);
  background: var(--ds-flade);
  box-shadow: var(--ds-skygge-1);
  overflow: hidden;
}
.deadlines-two-col .forside-headline-row {
  min-height: calc(var(--ds-kontrol-m) + var(--ds-4));
  margin: 0;
  padding: var(--ds-2) var(--ds-4);
  border-bottom: var(--ds-streg) solid var(--ds-kant);
  background: var(--ds-flade-haevet);
}
.deadlines-two-col .forside-sektion-title { font-size: var(--ds-fs-sm); line-height: var(--ds-lh); }
.deadlines-widget-link {
  color: var(--ds-primaer-tekst);
  font-size: var(--ds-fs-sm);
  font-weight: var(--ds-vaegt-medium);
}
.deadlines-widget-link:hover { color: var(--ds-primaer-tekst); text-decoration: underline; }
.deadlines-widget-list,
[data-theme] .deadlines-widget-list {
  flex: 1;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.deadlines-widget-item,
[data-theme] .deadlines-widget-item {
  gap: var(--ds-3);
  padding: var(--ds-2) var(--ds-4);
  min-height: calc(var(--ds-8) + var(--ds-1));
  align-items: center;
  border-bottom: var(--ds-streg) solid var(--ds-kant-svag);
  font-size: var(--ds-fs-sm);
  line-height: var(--ds-lh);
}
.deadlines-widget-item:last-child { border-bottom: 0; }
/* Ingen hover på rækkerne: de kan ikke klikkes (Daniel 2026-10-31); kun linket i rækken har hover */
[data-theme] .deadlines-widget-item:hover { background: transparent; border-bottom-color: var(--ds-kant-svag); } /* slår style.css' hover fra */
[data-theme] .deadlines-widget-item.is-urgent:hover { background: var(--ds-primaer-svag); }
[data-theme] .deadlines-widget-item.is-urgent {
  padding-left: var(--ds-4);
  border-left: 0;
  background: var(--ds-primaer-svag);
  box-shadow: inset var(--ds-1) 0 0 var(--ds-primaer);
}
.deadlines-widget-date {
  min-width: 140px;
  gap: var(--ds-1);
  color: var(--ds-tekst);
  font-weight: var(--ds-vaegt-fed);
}
.deadlines-widget-activity { color: var(--ds-tekst); font-weight: var(--ds-vaegt-normal); }
.deadlines-widget-activity a,
[data-theme] .deadlines-widget-activity a,
[data-theme] .deadlines-widget-activity a:visited { color: var(--ds-primaer-tekst); font-weight: var(--ds-vaegt-medium); }
[data-theme] .deadlines-widget-activity a:hover,
[data-theme] .deadlines-widget-activity a:focus { color: var(--ds-primaer-tekst); text-decoration: underline; }
/* Hele rækken er klikbar i Top 5 */
.deadlines-widget-activity a::after { content: ""; position: absolute; inset: 0; }
.deadlines-widget-activity a:focus-visible { outline: 0; }
.deadlines-widget-item:has(a:focus-visible) { outline: var(--ds-streg-tyk) solid var(--ds-fokus); outline-offset: calc(var(--ds-streg-tyk) * -1); }
/* Label */
.deadline-urgency-badge,
[data-theme] .deadline-urgency-badge {
  align-self: flex-start;
  padding: 0 var(--ds-2);
  border: var(--ds-streg) solid var(--ds-primaer-kant);
  border-radius: var(--ds-r-rund);
  background: transparent;
  color: var(--ds-primaer-tekst);
  font-size: var(--ds-fs-xs);
  font-weight: var(--ds-vaegt-medium);
  line-height: var(--ds-lh);
}

/* Kategorikort: Box; overskriften er Box-headeren, artiklerne er rækker */
.forside-indhold .kategori-sektioner,
.forside-indhold.overview-mode-grid .kategori-sektioner { gap: var(--ds-4); align-items: stretch; } /* Daniel: kassen vokser, så griddet står lige */
.forside-indhold:not(.overview-mode-grid) .kategori-sektioner { display: grid; grid-template-columns: minmax(0, 1fr); }
[data-theme] .forside-indhold .kategori-sektioner .category-section,
[data-theme] .forside-indhold .kategori-sektioner .category-section + .category-section {
  margin: 0;
  padding: 0;
  border: var(--ds-streg) solid var(--ds-kant);
  border-radius: var(--ds-r);
  background: var(--ds-flade);
  box-shadow: var(--ds-skygge-1);
  opacity: 1;
  overflow: hidden;
}
.forside-indhold .category-header {
  margin: 0;
  padding: var(--ds-2) var(--ds-4);
  border-bottom: var(--ds-streg) solid var(--ds-kant);
  background: var(--ds-flade-haevet);
}
[data-theme] .forside-indhold .kategori-sektioner .category-title {
  min-height: var(--ds-kontrol-m);
  margin: 0;
  gap: var(--ds-2);
  color: var(--ds-tekst);
  font-size: var(--ds-fs);
  font-weight: var(--ds-vaegt-fed);
  line-height: var(--ds-lh-tet);
  letter-spacing: 0;
}
.forside-indhold .kategori-sektioner .category-icon { font-size: var(--ds-fs); }
.forside-indhold .category-panel { margin: 0; }
[data-theme] .forside-indhold .kategori-sektioner .category-description {
  max-width: none;
  margin: 0;
  padding: var(--ds-3) var(--ds-4);
  border-bottom: var(--ds-streg) solid var(--ds-kant-svag);
  color: var(--ds-tekst-daempet);
  font-size: var(--ds-fs-sm);
  line-height: var(--ds-lh);
}
[data-theme] .forside-indhold .kategori-sektioner .post-row {
  min-height: 0;
  padding: var(--ds-2) var(--ds-4);
  border-radius: 0;
}
.forside-indhold .post-row + .post-row { border-top: var(--ds-streg) solid var(--ds-kant-svag); }
[data-theme] .forside-indhold .post-row:hover { background: var(--ds-flade-haevet); text-decoration: none; }
.forside-indhold .post-row:focus-visible { outline: var(--ds-streg-tyk) solid var(--ds-fokus); outline-offset: calc(var(--ds-streg-tyk) * -1); }
.forside-indhold .post-title-line { gap: var(--ds-2); align-items: baseline; }
.forside-indhold .doc-ikon { flex: none; width: var(--ds-4); font-size: var(--ds-fs-xs); text-align: center; opacity: 1; }
[data-theme] .forside-indhold .kategori-sektioner .post-title {
  color: var(--ds-primaer-tekst);
  font-size: var(--ds-fs-sm);
  font-weight: var(--ds-vaegt-fed);
  line-height: var(--ds-lh);
  text-decoration: none;
}
[data-theme] .forside-indhold .kategori-sektioner .post-row:hover .post-title { color: var(--ds-primaer-tekst); text-decoration: underline; }
[data-theme] .forside-indhold .kategori-sektioner .post-excerpt {
  margin: 0 0 0 calc(var(--ds-4) + var(--ds-2));
  color: var(--ds-tekst-daempet);
  font-size: var(--ds-fs-xs);
  line-height: var(--ds-lh);
}


/* =====================================================================
   B. Artikel: Box med Markdown-typografi
   ===================================================================== */
.site-wrap .indhold.hentry,
.site-wrap .enkel-side .indhold.hentry {
  max-width: calc(var(--viden-laesebredde) + var(--ds-7) * 2);
  padding: var(--ds-6) var(--ds-7) var(--ds-7);
  border: var(--ds-streg) solid var(--ds-kant);
  border-radius: var(--ds-r);
  background: var(--ds-flade);
  box-shadow: var(--ds-skygge-1);
  font-size: var(--ds-fs);
}
.site-wrap .main-content:not(.enkel-side) .indhold.hentry { margin-left: 0; }
.indhold.hentry > h1 {
  margin: 0 0 var(--ds-4);
  padding-bottom: var(--ds-2);
  border-bottom: var(--ds-streg) solid var(--ds-kant-svag);
}
/* "Kopiér link" til højre for overskriften (tivoli_kopier_link_knap); overskriften flyder om den */
.indhold.hentry > .side-kopier-link { float: right; margin: 0 0 var(--ds-2) var(--ds-3); }
.indhold.hentry .entry-content {
  max-width: none;
  color: var(--ds-tekst);
  font-size: var(--ds-fs);
  line-height: var(--ds-lh);
  overflow-wrap: break-word;
}
.indhold.hentry .entry-content > :first-child { margin-top: 0; }
.indhold.hentry .entry-content > :last-child { margin-bottom: 0; }
.entry-content p:empty { display: none; }

/* Læseside = ét ark (Daniel, løsning A): headeren og indholdet deler flade og ydre kanter, adskilt af en svag streg.
   Læseside = en artikel/side (.indhold.hentry), ikke telefonbogen (.har-custom-modul) og ikke app-siderne.
   Headeren har samme bredde som på app-siderne (.container); kun bundhjørnerne og skyggen går over i arket. */
body:has(.indhold.hentry:not(.har-custom-modul)) .header-inner {
  border-bottom-color: var(--ds-kant-svag);
  border-radius: var(--ds-r) var(--ds-r) 0 0;
  box-shadow: none;
}
.site-wrap.container:has(.indhold.hentry:not(.har-custom-modul)) {
  margin-top: 0;
  padding: calc(var(--ds-8) + var(--ds-4));
  border: var(--ds-streg) solid var(--ds-kant);
  border-top: 0;
  border-radius: 0 0 var(--ds-r) var(--ds-r);
  background: var(--ds-flade);
  box-shadow: var(--ds-skygge-1);
}
/* Artiklen er ikke længere sin egen kasse; den holder kun læsebredden */
.site-wrap .main-content .indhold.hentry:not(.har-custom-modul) {
  max-width: var(--viden-laesebredde);
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
/* Sammenklappet sidemenu: artiklen bruger den frigjorte plads. Brede ting (lager, tabeller, Drive-lister, billeder)
   fylder kolonnen; tekstblokke holder en bredere, men stadig læsbar linje. Udfoldet er uændret. */
@media (min-width: 769px) {
  .site-wrap .to-kolonner.sidebar-kollapset .main-content .indhold.hentry { max-width: none; }
  .to-kolonner.sidebar-kollapset .entry-content > :is(p, ul, ol, h2, h3, h4, h5, h6, blockquote, dl) { max-width: var(--viden-laesebredde-bred); }
}
/* Hierarki med luft og størrelse, ingen streger under overskrifterne */
.indhold.hentry:not(.har-custom-modul) > h1 { margin-bottom: var(--ds-6); padding-bottom: 0; border-bottom: 0; }
.indhold.hentry:not(.har-custom-modul) .entry-content :is(h1, h2) { padding-bottom: 0; border-bottom: 0; }
.indhold.hentry:not(.har-custom-modul) .entry-content h2 { margin-top: var(--ds-8); }

/* Afstand: alt blokindhold har 16px under sig */
.entry-content :is(p, ul, ol, blockquote, table, pre, figure, details, .wp-block-table) { margin-top: 0; margin-bottom: var(--ds-4); }

/* Overskriftsskala (Primer markdown: 32 / 24 / 20 / 16 / 14), 24px over og 16px under */
.entry-content :is(h1, h2, h3, h4, h5, h6) {
  margin: var(--ds-6) 0 var(--ds-4);
  color: var(--ds-tekst);
  font-weight: var(--ds-vaegt-fed);
  line-height: var(--ds-lh-tet);
}
.indhold .entry-content h1 { padding-bottom: var(--ds-2); border-bottom: var(--ds-streg) solid var(--ds-kant-svag); font-size: var(--ds-fs-xl); }
.entry-content h2 { padding-bottom: var(--ds-2); border-bottom: var(--ds-streg) solid var(--ds-kant-svag); font-size: var(--viden-fs-h2); }
.entry-content h3 { font-size: var(--ds-fs-lg); }
.entry-content h4 { font-size: var(--ds-fs); }
.entry-content h5 { font-size: var(--ds-fs-sm); }
.entry-content h6 { color: var(--ds-tekst-daempet); font-size: var(--ds-fs-sm); }

/* Lister */
.entry-content :is(ul, ol) { padding-left: var(--ds-7); }
.entry-content li + li { margin-top: var(--ds-1); }
.entry-content li > :is(ul, ol) { margin: var(--ds-1) 0 0; }
.entry-content li::marker { color: var(--ds-tekst-daempet); }
.entry-content strong { font-weight: var(--ds-vaegt-fed); }

/* Links: kun tekstlinks (uden klasse). Links med klasse er knapper og kontroller (wp-block-button__link,
   wp-block-file__button, tb-kk__item-btn, sso-login-btn, dfl-open, ...) og styler sig selv; ellers gav reglen
   lilla tekst på lilla knap og permanent understregning. :where() holder specificiteten på .entry-content a. */
.entry-content a:where(:not([class])) { color: var(--ds-primaer-tekst); text-decoration: underline; text-underline-offset: var(--ds-1); text-decoration-thickness: var(--ds-streg); }
.entry-content a:where(:not([class])):hover { text-decoration-thickness: var(--ds-streg-tyk); }

/* Billeder: kant og radius; figurtekst dæmpet under */
.entry-content .wp-block-image img,
.entry-content figure img {
  display: block;
  border: var(--ds-streg) solid var(--ds-kant);
  border-radius: var(--ds-r);
  background: var(--ds-flade);
}
.entry-content .wp-block-image a { display: block; border-radius: var(--ds-r); }
.entry-content .wp-block-image a:focus-visible { outline: var(--ds-streg-tyk) solid var(--ds-fokus); outline-offset: var(--ds-streg-tyk); }
.entry-content figcaption,
.entry-content .wp-element-caption {
  margin: var(--ds-2) 0 0;
  color: var(--ds-tekst-daempet);
  font-size: var(--ds-fs-sm);
  line-height: var(--ds-lh);
  text-align: left;
}

/* Citat */
.entry-content blockquote,
.entry-content .wp-block-quote {
  margin-left: 0;
  margin-right: 0;
  padding: 0 var(--ds-4);
  border-left: var(--ds-1) solid var(--ds-kant);
  color: var(--ds-tekst-daempet);
}
.entry-content blockquote > :last-child { margin-bottom: 0; }
.entry-content blockquote cite { color: var(--ds-tekst-daempet); font-size: var(--ds-fs-sm); font-style: normal; }

/* Kode */
.entry-content :not(pre) > code {
  padding: calc(var(--ds-1) / 2) var(--ds-1);
  border-radius: var(--ds-r);
  background: var(--ds-neutral-svag);
  color: var(--ds-tekst);
  font-size: var(--ds-fs-sm);
  white-space: break-spaces;
}
.entry-content pre {
  padding: var(--ds-4);
  border-radius: var(--ds-r);
  background: var(--ds-flade-haevet);
  color: var(--ds-tekst);
  font-size: var(--ds-fs-sm);
  line-height: var(--ds-lh);
  overflow: auto;
}
.entry-content pre code { padding: 0; background: transparent; font-size: inherit; }

/* Tabeller: kant om hver celle, header fed, hver anden række muted */
[data-theme] .entry-content .wp-block-table table,
.entry-content > table {
  width: 100%;
  border-collapse: collapse !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--ds-flade) !important;
  box-shadow: none;
  font-size: var(--ds-fs-sm);
  line-height: var(--ds-lh);
}
[data-theme] .entry-content .wp-block-table :is(th, td),
.entry-content > table :is(th, td) {
  padding: var(--ds-2) var(--ds-3) !important;
  border: var(--ds-streg) solid var(--ds-kant) !important;
  color: var(--ds-tekst);
}
/* Daniel 2026-10-31: tydeligere header. Lilla tone som i hans eget design (på uigennemsigtig bund, svag er gennemsigtig)
   og en kraftig streg under. */
[data-theme] .entry-content .wp-block-table thead th,
.entry-content > table th {
  background: linear-gradient(var(--ds-primaer-svag), var(--ds-primaer-svag)), var(--ds-flade) !important;
  color: var(--ds-tekst) !important;
  font-weight: var(--ds-vaegt-fed) !important;
}
[data-theme] .entry-content .wp-block-table thead th { border-bottom: var(--ds-streg-tyk) solid var(--ds-primaer-kant) !important; }
/* Mange tabeller i editoren har ingen <thead>: headeren er første række, hvor første celle kun er fed tekst.
   Den får samme udseende. (:has kan ikke indeholde :has, derfor kun første celle som kendetegn.) */
[data-theme] .entry-content .wp-block-table table:not(:has(thead)) tbody tr:first-child:has(> td:first-child > strong:only-child) > td {
  background: linear-gradient(var(--ds-primaer-svag), var(--ds-primaer-svag)), var(--ds-flade) !important;
  border-bottom: var(--ds-streg-tyk) solid var(--ds-primaer-kant) !important;
  font-weight: var(--ds-vaegt-fed);
}
[data-theme] .entry-content .wp-block-table tbody tr:nth-child(even) { background: var(--ds-flade-haevet) !important; }
.entry-content .wp-block-table { overflow-x: auto; }

/* Separator: Primer markdown hr */
.entry-content hr,
.entry-content .wp-block-separator {
  height: var(--ds-1);
  margin: var(--ds-6) 0;
  padding: 0;
  border: 0;
  background: var(--ds-kant-svag);
  opacity: 1;
}


/* =====================================================================
   C. Indholdsblokke
   ===================================================================== */

/* Infoboks = Flash. Standardvarianterne følger statusfarverne; de dekorative temaer beholder deres egne farver. */
.entry-content .tivoli-styled-box {
  margin: 0 0 var(--ds-4);
  padding: var(--ds-3) var(--ds-4);
  border-width: var(--ds-streg);
  border-radius: var(--ds-r);
  font-size: var(--ds-fs-sm);
  line-height: var(--ds-lh);
}
.entry-content .tivoli-styled-box p { margin: 0 0 var(--ds-2); }
.entry-content .tivoli-styled-box > :last-child { margin-bottom: 0; }
.entry-content .tivoli-styled-box.has-icon { padding-left: calc(var(--ds-4) + var(--ds-4) + var(--ds-2)); }
.entry-content .tivoli-styled-box__icon { top: var(--ds-3); left: var(--ds-4); width: var(--ds-4); height: var(--ds-4); }
.entry-content :is(.tivoli-styled-box--info, .tivoli-styled-box--neutral, .tivoli-styled-box--success, .tivoli-styled-box--warning, .tivoli-styled-box--error) {
  color: var(--ds-tekst);
}
.entry-content :is(.tivoli-styled-box--info, .tivoli-styled-box--neutral, .tivoli-styled-box--success, .tivoli-styled-box--warning, .tivoli-styled-box--error) a {
  color: var(--ds-primaer-tekst);
  font-weight: var(--ds-vaegt-fed);
  text-decoration-thickness: var(--ds-streg);
}
.entry-content :is(.tivoli-styled-box--info, .tivoli-styled-box--neutral, .tivoli-styled-box--success, .tivoli-styled-box--warning, .tivoli-styled-box--error) a:hover { opacity: 1; text-decoration-thickness: var(--ds-streg-tyk); }
.entry-content .tivoli-styled-box--info    { border-color: var(--ds-info-kant);    background: var(--ds-info-svag); }
.entry-content .tivoli-styled-box--success { border-color: var(--ds-ok-kant);      background: var(--ds-ok-svag); }
.entry-content .tivoli-styled-box--warning { border-color: var(--ds-advarsel-kant); background: var(--ds-advarsel-svag); }
.entry-content .tivoli-styled-box--error   { border-color: var(--ds-fejl-kant);    background: var(--ds-fejl-svag); }
.entry-content .tivoli-styled-box--neutral { border-color: var(--ds-kant);         background: var(--ds-flade-haevet); }
.entry-content .tivoli-styled-box--info .tivoli-styled-box__icon    { color: var(--ds-info); }
.entry-content .tivoli-styled-box--success .tivoli-styled-box__icon { color: var(--ds-ok); }
.entry-content .tivoli-styled-box--warning .tivoli-styled-box__icon { color: var(--ds-advarsel); }
.entry-content .tivoli-styled-box--error .tivoli-styled-box__icon   { color: var(--ds-fejl); }
.entry-content .tivoli-styled-box img { border-radius: var(--ds-r); }

/* Foldboks (.tivoli-faq-item): svaret står på arkets flade under en svag streg, så kun indlejrede bokse er farvede,
   og har samme luft hele vejen rundt. Gælder alle foldbokse, også dem uden boks indeni. */
.entry-content .tivoli-faq-item__answer {
  padding: var(--ds-4);
  border-top: var(--ds-streg) solid var(--ds-kant-svag);
  background: var(--ds-flade);
  color: var(--ds-tekst);
}
/* Sidste synlige barn giver ingen ekstra luft forneden (tomme afsnit er skjult, men tæller som :last-child) */
.entry-content :is(.tivoli-faq-item__answer, .tivoli-styled-box) > :not(p:empty):not(:has(~ :not(p:empty))) { margin-bottom: 0; }
/* Lister i bokse: Primer-indrykning 2em, ikke blokkens egen margen oveni */
.entry-content :is(.tivoli-faq-item__answer, .tivoli-styled-box) :is(ul, ol) { margin-left: 0; padding-left: 2em; }
/* Underlister: 4px over, intet under (slår den generelle 16px under alle lister) */
.indhold.hentry:not(.har-custom-modul) .entry-content li > :is(ul, ol) { margin: var(--ds-1) 0 0; }

/* Kontaktkasse = Flash med handlinger. Lilla = primær, kort/mørk = neutral, rød/blå/grøn = fejl/info/ok. */
.entry-content .tb-kk {
  --viden-kk-ikon: var(--ds-primaer-tekst);
  margin: 0 0 var(--ds-4);
  padding: var(--ds-4);
  border: var(--ds-streg) solid var(--ds-primaer-kant);
  border-radius: var(--ds-r);
  background: var(--ds-primaer-svag);
  color: var(--ds-tekst);
  box-shadow: none;
  font-size: var(--ds-fs-sm);
  line-height: var(--ds-lh);
}
.entry-content .tb-kk.scheme-card,
.entry-content .tb-kk.scheme-dark  { --viden-kk-ikon: var(--ds-tekst-daempet); border-color: var(--ds-kant); background: var(--ds-flade-haevet); color: var(--ds-tekst); }
.entry-content .tb-kk.scheme-red   { --viden-kk-ikon: var(--ds-fejl); border-color: var(--ds-fejl-kant); background: var(--ds-fejl-svag); }
.entry-content .tb-kk.scheme-blue  { --viden-kk-ikon: var(--ds-info); border-color: var(--ds-info-kant); background: var(--ds-info-svag); }
.entry-content .tb-kk.scheme-green { --viden-kk-ikon: var(--ds-ok); border-color: var(--ds-ok-kant); background: var(--ds-ok-svag); }
.entry-content .tb-kk__header { gap: var(--ds-3); margin: 0 0 var(--ds-3); }
.entry-content .tb-kk__header-text { color: var(--ds-tekst); font-size: var(--ds-fs); font-weight: var(--ds-vaegt-fed); line-height: var(--ds-lh-tet); }
.entry-content .tb-kk__icon-circle,
.entry-content .tb-kk__item > .tb-kk__icon-circle { width: var(--ds-5); height: var(--ds-5); margin: 0; color: var(--viden-kk-ikon); }
.entry-content .tb-kk__header-icon-wrap .tb-kk__icon svg,
.entry-content .tb-kk.scheme-card .tb-kk__header-icon-wrap .tb-kk__icon svg { width: var(--ds-5); height: var(--ds-5); fill: var(--viden-kk-ikon); }
.entry-content .tb-kk__item > .tb-kk__icon-circle .tb-kk__icon svg,
.entry-content .tb-kk__item > .tb-kk__icon-circle .tb-kk__icon img { width: var(--ds-4); height: var(--ds-4); }
.entry-content .tb-kk__item > .tb-kk__icon-circle .tb-kk__icon.dashicons { width: var(--ds-4); height: var(--ds-4); font-size: var(--ds-4); }
.entry-content .tb-kk__icon img { filter: none; }
/* Punkterne står i et gitter (ikon, etiket, knap), så knapperne flugter */
.entry-content .tb-kk__items {
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: center;
  gap: var(--ds-2) var(--ds-3);
  margin: 0;
  padding-left: calc(var(--ds-5) + var(--ds-3));
}
.entry-content .tb-kk__item,
.entry-content .tb-kk__item-body { display: contents; }
.entry-content .tb-kk__item > .tb-kk__icon-circle { width: var(--ds-4); height: var(--ds-kontrol-m); }
.entry-content .tb-kk__item-content { color: var(--ds-tekst); font-size: var(--ds-fs-sm); font-weight: var(--ds-vaegt-fed); line-height: var(--ds-lh); }
.entry-content .tb-kk__item-btn { justify-self: start; }
/* Handlingen = Button default */
.entry-content .tb-kk__item-btn,
.entry-content .tb-kk.scheme-card .tb-kk__item-btn {
  display: inline-flex;
  align-items: center;
  min-height: var(--ds-kontrol-m);
  max-width: 100%;
  padding: 0 var(--ds-3);
  border: var(--ds-streg) solid var(--ds-kant-felt);
  border-radius: var(--ds-r);
  background: var(--ds-kontrol);
  color: var(--ds-tekst);
  font-size: var(--ds-fs-sm);
  font-weight: var(--ds-vaegt-medium);
  line-height: var(--ds-lh);
  text-decoration: none;
  overflow-wrap: anywhere;
  box-shadow: var(--ds-skygge-knap);
  transition: background-color var(--ds-overgang);
}
.entry-content .tb-kk__item-btn:hover,
.entry-content .tb-kk__item-btn:focus,
.entry-content .tb-kk.scheme-card .tb-kk__item-btn:hover {
  filter: none;
  transform: none;
  background: var(--ds-kontrol-hover);
  color: var(--ds-tekst);
  text-decoration: none;
}
.entry-content .tb-kk__item-btn:focus-visible { outline: var(--ds-streg-tyk) solid var(--ds-fokus); outline-offset: calc(var(--ds-streg-tyk) * -1); }
.entry-content .tb-kk__footer { margin: var(--ds-3) 0 0; color: var(--ds-tekst-daempet); font-size: var(--ds-fs-xs); font-style: normal; opacity: 1; }
.entry-content .tb-kk__footer a { color: var(--ds-primaer-tekst); }

/* Drive-fil = Box med én række */
.entry-content .tivoli-drive-fil {
  margin: 0 0 var(--ds-4);
  border: var(--ds-streg) solid var(--ds-kant);
  border-radius: var(--ds-r);
  background: var(--ds-flade);
  box-shadow: var(--ds-skygge-1);
}
.entry-content .tivoli-drive-fil__link {
  gap: var(--ds-3);
  padding: var(--ds-3) var(--ds-4);
  color: var(--ds-tekst);
  text-decoration: none;
}
.entry-content .tivoli-drive-fil__link:hover,
.entry-content .tivoli-drive-fil__link:focus-visible { background: var(--ds-flade-haevet); text-decoration: none; }
.entry-content .tivoli-drive-fil__link:focus-visible { outline: var(--ds-streg-tyk) solid var(--ds-fokus); outline-offset: calc(var(--ds-streg-tyk) * -1); }
.entry-content .tivoli-drive-fil__titel { color: var(--ds-primaer-tekst); font-size: var(--ds-fs-sm); font-weight: var(--ds-vaegt-fed); line-height: var(--ds-lh); }
.entry-content .tivoli-drive-fil__type { color: var(--ds-tekst-daempet); font-size: var(--ds-fs-xs); }
.entry-content .tivoli-drive-fil__pil { color: var(--ds-tekst-daempet); font-size: var(--ds-fs); }
.entry-content .tivoli-drive-fil__preview { border-top: var(--ds-streg) solid var(--ds-kant); }

/* Gutenberg-knapper = Button default (inline farver fra editoren overstyres) */
.entry-content .wp-block-buttons { gap: var(--ds-2); margin: 0; }
.entry-content .wp-block-button__link,
.entry-content .wp-block-button__link.has-background,
.entry-content .wp-block-button__link.has-text-color {
  display: inline-flex;
  align-items: center;
  gap: var(--ds-2);
  min-height: var(--ds-kontrol-m);
  max-width: 100%;
  padding: 0 var(--ds-3);
  border: var(--ds-streg) solid var(--ds-kant-felt);
  border-radius: var(--ds-r);
  background: var(--ds-kontrol) !important;
  color: var(--ds-tekst) !important;
  font-size: var(--ds-fs-sm);
  font-weight: var(--ds-vaegt-medium);
  line-height: var(--ds-lh);
  text-decoration: none;
  overflow-wrap: anywhere;
  box-shadow: var(--ds-skygge-knap);
  transition: background-color var(--ds-overgang);
}
.entry-content .wp-block-button__link:hover { background: var(--ds-kontrol-hover) !important; text-decoration: none; }
.entry-content .wp-block-button__link:active { background: var(--ds-kontrol-aktiv) !important; }
.entry-content .wp-block-button__link:focus-visible { outline: var(--ds-streg-tyk) solid var(--ds-fokus); outline-offset: calc(var(--ds-streg-tyk) * -1); }

/* Kolonner */
.entry-content .wp-block-columns { gap: var(--ds-4); margin: 0 0 var(--ds-4); }
.entry-content .wp-block-column > :last-child { margin-bottom: 0; }

/* Grupper med baggrund (kontaktkort) = Box; editorens grå flade og 26px-navn overstyres */
.entry-content .wp-block-group.has-background {
  height: 100%;
  padding: var(--ds-4) !important;
  border: var(--ds-streg) solid var(--ds-kant);
  border-radius: var(--ds-r);
  background: var(--ds-flade) !important;
  color: var(--ds-tekst);
  box-shadow: var(--ds-skygge-1);
}
.entry-content .wp-block-column > .wp-block-group:not(.has-background),
.entry-content .wp-block-column > .wp-block-group:not(.has-background) > .wp-block-group__inner-container { height: 100%; }
.entry-content .wp-block-group.has-background > .wp-block-group__inner-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ds-2);
}
.entry-content .wp-block-group.has-background > .wp-block-group__inner-container > * { margin: 0; }
.entry-content .wp-block-group.has-background > .wp-block-group__inner-container > p { flex-basis: 100%; }
.entry-content .wp-block-group.has-background > .wp-block-group__inner-container > p:first-child {
  color: var(--ds-tekst);
  font-size: var(--ds-fs) !important;
  font-weight: var(--ds-vaegt-fed);
  line-height: var(--ds-lh-tet);
}
.entry-content .wp-block-group.has-background > .wp-block-group__inner-container > p:not(:first-child) {
  color: var(--ds-tekst-daempet);
  font-size: var(--ds-fs-sm) !important;
}
.entry-content .wp-block-group.has-background .wp-block-spacer { display: none; }

/* Spacere fra editoren: højst 32px */
.entry-content .wp-block-spacer { max-height: var(--ds-7); }

/* Afsnit med inline 20px brugt som mellemrubrik ("Forpersoner") */
.entry-content > p[style*="font-size"] { font-size: var(--ds-fs-lg) !important; font-weight: var(--ds-vaegt-fed); line-height: var(--ds-lh-tet); }


/* =====================================================================
   D. Indholdsfortegnelse (GitHub: README "Outline", docs "In this article")
      .ttoc         Box med Box-header + NavList øverst i artiklen; svævende knap + Overlay ved scroll (Daniels opførsel)
      NavList       32px rækker, radius, hover-flade; aktiv (.is-active fra toc.js' scroll-spy) =
                    flade + fed + 4px lilla bjælke uden for rækken; undergrupper indrykket 16px med tynd linje
      .ttoc-lens    Button default med ikon, svævende (skygge)
      .ttoc-panel   Overlay: radius 12, floating-skygge, header med titel og IconButton "Luk";
                    forankret under knappen på desktop, over knappen på telefon
   ===================================================================== */
:root {
  --viden-toc-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.75 2.5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5Zm0 5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5Zm0 5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5ZM2 14a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm1-6a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM2 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z'/%3E%3C/svg%3E");   /* octicon list-unordered */
  --viden-luk-ikon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z'/%3E%3C/svg%3E");   /* octicon x */
  --viden-toc-linje: var(--ds-5);                  /* ActionList: 20px linjehøjde, 6px over/under = 32px */
}

/* Box */
.ttoc,
[data-theme] .ttoc {
  margin: 0 0 var(--ds-6);
  padding: 0;
  border: var(--ds-streg) solid var(--ds-kant);
  border-radius: var(--ds-r);
  background: var(--ds-flade);
  box-shadow: none;
  font-size: var(--ds-fs-sm);
}
/* Box-header: ikon + titel */
.ttoc-head,
[data-theme] .ttoc-head {
  display: flex;
  align-items: center;
  gap: var(--ds-2);
  margin: 0;
  padding: var(--ds-2) var(--ds-4);
  border-bottom: var(--ds-streg) solid var(--ds-kant);
  border-radius: var(--ds-r) var(--ds-r) 0 0;
  background: var(--ds-flade-haevet);
  color: var(--ds-tekst);
  font-size: var(--ds-fs-sm);
  font-weight: var(--ds-vaegt-fed);
  line-height: var(--viden-toc-linje);
}
.ttoc-head::before,
.ttoc-panel__head::before {
  content: "";
  flex: none;
  width: var(--ds-4);
  height: var(--ds-4);
  background: var(--ds-tekst-daempet);
  -webkit-mask: var(--viden-toc-ikon) center / contain no-repeat;
  mask: var(--viden-toc-ikon) center / contain no-repeat;
}

/* NavList (både i artiklen og i panelet) */
.ttoc .ttoc-list,
.ttoc .ttoc-sublist,
.ttoc-panel .ttoc-list,
.ttoc-panel .ttoc-sublist,
.entry-content .ttoc-list,
.entry-content .ttoc-sublist { margin: 0; padding: 0; list-style: none; }
.ttoc .ttoc-list,
.ttoc-panel .ttoc-list,
.entry-content .ttoc-list { padding: var(--ds-2); }
/* Undergruppe: 16px indrykning; tynd linje (kant-felt, 3:1) under forælderens tekst; skygge, så den ikke fylder */
.ttoc .ttoc-sublist,
.ttoc-panel .ttoc-sublist,
.entry-content .ttoc-sublist,
[data-theme] .ttoc-sublist {
  margin: 0 0 0 var(--ds-2);
  padding: 0 0 0 var(--ds-2);
  border: 0;
  box-shadow: inset var(--ds-streg) 0 0 var(--ds-kant-felt);
}
.ttoc .ttoc-item,
.ttoc-panel .ttoc-item,
.entry-content .ttoc-item,
.entry-content .ttoc-item + .ttoc-item { margin: 0; padding: 0; }
/* Række */
[data-theme] :is(.ttoc, .ttoc-panel) .ttoc-list a,
.entry-content .ttoc-list a {
  position: relative;
  display: flex;
  align-items: center;
  min-height: var(--ds-kontrol-m);
  padding: calc((var(--ds-kontrol-m) - var(--viden-toc-linje)) / 2) var(--ds-2);
  border: 0;
  border-radius: var(--ds-r);
  background: transparent;
  color: var(--ds-tekst);
  font-size: var(--ds-fs-sm);
  font-weight: var(--ds-vaegt-normal);
  line-height: var(--viden-toc-linje);
  text-decoration: none;
  transition: background-color var(--ds-overgang);
}
/* Underpunkter dæmpet (docs) */
[data-theme] :is(.ttoc, .ttoc-panel) .ttoc-sublist a,
.entry-content .ttoc-sublist a { color: var(--ds-tekst-daempet); }
[data-theme] :is(.ttoc, .ttoc-panel) .ttoc-list a:hover {
  border: 0;
  background: var(--ds-neutral-svag);
  color: var(--ds-tekst);
  text-decoration: none;
}
[data-theme] :is(.ttoc, .ttoc-panel) .ttoc-list a:active { background: var(--ds-kontrol-aktiv); }
/* Aktiv (NavList "current"): flade, fed, og 4px bjælke uden for rækken */
[data-theme] :is(.ttoc, .ttoc-panel) .ttoc-list a.is-active {
  border: 0;
  background: var(--ds-neutral-svag);
  color: var(--ds-tekst);
  font-weight: var(--ds-vaegt-fed);
  box-shadow: none;
}
:is(.ttoc, .ttoc-panel) .ttoc-list a.is-active::after {
  content: "";
  position: absolute;
  top: calc(50% - var(--ds-3));
  left: calc(var(--ds-2) * -1);
  width: var(--ds-1);
  height: var(--ds-6);
  border-radius: var(--ds-r);
  background: var(--ds-primaer);
}
:is(.ttoc, .ttoc-panel) .ttoc-list a:focus-visible {
  outline: var(--ds-streg-tyk) solid var(--ds-fokus);
  outline-offset: calc(var(--ds-streg-tyk) * -1);
}

/* Daniels opførsel (2026-10-31): boksen står øverst i artiklen, og når man scroller forbi den, kommer den
   svævende "Indhold"-knap/menu til højre (toc.js). Ingen fast rail i højre side; kun Primer-stilen er ændret. */

/* Svævende knap = Button default med ikon */
.ttoc-lens,
[data-theme] .ttoc-lens {
  gap: var(--ds-2);
  min-height: var(--ds-kontrol-m);
  padding: 0 var(--ds-3);
  border: var(--ds-streg) solid var(--ds-kant-felt);
  border-radius: var(--ds-r);
  background: var(--ds-kontrol);
  color: var(--ds-tekst-daempet);
  font-size: var(--ds-fs-sm);
  font-weight: var(--ds-vaegt-medium);
  line-height: var(--viden-toc-linje);
  box-shadow: var(--ds-skygge-2);
}
.ttoc-lens svg { width: var(--ds-4); height: var(--ds-4); }
.ttoc-lens:hover,
.ttoc-lens[aria-expanded="true"],
[data-theme] .ttoc-lens:hover,
[data-theme] .ttoc-lens[aria-expanded="true"] { border-color: var(--ds-kant-felt); background: var(--ds-kontrol-hover); color: var(--ds-tekst-daempet); }
.ttoc-lens:focus-visible { outline: var(--ds-streg-tyk) solid var(--ds-fokus); outline-offset: calc(var(--ds-streg-tyk) * -1); }
.ttoc-lens__label,
[data-theme] .ttoc-lens__label { color: var(--ds-tekst); }
.ttoc-progress { height: var(--ds-1); background: var(--ds-primaer); }
/* Forankret overlay: ingen mørk baggrund på desktop, kun klik-udenfor */
.ttoc-shield { background: transparent; }

/* Overlay */
.ttoc-panel,
[data-theme] .ttoc-panel {
  top: calc(5.2rem + var(--ds-kontrol-m) + var(--ds-1));
  width: min(calc(var(--ds-8) * 8), calc(100vw - 2rem));
  max-height: calc(100vh - 5.2rem - var(--ds-kontrol-m) - var(--ds-6));
  padding: 0;
  border: 0;
  border-radius: var(--ds-r-lg);
  background: var(--ds-overlag);
  box-shadow: var(--ds-skygge-3);
  color: var(--ds-tekst);
  font-size: var(--ds-fs-sm);
  transform: translateY(calc(var(--ds-2) * -1));
}
.ttoc-panel.is-open { transform: none; }
/* Overlay-header: ikon, titel, IconButton invisible; bliver stående når listen ruller */
.ttoc-panel__head,
[data-theme] .ttoc-panel__head {
  position: sticky;
  top: 0;
  z-index: 1;
  gap: var(--ds-2);
  margin: 0;
  padding: var(--ds-2) var(--ds-2) var(--ds-2) var(--ds-4);
  border-bottom: var(--ds-streg) solid var(--ds-kant);
  background: var(--ds-overlag);
  color: var(--ds-tekst);
  font-size: var(--ds-fs-sm);
  font-weight: var(--ds-vaegt-fed);
  line-height: var(--viden-toc-linje);
}
.ttoc-panel__head strong { flex: 1; font-weight: var(--ds-vaegt-fed); }
.ttoc-panel__close,
[data-theme] .ttoc-panel__close {
  display: inline-grid;
  place-items: center;
  width: var(--ds-kontrol-m);
  min-height: var(--ds-kontrol-m);
  height: var(--ds-kontrol-m);
  padding: 0;
  border: 0;
  border-radius: var(--ds-r);
  background: transparent;
  box-shadow: none;
  color: transparent;
  font-size: 0;
  cursor: pointer;
}
.ttoc-panel__close::before {
  content: "";
  width: var(--ds-4);
  height: var(--ds-4);
  background: var(--ds-tekst-daempet);
  -webkit-mask: var(--viden-luk-ikon) center / contain no-repeat;
  mask: var(--viden-luk-ikon) center / contain no-repeat;
}
.ttoc-panel__close:hover,
[data-theme] .ttoc-panel__close:hover { background: var(--ds-neutral-svag); }
.ttoc-panel__close:hover::before { background: var(--ds-tekst); }
.ttoc-panel__close:focus-visible { outline: var(--ds-streg-tyk) solid var(--ds-fokus); outline-offset: calc(var(--ds-streg-tyk) * -1); }

/* Telefon: knappen nederst til højre (large), panelet folder op over den; baggrund som Dialog */
@media (max-width: 900px) {
  .ttoc-lens,
  [data-theme] .ttoc-lens { min-height: var(--ds-kontrol-l); padding: 0 var(--ds-4); box-shadow: var(--ds-skygge-3); }
  .ttoc-shield { background: var(--ds-baggrund-dialog); }
  .ttoc-panel,
  [data-theme] .ttoc-panel {
    top: auto;
    right: var(--ds-4);
    bottom: calc(1rem + var(--ds-kontrol-l) + var(--ds-2));
    left: var(--ds-4);
    width: auto;
    height: auto;
    max-height: 70vh;
    border-radius: var(--ds-r-lg);
    transform: translateY(var(--ds-2));
  }
  .ttoc-panel.is-open { transform: none; }
  [data-theme] .ttoc-panel .ttoc-list a { min-height: var(--ds-kontrol-l); }
}


/* =====================================================================
   E. Telefon
   ===================================================================== */
@media (max-width: 768px) {
  .hero { padding: var(--ds-6) 0 var(--ds-5); }
  .hero h1 { font-size: var(--ds-fs-xl); }
  .hero p { margin-bottom: var(--ds-4); font-size: var(--ds-fs); }
  .hero-search { gap: var(--ds-2); }
  .hero-search::before,
  [data-theme] .hero-search::before { top: calc(var(--ds-kontrol-l) / 2); }
  .forside-indhold,
  .forside-indhold:not(.deadlines-frontpage-section) { margin-bottom: var(--ds-6); padding: 0; }
  .deadlines-two-col .forside-headline-row { flex-wrap: nowrap; align-items: center; }
  .forside-headline-row { align-items: center; }
  .site-wrap .indhold.hentry,
  .site-wrap .enkel-side .indhold.hentry { padding: var(--ds-4); }
  .site-wrap.container:has(.indhold.hentry:not(.har-custom-modul)) { padding: var(--ds-6) var(--ds-4) var(--ds-7); }
  .entry-content :is(ul, ol) { padding-left: var(--ds-6); }
  /* Skalaen trykkes, så sidetitlen stadig er størst */
  .indhold.hentry > h1 { font-size: var(--viden-fs-h2); }
  .indhold .entry-content h1,
  .entry-content h2 { font-size: var(--ds-fs-lg); }
  .entry-content h3 { font-size: var(--ds-fs); }
  .entry-content .tb-kk__items { grid-template-columns: auto minmax(0, 1fr); padding-left: 0; row-gap: var(--ds-1); }
  .entry-content .tb-kk__item-btn { grid-column: 2; margin-bottom: var(--ds-2); }
  .entry-content .wp-block-columns { gap: var(--ds-3); }
}
@media (max-width: 600px) {
  [data-theme] .deadlines-widget-list { border: 0; border-radius: 0; box-shadow: none; }
  .deadlines-widget-item,
  [data-theme] .deadlines-widget-item { flex-direction: column; align-items: flex-start; gap: 0; padding: var(--ds-2) var(--ds-3); }
  [data-theme] .deadlines-widget-item.is-urgent { padding-left: var(--ds-3); }
  .deadlines-widget-date { min-width: 0; font-size: var(--ds-fs-sm); }
  .deadlines-widget-activity { font-size: var(--ds-fs-sm); }
  .deadlines-two-col .forside-headline-row { padding: var(--ds-2) var(--ds-3); }
  .forside-indhold .category-header,
  [data-theme] .forside-indhold .kategori-sektioner .category-description,
  [data-theme] .forside-indhold .kategori-sektioner .post-row { padding-left: var(--ds-3); padding-right: var(--ds-3); }
}
@media (max-width: 480px) {
  [data-theme] .forside-indhold .kategori-sektioner .post-row { padding: var(--ds-2) var(--ds-3); }
  .forside-indhold { padding: 0; }
}