@font-face{font-family:"Lora";src:url(/media/fonts/lora-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url(/media/fonts/lora-600i.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"Barlow";src:url(/media/fonts/barlow-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url(/media/fonts/barlow-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url(/media/fonts/barlow-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
/* Juicekur.dk – presseværkstedet.
   Hvid side med farveblokke i to komplementære juicefarver: rødbede-magenta (dominant) og bladgrøn.
   Kontraster (WCAG): blæk/hvid 18,5 · hvid/rødbede 6,9 · rødbede/hvid 6,9 · blæk/bladgrøn 6,7 · rødbede/rosa 5,7
   · rødbede/spire 6,1 · citron/rødbede 5,3 · citron/dyb 8,6 · hvid/dyb 11,2 · skifer/hvid 8,3 · bladmørk/hvid 6,8. */

:root {
  --i3-hvid: #ffffff;
  --i3-blaek: #1c1018;
  --i3-roedbede: #b0105a;
  --i3-dyb: #760a3c;
  --i3-rosa: #fde4ef;
  --i3-rosa-mellem: #f59bc0;
  --i3-blad: #2eb345;
  --i3-blad-dyb: #12692a;
  --i3-spire: #e2f6e5;
  --i3-spire-mellem: #7fd98f;
  --i3-citron: #ffe14d;
  --i3-skifer: #5b4954;
  --i3-streg: #ebd9e2;
  --i3-serif: "Lora", Georgia, "Times New Roman", serif;
  --i3-sans: "Barlow", "Segoe UI", Arial, sans-serif;
  --i3-bredde: 760px;
  --i3-pille: 999px;
  --i3-blokradius: 1.75rem;
}

/* Farvevarianter: samme sæt variabler til sidehoveder, forsideblokke, videre-bokse, oversigten og springpiller. */
.i3-v-roedbede, .i3-sidetop-roedbede, .i3-blok-roedbede, .i3-videre-roedbede, .i3-indeks-roedbede, .i3-hop-roedbede {
  --f-bg: #b0105a; --f-fg: #ffffff; --f-accent: #ffe14d; --f-pille-bg: #ffffff; --f-pille-fg: #b0105a;
  --f-besk: #fde4ef; --f-streg: rgba(255, 255, 255, .38); --f-fokus: #ffe14d; --f-merke: #b0105a; --f-merke-fg: #ffffff;
}
.i3-sidetop-blad, .i3-blok-blad, .i3-videre-blad, .i3-indeks-blad, .i3-hop-blad {
  --f-bg: #2eb345; --f-fg: #1c1018; --f-accent: #1c1018; --f-pille-bg: #1c1018; --f-pille-fg: #ffffff;
  --f-besk: #1c1018; --f-streg: rgba(28, 16, 24, .32); --f-fokus: #1c1018; --f-merke: #2eb345; --f-merke-fg: #1c1018;
}
.i3-sidetop-rosa, .i3-blok-rosa, .i3-videre-rosa, .i3-indeks-rosa, .i3-hop-rosa {
  --f-bg: #fde4ef; --f-fg: #1c1018; --f-accent: #b0105a; --f-pille-bg: #b0105a; --f-pille-fg: #ffffff;
  --f-besk: #5b4954; --f-streg: rgba(176, 16, 90, .24); --f-fokus: #1c1018; --f-merke: #f59bc0; --f-merke-fg: #1c1018;
}
.i3-sidetop-dyb, .i3-blok-dyb, .i3-videre-dyb, .i3-indeks-dyb, .i3-hop-dyb {
  --f-bg: #760a3c; --f-fg: #ffffff; --f-accent: #ffe14d; --f-pille-bg: #ffe14d; --f-pille-fg: #1c1018;
  --f-besk: #fde4ef; --f-streg: rgba(255, 255, 255, .32); --f-fokus: #ffe14d; --f-merke: #760a3c; --f-merke-fg: #ffffff;
}
.i3-sidetop-spire, .i3-blok-spire, .i3-videre-spire, .i3-indeks-spire, .i3-hop-spire {
  --f-bg: #e2f6e5; --f-fg: #1c1018; --f-accent: #b0105a; --f-pille-bg: #b0105a; --f-pille-fg: #ffffff;
  --f-besk: #5b4954; --f-streg: rgba(18, 105, 42, .24); --f-fokus: #1c1018; --f-merke: #7fd98f; --f-merke-fg: #1c1018;
}
.i3-sidetop-neutral {
  --f-bg: #1c1018; --f-fg: #ffffff; --f-accent: #ffe14d; --f-pille-bg: #ffe14d; --f-pille-fg: #1c1018;
  --f-besk: #ebd9e2; --f-streg: rgba(255, 255, 255, .3); --f-fokus: #ffe14d; --f-merke: #1c1018; --f-merke-fg: #ffffff;
}
.i3-blok-hvid, .i3-indeks-hvid {
  --f-bg: #ffffff; --f-fg: #1c1018; --f-accent: #b0105a; --f-pille-bg: #1c1018; --f-pille-fg: #ffffff;
  --f-besk: #5b4954; --f-streg: #ebd9e2; --f-fokus: #1c1018; --f-merke: #1c1018; --f-merke-fg: #ffffff;
}

/* Grundlag */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--i3-hvid);
  color: var(--i3-blaek);
  font: 400 1.0625rem/1.6 var(--i3-sans);
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; height: auto; }
a { color: var(--i3-roedbede); text-decoration-thickness: .075em; text-underline-offset: .18em; }
a:hover { color: var(--i3-dyb); text-decoration-thickness: .12em; }
:focus-visible { outline: 3px solid var(--i3-blaek); outline-offset: 3px; }
.i3-menupanel :focus-visible, .i3-fod :focus-visible { outline-color: var(--i3-citron); }
.i3-blok :focus-visible, .i3-sidetop :focus-visible, .i3-videre :focus-visible { outline-color: var(--f-fokus); }

.i3-ramme { width: 100%; max-width: calc(var(--i3-bredde) + 2rem); margin-inline: auto; padding-inline: 1rem; }
.i3-hoved { flex: 1 0 auto; display: block; }
.i3-skjult {
  position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.i3-spring {
  position: absolute; left: -10000px; top: .75rem; z-index: 60;
  background: var(--i3-citron); color: var(--i3-blaek); font-weight: 600;
  padding: .6rem 1.1rem; border-radius: var(--i3-pille); text-decoration: none;
}
.i3-spring:focus { left: 1rem; }

/* Sidehoved: logo til venstre, burger altid */
.i3-top { position: relative; z-index: 30; background: var(--i3-hvid); }
.i3-top-linje { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-height: 4.25rem; padding-top: .5rem; padding-bottom: .5rem; }
.i3-logo { display: inline-flex; align-items: center; min-width: 0; padding: .2rem 0; border-radius: .5rem; }
.i3-logo svg { display: block; height: 2.05rem; width: auto; max-width: 100%; }
.i3-stribe { display: flex; height: 6px; }
.i3-stribe-a { flex: 18; background: var(--i3-roedbede); }
.i3-stribe-b { flex: 7; background: var(--i3-blad); }

.i3-menu { flex: none; }
.i3-menuknap {
  list-style: none; display: inline-flex; align-items: center; gap: .55rem;
  min-height: 2.75rem; padding: .55rem 1.1rem .55rem .95rem; border-radius: var(--i3-pille);
  background: var(--i3-roedbede); color: var(--i3-hvid); font: 600 1rem/1 var(--i3-sans);
  cursor: pointer; user-select: none; -webkit-user-select: none;
}
.i3-menuknap::-webkit-details-marker { display: none; }
.i3-menuknap::marker { content: ""; }
.i3-menuknap:hover { background: var(--i3-dyb); }
.i3-burger { position: relative; display: inline-block; width: 1.15rem; height: .8rem; }
.i3-burger::before, .i3-burger::after, .i3-burger-streg {
  content: ""; position: absolute; left: 0; right: 0; height: 2px; border-radius: 2px;
  background: currentColor; transition: transform .2s ease, opacity .2s ease;
}
.i3-burger::before { top: 0; }
.i3-burger-streg { top: calc(50% - 1px); }
.i3-burger::after { bottom: 0; }
.i3-menu[open] .i3-burger::before { top: calc(50% - 1px); transform: rotate(45deg); }
.i3-menu[open] .i3-burger::after { bottom: calc(50% - 1px); transform: rotate(-45deg); }
.i3-menu[open] .i3-burger-streg { opacity: 0; }
.i3-menuknap-luk { display: none; }
.i3-menu[open] .i3-menuknap-luk { display: inline; }
.i3-menu[open] .i3-menuknap-aaben { display: none; }

.i3-menupanel {
  position: absolute; left: 0; right: 0; top: 100%;
  background: var(--i3-roedbede); color: var(--i3-hvid);
  padding: 1rem 0 1.6rem; box-shadow: 0 1.25rem 2.5rem rgba(28, 16, 24, .28);
  max-height: calc(100vh - 4.5rem); overflow-y: auto;
}
.i3-menuliste { list-style: none; margin: 0; padding: 0; }
.i3-menulink {
  display: flex; align-items: baseline; gap: .8rem; padding: .55rem 0;
  color: var(--i3-hvid); text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .3);
  font: 600 1.4rem/1.2 var(--i3-serif);
}
.i3-menulink:hover { color: var(--i3-citron); }
.i3-menulink[aria-current="page"] { color: var(--i3-citron); font-style: italic; }
.i3-menunr { flex: none; min-width: 1.6rem; font: 600 .78rem/1 var(--i3-sans); letter-spacing: .08em; color: var(--i3-rosa); }
.i3-menuemner-titel { margin: 1.3rem 0 .6rem; font: 600 .8rem/1.2 var(--i3-sans); letter-spacing: .09em; text-transform: uppercase; color: var(--i3-rosa); }
.i3-menuemner { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .45rem; }
.i3-menuemne-link {
  display: inline-flex; align-items: center; gap: .45rem; padding: .4rem .95rem .4rem .7rem;
  border-radius: var(--i3-pille); background: var(--i3-hvid); color: var(--i3-blaek);
  font-weight: 600; font-size: .95rem; text-decoration: none;
}
.i3-menuemne-link:hover { color: var(--i3-roedbede); text-decoration: underline; }
.i3-menuemne-link::before { content: ""; flex: none; width: .75rem; height: .75rem; border-radius: 50%; background: var(--prik); }
.i3-prik-roedbede { --prik: #b0105a; }
.i3-prik-blad { --prik: #2eb345; }
.i3-prik-rosa { --prik: #f59bc0; }
.i3-prik-dyb { --prik: #760a3c; }
.i3-prik-spire { --prik: #7fd98f; }

/* Overskrifter med kursiv accent */
.i3-h1 {
  margin: 0 0 1rem;
  font: 600 clamp(2rem, 6.6vw, 3rem)/1.08 var(--i3-serif);
  letter-spacing: -.015em;
  overflow-wrap: break-word;
  hyphens: auto;
  text-wrap: balance;
}
.i3-accent { display: block; margin-top: .3em; font-style: italic; font-size: .62em; line-height: 1.22; letter-spacing: 0; color: var(--i3-roedbede); }
.i3-accent-ord { font-style: italic; color: var(--i3-roedbede); }
.i3-h1-forside { font-size: clamp(2.7rem, 11vw, 4.6rem); line-height: 1; letter-spacing: -.025em; }
.i3-h1-forside .i3-accent { font-size: .48em; margin-top: .45em; letter-spacing: -.005em; }

.i3-etiket {
  display: inline-block; margin: 0 0 1rem; padding: .42rem .85rem;
  border-radius: var(--i3-pille); background: var(--i3-blad); color: var(--i3-blaek);
  font: 600 .8rem/1 var(--i3-sans); letter-spacing: .08em; text-transform: uppercase;
}
.i3-ingress { margin: 0 0 1.2rem; font-size: 1.2rem; line-height: 1.5; color: var(--i3-skifer); max-width: 36em; }

/* Forsiden */
.i3-forsidetop { padding-top: 2rem; }
.i3-hop { margin: 1.3rem 0 0; }
.i3-hop-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .45rem; }
.i3-hop-link {
  display: inline-flex; align-items: center; gap: .45rem; padding: .35rem .95rem .35rem .4rem;
  border-radius: var(--i3-pille); border: 2px solid var(--f-merke);
  background: var(--f-bg); color: var(--f-fg); font-weight: 600; font-size: .95rem; text-decoration: none;
}
.i3-hop-link:hover { color: var(--f-fg); text-decoration: underline; }
.i3-hop-nr {
  display: inline-grid; place-items: center; min-width: 1.75rem; height: 1.5rem; padding: 0 .4rem;
  border-radius: var(--i3-pille); background: var(--f-pille-bg); color: var(--f-pille-fg);
  font-size: .75rem; letter-spacing: .04em;
}

.i3-figur { margin: 0 0 1.5rem; }
.i3-figur-billede { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--i3-blokradius); background: var(--i3-rosa); }
.i3-figur-tekst { display: flex; align-items: center; gap: .4rem; margin-top: .45rem; font-size: .8125rem; line-height: 1.3; color: var(--i3-skifer); }
.i3-figur-tekst::before { content: ""; flex: none; width: .55rem; height: .55rem; border-radius: 50%; background: var(--i3-blad); }
.i3-figur-forside { margin: 1.6rem 0 0; }

.i3-emner { display: grid; gap: .9rem; margin-top: 1.75rem; margin-bottom: 1rem; }
.i3-blok {
  position: relative; padding: 1.35rem 1.2rem 1.45rem; border-radius: var(--i3-blokradius);
  background: var(--f-bg); color: var(--f-fg); scroll-margin-top: 1rem;
}
.i3-blok-hvid { border: 3px solid var(--i3-blaek); }
.i3-blok-titel {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .1rem .6rem;
  margin: 0 0 1rem; font: 600 clamp(1.5rem, 5vw, 1.85rem)/1.15 var(--i3-serif); letter-spacing: -.01em;
}
.i3-blok-nr {
  display: inline-grid; place-items: center; align-self: center; min-width: 2.5rem; height: 1.55rem; padding: 0 .55rem;
  border-radius: var(--i3-pille); background: var(--f-pille-bg); color: var(--f-pille-fg);
  font: 600 .8rem/1 var(--i3-sans); letter-spacing: .06em;
}
.i3-blok-accent { flex-basis: 100%; font-style: italic; font-size: .6em; line-height: 1.3; letter-spacing: 0; color: var(--f-accent); }
.i3-blok-intro { margin: 0 0 1rem; color: var(--f-besk); }
.i3-blok-indhold { display: flex; flex-direction: column; gap: 1.1rem; }
.i3-blok-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--f-streg); }
.i3-blok-punkt { border-bottom: 1px solid var(--f-streg); }
.i3-blok-link { position: relative; display: block; padding: .75rem 2rem .8rem 0; color: var(--f-fg); text-decoration: none; }
.i3-blok-link:hover { color: var(--f-fg); }
.i3-blok-link::after { content: "→"; position: absolute; right: .2rem; top: .7rem; font-weight: 600; transition: transform .15s ease; }
.i3-blok-link:hover::after { transform: translateX(.25rem); }
.i3-blok-navn {
  display: block; font: 600 1.2rem/1.25 var(--i3-serif);
  text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; text-decoration-color: var(--f-streg);
}
.i3-blok-link:hover .i3-blok-navn { text-decoration-color: currentColor; text-decoration-thickness: 2px; }
.i3-blok-besk { display: block; margin-top: .2rem; font-size: .95rem; line-height: 1.45; color: var(--f-besk); }
.i3-figur-blok { order: -1; margin: 0; }
.i3-figur-blok .i3-figur-billede { border-radius: 1.25rem; }
.i3-figur-blok .i3-figur-tekst { color: var(--f-besk); }
.i3-figur-blok .i3-figur-tekst::before { background: currentColor; }
.i3-blok-videre { margin: 0; }

.i3-register { list-style: none; margin: 0 0 1.2rem; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(9.25rem, 1fr)); gap: .5rem; }
.i3-register-punkt { display: flex; }
.i3-register-felt {
  display: flex; align-items: flex-start; gap: .55rem; width: 100%; padding: .6rem .75rem .65rem;
  border: 2px solid transparent; border-radius: 1.1rem; background: var(--i3-hvid); color: var(--i3-blaek); text-decoration: none;
}
.i3-register-felt:hover { border-color: var(--i3-roedbede); color: var(--i3-blaek); }
.i3-register-bogstav { flex: none; min-width: 1.35rem; font: 600 italic 1.6rem/1 var(--i3-serif); color: var(--i3-roedbede); }
.i3-register-ord { padding-top: .2rem; font-size: .875rem; line-height: 1.35; overflow-wrap: anywhere; }

/* Sidehoveder på undersider */
.i3-sidetop {
  margin-top: 1.25rem; padding: 1.2rem 1.2rem 1.4rem; border-radius: var(--i3-blokradius);
  background: var(--f-bg); color: var(--f-fg);
}
.i3-sidetop .i3-accent, .i3-sidetop .i3-accent-ord { color: var(--f-accent); }
.i3-sidetop .i3-h1 { margin-bottom: .55rem; }
.i3-sti-liste { list-style: none; margin: 0 0 .9rem; padding: 0; display: flex; flex-wrap: wrap; gap: .2rem .5rem; font-size: .875rem; }
.i3-sti-punkt + .i3-sti-punkt::before { content: "/"; margin-right: .5rem; }
.i3-sti-link { color: inherit; }
.i3-sti-link:hover { color: inherit; }
.i3-sidetop-emne { margin: 0 0 .8rem; }
.i3-sidetop-emnelink, .i3-sidetop-etiket {
  display: inline-flex; align-items: center; gap: .5rem; padding: .3rem .9rem .3rem .35rem;
  border-radius: var(--i3-pille); background: var(--f-pille-bg); color: var(--f-pille-fg);
  font: 600 .875rem/1.2 var(--i3-sans); text-decoration: none;
}
.i3-sidetop-emnelink:hover { color: var(--f-pille-fg); text-decoration: underline; }
.i3-sidetop-etiket { padding-left: .9rem; letter-spacing: .02em; }
.i3-sidetop-nr {
  display: inline-grid; place-items: center; min-width: 1.75rem; height: 1.4rem; padding: 0 .35rem;
  border-radius: var(--i3-pille); background: var(--f-bg); color: var(--f-fg); font-size: .72rem; letter-spacing: .05em;
}
.i3-meta { margin: 0; font-size: .9rem; color: var(--f-besk); }

/* Brødtekst */
.i3-artikel { padding-top: 1.5rem; padding-bottom: 1rem; }
.i3-artikel-forside { padding-top: 1.5rem; }
.i3-tekst { font-size: 1.0625rem; line-height: 1.62; }
.i3-tekst p, .i3-tekst li, .i3-tekst blockquote { overflow-wrap: anywhere; }
.i3-tekst > p:first-child { font-size: 1.2rem; line-height: 1.55; }
.i3-tekst h2 {
  margin: 2.4rem 0 .7rem; font: 600 clamp(1.5rem, 4.8vw, 1.85rem)/1.2 var(--i3-serif);
  letter-spacing: -.01em; overflow-wrap: break-word; scroll-margin-top: 1rem;
}
.i3-tekst h2::before {
  content: ""; display: block; width: 3rem; height: .45rem; margin-bottom: .75rem; border-radius: var(--i3-pille);
  background: linear-gradient(90deg, var(--i3-roedbede) 0 64%, var(--i3-blad) 64% 100%);
}
.i3-tekst h3 { margin: 1.8rem 0 .45rem; font: 600 italic 1.3rem/1.3 var(--i3-serif); color: var(--i3-roedbede); scroll-margin-top: 1rem; overflow-wrap: break-word; }
.i3-tekst h4 { margin: 1.5rem 0 .4rem; font: 600 .9375rem/1.4 var(--i3-sans); letter-spacing: .07em; text-transform: uppercase; }
.i3-tekst p { margin: 0 0 1rem; }
.i3-tekst ul, .i3-tekst ol { margin: 0 0 1.1rem; padding-left: 1.35rem; }
.i3-tekst li { margin: 0 0 .35rem; padding-left: .2rem; }
.i3-tekst li > ul, .i3-tekst li > ol { margin: .35rem 0 .2rem; }
.i3-tekst ul > li::marker { color: var(--i3-blad-dyb); }
.i3-tekst ol > li::marker { color: var(--i3-roedbede); font-weight: 600; }
.i3-tekst strong { font-weight: 600; }
.i3-tekst blockquote {
  margin: 1.6rem 0; padding: 1.1rem 1.3rem; border-radius: 1.25rem 1.25rem 1.25rem .3rem;
  background: var(--i3-rosa); font: italic 600 1.15rem/1.5 var(--i3-serif);
}
.i3-tekst blockquote p:last-child { margin: 0; }
.i3-tekst hr { width: 5rem; height: .45rem; margin: 2rem 0; border: 0; border-radius: var(--i3-pille); background: linear-gradient(90deg, var(--i3-roedbede) 0 64%, var(--i3-blad) 64% 100%); }
/* Tabeller: fuld bredde og hele ord. Strict mode har ingen JS til en rullebar, fokuserbar boks, så brede
   tabeller (4+ kolonner) må på mobil bryde lange ord, så de altid passer på skærmen (se mediaforespørgslen nederst). */
.i3-tekst table { width: 100%; max-width: 100%; margin: 1.5rem 0; border-collapse: collapse; font-size: .95rem; line-height: 1.45; }
.i3-tekst th, .i3-tekst td { overflow-wrap: break-word; }
.i3-tekst th { padding: .6rem .8rem; background: var(--i3-blaek); color: var(--i3-hvid); font-weight: 600; text-align: left; vertical-align: bottom; }
.i3-tekst th:first-child { border-top-left-radius: .9rem; }
.i3-tekst th:last-child { border-top-right-radius: .9rem; }
.i3-tekst td { padding: .6rem .8rem; border-bottom: 1px solid var(--i3-streg); vertical-align: top; }
.i3-tekst tbody tr:nth-child(even) td { background: #fdf3f7; }
.i3-tekst > p:last-child:not(:first-child) {
  margin: 2.2rem 0 0; padding-top: 1rem; border-top: 2px dashed var(--i3-streg);
  font-size: .9375rem; line-height: 1.5; color: var(--i3-skifer);
}

/* Ordbogens A–Å-række */
.i3-abc { margin: 0 0 1.5rem; }
.i3-abc-liste { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(2.35rem, 1fr)); gap: .35rem; }
.i3-abc-link, .i3-abc-tom {
  display: grid; place-items: center; height: 2.35rem; border-radius: var(--i3-pille);
  font: 600 1.05rem/1 var(--i3-serif);
}
.i3-abc-link { background: var(--i3-roedbede); color: var(--i3-hvid); text-decoration: none; }
.i3-abc-link:hover { background: var(--i3-dyb); color: var(--i3-hvid); }
.i3-abc-tom { border: 2px dashed var(--i3-streg); color: var(--i3-skifer); font-weight: 400; }
.i3-tekst-ordbog h3 {
  display: inline-grid; place-items: center; min-width: 2.6rem; height: 2.6rem; padding: 0 .6rem;
  border-radius: var(--i3-pille); background: var(--i3-spire); color: var(--i3-roedbede); font-size: 1.4rem;
}

/* Spørgsmål og svar */
.i3-faq { margin: 2.5rem 0 1.5rem; padding: 1.35rem 1.2rem .5rem; border-radius: var(--i3-blokradius); background: var(--i3-spire); }
.i3-faq-titel { margin: 0 0 .6rem; font: 600 1.6rem/1.2 var(--i3-serif); }
.i3-faq-par { padding: .9rem 0; border-top: 2px solid rgba(18, 105, 42, .2); }
.i3-faq-spm { display: flex; gap: .65rem; margin: 0 0 .3rem; font: 600 1.1rem/1.35 var(--i3-sans); }
.i3-faq-spm::before {
  content: "?"; flex: none; display: inline-grid; place-items: center; width: 1.65rem; height: 1.65rem; margin-top: -.1rem;
  border-radius: 50%; background: var(--i3-blad); color: var(--i3-blaek); font: 600 italic 1rem/1 var(--i3-serif);
}
.i3-faq-svar { margin: 0 0 0 2.3rem; overflow-wrap: anywhere; }

/* Kilder */
.i3-kilder { margin: 2rem 0 1rem; }
.i3-kilder-titel { margin: 0 0 .6rem; font: 600 1.35rem/1.2 var(--i3-serif); }
.i3-kilder-liste { list-style: none; margin: 0; padding: 0; counter-reset: i3k; }
.i3-kilder-punkt { position: relative; padding: .55rem 0 .55rem 2.5rem; border-bottom: 1px solid var(--i3-streg); counter-increment: i3k; overflow-wrap: anywhere; }
.i3-kilder-punkt::before {
  content: counter(i3k); position: absolute; left: 0; top: .5rem; display: grid; place-items: center;
  width: 1.75rem; height: 1.75rem; border-radius: 50%; background: var(--i3-roedbede); color: var(--i3-hvid); font-size: .8rem; font-weight: 600;
}
.i3-kilder-vaert { display: inline-block; margin-left: .3rem; padding: .05rem .55rem; border-radius: var(--i3-pille); background: var(--i3-rosa); color: var(--i3-dyb); font-size: .8rem; }

/* Videre i emnet */
.i3-videre { margin: 2.5rem 0 1rem; padding: 1.35rem 1.2rem 1.3rem; border-radius: var(--i3-blokradius); background: var(--f-bg); color: var(--f-fg); }
.i3-videre-titel { margin: 0 0 .75rem; font: 600 1.5rem/1.2 var(--i3-serif); }
.i3-videre .i3-accent-ord { color: var(--f-accent); }
.i3-videre-liste { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--f-streg); }
.i3-videre-punkt { border-bottom: 1px solid var(--f-streg); }
.i3-videre-link { display: block; padding: .7rem 0; color: var(--f-fg); text-decoration: none; }
.i3-videre-link:hover { color: var(--f-fg); }
.i3-videre-navn { display: block; font: 600 1.1rem/1.3 var(--i3-serif); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }
.i3-videre-link:hover .i3-videre-navn { text-decoration-thickness: 2px; }
.i3-videre-besk { display: block; margin-top: .15rem; font-size: .9rem; line-height: 1.45; color: var(--f-besk); }
.i3-videre-naeste { margin: 1rem 0 0; font-weight: 600; }
.i3-videre-naestelink {
  display: inline-block; margin-left: .3rem; padding: .4rem .95rem; border-radius: var(--i3-pille);
  background: var(--f-pille-bg); color: var(--f-pille-fg); text-decoration: none;
}
.i3-videre-naestelink:hover { color: var(--f-pille-fg); text-decoration: underline; }

/* Oversigten */
.i3-indeks { display: grid; gap: 1.75rem; margin: 2rem 0 1rem; }
.i3-indeks-titel {
  display: flex; flex-wrap: wrap; align-items: center; gap: .2rem .6rem;
  margin: 0 0 .6rem; font: 600 1.5rem/1.2 var(--i3-serif);
}
.i3-indeks-nr {
  display: inline-grid; place-items: center; min-width: 2.4rem; height: 1.55rem; padding: 0 .5rem;
  border-radius: var(--i3-pille); background: var(--f-merke); color: var(--f-merke-fg); font: 600 .8rem/1 var(--i3-sans);
}
.i3-indeks-accent { flex-basis: 100%; font-style: italic; font-size: .66em; color: var(--i3-roedbede); }
.i3-indeks-accent-inline { flex-basis: auto; font-size: inherit; }
.i3-indeks-liste { list-style: none; margin: 0; padding: 0 0 0 1rem; border-left: 4px solid var(--f-merke); }
.i3-indeks-punkt + .i3-indeks-punkt { border-top: 1px solid var(--i3-streg); }
.i3-indeks-link { display: block; padding: .65rem 0; color: var(--i3-blaek); text-decoration: none; }
.i3-indeks-navn { display: block; font-weight: 600; color: var(--i3-roedbede); text-decoration: underline; text-underline-offset: .18em; overflow-wrap: anywhere; }
.i3-indeks-link:hover .i3-indeks-navn { color: var(--i3-dyb); text-decoration-thickness: 2px; }
.i3-indeks-besk { display: block; margin-top: .15rem; font-size: .925rem; line-height: 1.45; color: var(--i3-skifer); }
.i3-indeks-liste-kort { display: flex; flex-wrap: wrap; gap: .5rem; padding: 0; border-left: 0; }
.i3-indeks-liste-kort .i3-indeks-punkt + .i3-indeks-punkt { border-top: 0; }
.i3-indeks-pille {
  display: inline-block; padding: .45rem 1.05rem; border: 2px solid var(--i3-blaek); border-radius: var(--i3-pille);
  color: var(--i3-blaek); font-weight: 600; text-decoration: none;
}
.i3-indeks-pille:hover { background: var(--i3-blaek); color: var(--i3-hvid); }

/* Knapper */
.i3-knap {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.9rem;
  padding: .7rem 1.4rem; border: 2px solid var(--i3-roedbede); border-radius: var(--i3-pille);
  background: var(--i3-roedbede); color: var(--i3-hvid); font: 600 1rem/1.1 var(--i3-sans);
  text-decoration: none; cursor: pointer;
}
.i3-knap:hover { background: var(--i3-dyb); border-color: var(--i3-dyb); color: var(--i3-hvid); }
.i3-knap-kontur { background: var(--i3-hvid); color: var(--i3-roedbede); }
.i3-knap-kontur:hover { background: var(--i3-rosa); color: var(--i3-dyb); }

/* Kontaktformular */
.i3-form {
  position: relative; margin: 2rem 0 1rem; padding: 1.35rem 1.2rem 1.45rem;
  border: 3px solid var(--i3-roedbede); border-radius: var(--i3-blokradius); background: var(--i3-hvid);
}
.i3-form-titel { margin: 0 0 1rem; font: 600 1.5rem/1.2 var(--i3-serif); }
.i3-felt { margin: 0 0 1rem; }
.i3-felt label { display: block; margin: 0 0 .35rem; font-weight: 600; }
.i3-felt input, .i3-felt textarea {
  display: block; width: 100%; min-height: 2.9rem; padding: .6rem 1.1rem;
  border: 2px solid var(--i3-skifer); border-radius: var(--i3-pille);
  background: var(--i3-hvid); color: var(--i3-blaek); font: inherit;
}
.i3-felt textarea { min-height: 9rem; border-radius: 1.25rem; resize: vertical; }
.i3-felt input:focus-visible, .i3-felt textarea:focus-visible { outline: 3px solid var(--i3-roedbede); outline-offset: 2px; border-color: var(--i3-blaek); }
.i3-honning { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.i3-form-send { margin-top: .25rem; }
.i3-form-note { margin: 1rem 0 0; font-size: .875rem; color: var(--i3-skifer); }
.i3-kontakt p[role="status"] { margin: 1.5rem 0 0; padding: .85rem 1.1rem; border-radius: 1.1rem; background: var(--i3-spire); font-weight: 600; }

/* 404 */
.i3-tabt-knapper { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0 0 1.5rem; }

/* Sidefod på én linje */
.i3-fod { flex: none; margin-top: 3rem; background: var(--i3-blaek); color: var(--i3-hvid); }
.i3-fod::before { content: ""; display: block; height: 6px; background: linear-gradient(90deg, var(--i3-roedbede) 0 72%, var(--i3-blad) 72% 100%); }
.i3-fod-linje { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .4rem 1.5rem; padding-top: 1rem; padding-bottom: 1.1rem; font-size: .9rem; }
.i3-fod-navn { margin: 0; font-weight: 600; }
.i3-fod-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .2rem 1.1rem; }
.i3-fod-link { color: var(--i3-hvid); }
.i3-fod-link:hover, .i3-fod-link[aria-current="page"] { color: var(--i3-citron); }

/* Større skærme */
@media (min-width: 46rem) {
  .i3-top-linje { min-height: 4.75rem; }
  .i3-logo svg { height: 2.4rem; }
  .i3-blok, .i3-sidetop, .i3-videre, .i3-faq, .i3-form { padding-left: 1.75rem; padding-right: 1.75rem; }
  .i3-blok { padding-top: 1.6rem; padding-bottom: 1.75rem; }
  .i3-sidetop { padding-top: 1.4rem; padding-bottom: 1.7rem; }
  .i3-blok-med-billede .i3-blok-indhold { display: grid; grid-template-columns: minmax(0, 1fr) 16.5rem; gap: 1.5rem; align-items: start; }
  .i3-blok-med-billede .i3-figur-blok { order: 1; }
  .i3-blok-med-billede:nth-child(even) .i3-blok-indhold { grid-template-columns: 16.5rem minmax(0, 1fr); }
  .i3-blok-med-billede:nth-child(even) .i3-figur-blok { order: -1; }
  .i3-figur-blok .i3-figur-billede { aspect-ratio: 4 / 3; }
  .i3-menulink { font-size: 1.6rem; }
}

@media (max-width: 30rem) {
  .i3-tekst table { font-size: .875rem; }
  .i3-tekst th, .i3-tekst td { padding: .5rem .5rem; }
  .i3-tekst table:has(tr > :nth-child(4)) :is(th, td) { overflow-wrap: anywhere; hyphens: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; }
}