@font-face{font-family:"Manrope";src:url(/media/fonts/manrope-200.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url(/media/fonts/manrope-300.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Manrope";src:url(/media/fonts/manrope-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Bitter";src:url(/media/fonts/bitter-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Bitter";src:url(/media/fonts/bitter-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Bitter";src:url(/media/fonts/bitter-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/media/fonts/jetbrains-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
/* Nytårsaften.dk – midnatsblå i monokrome toner med ét gnistrende guld. Mobil først. */
:root {
  --du-nat: #0C1428;
  --du-dyb: #131D36;
  --du-skum: #1E2B4A;
  --du-streg: #33426A;
  --du-kant: #7484AA;
  --du-taage: #A3AEC6;
  --du-rim: #E3E7EF;
  --du-sne: #F6F4EE;
  --du-gnist: #F2B84B;
  --du-gloed: #FFD27A;
  --du-r: 20px;
  --du-w: 680px;
  --du-pad: 1.25rem;
  --du-fh: "Manrope", "Segoe UI", system-ui, sans-serif;
  --du-fb: "Bitter", Georgia, "Times New Roman", serif;
  --du-fm: "JetBrains Mono", ui-monospace, Consolas, monospace;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--du-nat);
  color: var(--du-rim);
  font: 400 1.0625rem/1.7 var(--du-fb);
  overflow-wrap: break-word;
}
main { flex: 1 0 auto; }
[hidden] { display: none !important; }
img { max-width: 100%; height: auto; }
a { color: var(--du-gnist); text-decoration-thickness: 1px; text-underline-offset: .2em; }
a:hover { color: var(--du-gloed); text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--du-gloed); outline-offset: 3px; border-radius: 4px; }
::selection { background: var(--du-gnist); color: var(--du-nat); }
strong, b { font-weight: 600; }

h1, h2, h3, h4 { font-family: var(--du-fh); color: var(--du-sne); overflow-wrap: anywhere; }
h1 {
  margin: 0 0 .9rem;
  font-weight: 200;
  font-size: clamp(2rem, 1.2rem + 3.6vw, 3.4rem);
  line-height: 1.06;
  letter-spacing: -.025em;
}

.du-vh {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.du-sk {
  position: absolute;
  left: .75rem;
  top: -5rem;
  z-index: 20;
  padding: .65rem 1.1rem;
  border-radius: 999px;
  background: var(--du-gnist);
  color: var(--du-nat);
  font: 500 .95rem/1.2 var(--du-fh);
  text-decoration: none;
}
.du-sk:focus { top: .75rem; color: var(--du-nat); }

.du-w {
  width: 100%;
  max-width: calc(var(--du-w) + 2 * var(--du-pad));
  margin: 0 auto;
  padding: 0 var(--du-pad);
}

/* ---------- Masthead i to rækker ---------- */
.du-hd {
  border-bottom: 1px solid var(--du-streg);
  background-color: var(--du-nat);
  background-image:
    radial-gradient(circle at 7% 28%, rgba(246, 244, 238, .5) 0 1px, transparent 1.6px),
    radial-gradient(circle at 18% 70%, rgba(246, 244, 238, .35) 0 1px, transparent 1.6px),
    radial-gradient(circle at 31% 18%, rgba(242, 184, 75, .55) 0 1px, transparent 1.6px),
    radial-gradient(circle at 69% 22%, rgba(246, 244, 238, .45) 0 1px, transparent 1.6px),
    radial-gradient(circle at 82% 64%, rgba(242, 184, 75, .45) 0 1px, transparent 1.6px),
    radial-gradient(circle at 93% 32%, rgba(246, 244, 238, .4) 0 1px, transparent 1.6px);
}
.du-r1 {
  max-width: 60rem;
  margin: 0 auto;
  padding: 1.4rem var(--du-pad) 1rem;
  display: grid;
  justify-items: center;
  gap: .75rem;
  text-align: center;
}
.du-dt { display: none; }
.du-lg { display: inline-block; line-height: 0; border-radius: 6px; }
.du-lg svg { display: block; width: min(17rem, 78vw); height: auto; }
.du-cp { margin: 0; font: 400 .76rem/1.3 var(--du-fm); letter-spacing: .03em; }
.du-cd {
  display: inline-block;
  padding: .35rem .85rem;
  border: 1px solid var(--du-streg);
  border-radius: 999px;
  color: var(--du-taage);
}
a.du-cd { color: var(--du-gnist); border-color: rgba(242, 184, 75, .45); text-decoration: none; }
a.du-cd:hover { color: var(--du-gloed); border-color: var(--du-gloed); }

.du-nv { border-top: 1px solid var(--du-streg); }
.du-nl {
  list-style: none;
  max-width: 60rem;
  margin: 0 auto;
  padding: .3rem var(--du-pad);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 .2rem;
}
.du-nl a {
  display: block;
  padding: .65rem .55rem .55rem;
  border-bottom: 2px solid transparent;
  color: var(--du-rim);
  font: 500 .78rem/1.2 var(--du-fh);
  letter-spacing: .11em;
  text-transform: uppercase;
  text-decoration: none;
}
.du-nl a:hover { color: var(--du-gloed); }
.du-nl a[aria-current="page"] { color: var(--du-gnist); border-bottom-color: var(--du-gnist); }

.du-mn { padding-bottom: 1rem; }

/* ---------- Fælles småting ---------- */
.du-kk {
  margin: 0 0 .55rem;
  color: var(--du-gnist);
  font: 400 .76rem/1.4 var(--du-fm);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.du-ld { margin: 0 0 1rem; font-size: 1.12rem; line-height: 1.6; color: var(--du-rim); }
.du-bt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: .7rem 1.5rem;
  border: 0;
  border-radius: 999px;
  background: var(--du-gnist);
  color: var(--du-nat);
  font: 500 1rem/1.2 var(--du-fh);
  letter-spacing: .02em;
  text-decoration: none;
  cursor: pointer;
}
.du-bt:hover { background: var(--du-gloed); color: var(--du-nat); }

input, textarea {
  width: 100%;
  min-height: 3rem;
  padding: .7rem .9rem;
  border: 1px solid var(--du-kant);
  border-radius: 14px;
  background: var(--du-nat);
  color: var(--du-sne);
  font: inherit;
  line-height: 1.4;
}
input:focus-visible, textarea:focus-visible { border-color: var(--du-gnist); outline-offset: 2px; }
textarea { min-height: 10rem; resize: vertical; line-height: 1.55; }

/* Stregtegninger: fyrværkeri og gnister */
.du-fx, .du-nx { display: block; height: auto; color: var(--du-gnist); }
.du-fx-a, .du-fx-b { fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; }
.du-fx-b { opacity: .5; }
.du-fx-p { fill: var(--du-sne); opacity: .7; }

/* ---------- Forsiden: nedtællingen ---------- */
.du-ur {
  position: relative;
  margin: 1.5rem 0 2.75rem;
  padding: 1rem 1.25rem 1.4rem;
  border: 1px solid var(--du-streg);
  border-radius: var(--du-r);
  background: var(--du-dyb);
  overflow: hidden;
}
.du-ur .du-fx { width: 100%; margin: 0 0 .5rem; }
.du-ur h1 { font-size: clamp(2.6rem, 1.6rem + 5vw, 4.75rem); letter-spacing: -.035em; margin-bottom: .6rem; }
.du-ur .du-hs { margin-top: .7rem; font-size: clamp(1.15rem, .9rem + 1.1vw, 1.6rem); letter-spacing: 0; }
.du-wg { margin-top: 1.4rem; padding-top: 1.4rem; border-top: 1px dashed var(--du-streg); }
.du-ud { min-height: 6.5rem; }
.du-rs { margin: 0; color: var(--du-sne); font: 300 1.35rem/1.25 var(--du-fh); }
.du-n {
  display: block;
  color: var(--du-gnist);
  font: 200 clamp(4.5rem, 3rem + 9vw, 7.25rem)/.95 var(--du-fh);
  letter-spacing: -.045em;
  font-variant-numeric: lining-nums tabular-nums;
}
.du-rs-t { color: var(--du-gnist); font-weight: 200; font-size: clamp(1.9rem, 1.3rem + 3vw, 2.7rem); line-height: 1.12; letter-spacing: -.02em; }
.du-sb { margin: .6rem 0 0; }
.du-fr { margin: .4rem 0 0; color: var(--du-taage); font: 400 .78rem/1.5 var(--du-fm); }

.du-lv {
  margin: 1.25rem 0 0;
  padding: .95rem .75rem .8rem;
  border: 1px solid var(--du-streg);
  border-radius: 14px;
  background: var(--du-nat);
}
.du-lu { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .4rem; text-align: center; }
.du-lu li { display: flex; flex-direction: column; align-items: center; min-width: 0; }
.du-lu b { color: var(--du-sne); font: 400 clamp(1.45rem, 1rem + 2.2vw, 2.15rem)/1.1 var(--du-fm); font-variant-numeric: tabular-nums; }
.du-lu span { margin-top: .2rem; color: var(--du-taage); font: 400 .64rem/1.3 var(--du-fm); letter-spacing: .02em; text-transform: uppercase; }
.du-lc { margin: .7rem 0 0; text-align: center; color: var(--du-taage); font: 400 .76rem/1.45 var(--du-fm); }

.du-fm { display: grid; gap: .45rem; margin-top: 1.4rem; }
.du-fm label { color: var(--du-sne); font: 500 .95rem/1.3 var(--du-fh); }
.du-fx2 { display: flex; flex-wrap: wrap; gap: .6rem; }
.du-fx2 input { flex: 1 1 10rem; width: auto; min-width: 0; font-family: var(--du-fm); font-size: 1rem; }
.du-fx2 .du-bt { flex: 0 0 auto; }
.du-ig {
  justify-self: start;
  margin-top: .2rem;
  padding: .45rem .95rem;
  border: 1px solid var(--du-streg);
  border-radius: 999px;
  background: transparent;
  color: var(--du-gnist);
  font: 500 .85rem/1.2 var(--du-fh);
  cursor: pointer;
}
.du-ig:hover { border-color: var(--du-gnist); color: var(--du-gloed); }
.du-nb { margin: 1.1rem 0 0; color: var(--du-taage); font-size: .88rem; font-style: italic; line-height: 1.55; }

/* ---------- Guiden som aftenprogram ---------- */
.du-pg { margin: 0 0 2.75rem; }
.du-ph h2 { margin: 0 0 .4rem; font-weight: 200; font-size: clamp(1.85rem, 1.35rem + 2.4vw, 2.6rem); line-height: 1.1; letter-spacing: -.025em; }
.du-ph p { margin: 0 0 1.6rem; color: var(--du-taage); }
.du-gr { margin: 0 0 2.1rem; }
.du-gh {
  display: flex;
  align-items: center;
  gap: .8rem;
  margin: 0;
  color: var(--du-gnist);
  font: 400 .76rem/1.4 var(--du-fm);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.du-gh::after { content: ""; flex: 1; height: 1px; background: var(--du-streg); }
.du-pl { list-style: none; margin: 0; padding: 0; }
.du-pi {
  position: relative;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0 .8rem;
  padding: 1.05rem 0;
  border-bottom: 1px solid var(--du-streg);
}
.du-pi-b { grid-template-columns: 2rem minmax(0, 1fr) 4.5rem; }
.du-no { color: var(--du-taage); font: 400 .8rem/2 var(--du-fm); }
.du-pa { color: var(--du-sne); font: 300 1.3rem/1.25 var(--du-fh); letter-spacing: -.01em; text-decoration: none; }
.du-pa::after { content: ""; position: absolute; inset: 0; border-radius: 12px; }
.du-pi:hover .du-pa { color: var(--du-gloed); }
.du-pa:focus-visible { outline: none; }
.du-pa:focus-visible::after { outline: 3px solid var(--du-gloed); outline-offset: 2px; }
.du-ps { display: block; margin-top: .2rem; color: var(--du-taage); font-size: .92rem; line-height: 1.4; letter-spacing: 0; }
.du-pd { margin: .45rem 0 0; color: var(--du-taage); font-size: .95rem; line-height: 1.55; }
.du-th {
  align-self: start;
  width: 4.5rem;
  height: 4.5rem;
  object-fit: cover;
  border: 1px solid var(--du-streg);
  border-radius: 14px;
  background: var(--du-dyb);
}

/* ---------- Artikel ---------- */
.du-bc { margin: 1.5rem 0 1.4rem; color: var(--du-taage); font: 400 .76rem/1.5 var(--du-fm); }
.du-bc ol { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.du-bc li + li::before { content: "/"; margin: 0 .55rem; color: var(--du-kant); }
.du-bc a { color: var(--du-taage); }
.du-bc a:hover { color: var(--du-gloed); }
.du-bc [aria-current] { color: var(--du-rim); }

.du-ah { margin: 0 0 1.6rem; }
.du-hs {
  display: block;
  margin-top: .55rem;
  color: var(--du-taage);
  font-size: .5em;
  font-weight: 300;
  line-height: 1.3;
  letter-spacing: -.005em;
}
.du-mt {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem 1.1rem;
  margin: 1.1rem 0 0;
  padding-top: .9rem;
  border-top: 1px solid var(--du-streg);
  color: var(--du-taage);
  font: 400 .76rem/1.5 var(--du-fm);
}

.du-fi { margin: 0 0 2rem; }
.du-fi img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid var(--du-streg);
  border-radius: var(--du-r);
  background: var(--du-dyb);
}

/* Brødtekst */
.du-tx { overflow-wrap: anywhere; }
.du-tx > :first-child { margin-top: 0; }
.du-tx p, .du-tx ul, .du-tx ol, .du-tx blockquote { margin: 0 0 1.15em; }
.du-tx h2 {
  margin: 2.3em 0 .6em;
  font-weight: 300;
  font-size: clamp(1.6rem, 1.3rem + 1.4vw, 2.05rem);
  line-height: 1.18;
  letter-spacing: -.015em;
}
.du-tx h2::before { content: ""; display: block; width: 2.5rem; height: 2px; margin-bottom: .85rem; background: var(--du-gnist); }
.du-tx h3 { margin: 1.8em 0 .5em; font-weight: 500; font-size: 1.2rem; line-height: 1.3; }
.du-tx h4 {
  margin: 1.6em 0 .45em;
  color: var(--du-gnist);
  font: 400 .8rem/1.45 var(--du-fm);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.du-tx ul, .du-tx ol { padding-left: 1.35rem; }
.du-tx li { margin: .35em 0; padding-left: .2rem; }
.du-tx li::marker { color: var(--du-gnist); }
.du-tx ol > li::marker { font-family: var(--du-fm); font-size: .88em; }
.du-tx li > ul, .du-tx li > ol { margin: .35em 0 0; }
.du-tx strong, .du-tx b { color: var(--du-sne); }
.du-tx blockquote {
  margin-left: 0;
  padding: .95rem 1.15rem .95rem 1.3rem;
  border-left: 3px solid var(--du-gnist);
  border-radius: 0 14px 14px 0;
  background: var(--du-dyb);
  color: var(--du-sne);
  font-style: italic;
}
.du-tx blockquote > :last-child { margin-bottom: 0; }
.du-tx hr { height: 1px; margin: 2.5rem 0; border: 0; background: var(--du-streg); }

/* Tabeller: rammen ruller vandret, så siden aldrig bliver bredere end skærmen */
.du-tw { max-width: 100%; margin: 0 0 1.5em; overflow-x: auto; border: 1px solid var(--du-streg); border-radius: 14px; }
.du-tx table { width: 100%; border-collapse: collapse; font-size: .93rem; line-height: 1.45; overflow-wrap: normal; }
html:not(.du-js) .du-tx table { display: block; max-width: 100%; overflow-x: auto; }
.du-tw table { margin: 0; }
.du-tx th, .du-tx td { padding: .65rem .8rem; border-bottom: 1px solid var(--du-streg); text-align: left; vertical-align: top; }
.du-tx td { min-width: 6rem; }
.du-tx th {
  background: var(--du-skum);
  color: var(--du-sne);
  font: 500 .78rem/1.35 var(--du-fh);
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.du-tx tbody tr:nth-child(even) td { background: rgba(19, 29, 54, .7); }
.du-tx tbody tr:last-child td { border-bottom: 0; }

/* Spørgsmål og svar */
.du-fq { margin: 3rem 0 0; }
.du-fq > h2 { margin: 0 0 1rem; font-weight: 300; font-size: clamp(1.5rem, 1.2rem + 1.3vw, 1.95rem); line-height: 1.2; }
.du-fd { border-top: 1px solid var(--du-streg); }
.du-fd:last-of-type { border-bottom: 1px solid var(--du-streg); }
.du-fd summary {
  position: relative;
  padding: 1rem 2.4rem 1rem 0;
  color: var(--du-sne);
  font: 500 1.05rem/1.4 var(--du-fh);
  list-style: none;
  cursor: pointer;
}
.du-fd summary::-webkit-details-marker { display: none; }
.du-fd summary::before, .du-fd summary::after {
  content: "";
  position: absolute;
  right: .4rem;
  top: 50%;
  width: 14px;
  height: 2px;
  background: var(--du-gnist);
  transition: transform .2s ease;
}
.du-fd summary::after { transform: rotate(90deg); }
.du-fd[open] summary::after { transform: rotate(0deg); }
.du-fd summary:hover { color: var(--du-gloed); }
.du-fa { padding: 0 0 1.15rem; }
.du-fa p { margin: 0; }

/* Kilder */
.du-kl {
  margin: 2.5rem 0 0;
  padding: 1.15rem 1.25rem .9rem;
  border: 1px solid var(--du-streg);
  border-radius: var(--du-r);
  background: var(--du-dyb);
}
.du-kl h2 {
  margin: 0 0 .5rem;
  color: var(--du-gnist);
  font: 400 .76rem/1.4 var(--du-fm);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.du-kl ul { list-style: none; margin: 0; padding: 0; }
.du-kl li { padding: .5rem 0; border-top: 1px solid var(--du-streg); font-size: .95rem; line-height: 1.5; }
.du-kl li:first-child { border-top: 0; }

/* Videre i guiden */
.du-vd { display: grid; gap: .75rem; margin: 3rem 0 0; }
.du-vd a {
  display: block;
  padding: 1.1rem 1.25rem;
  border: 1px solid var(--du-streg);
  border-radius: var(--du-r);
  background: var(--du-dyb);
  color: var(--du-sne);
  text-decoration: none;
}
.du-vd a:hover { border-color: var(--du-gnist); color: var(--du-gloed); }
.du-vk { display: block; color: var(--du-gnist); font: 400 .72rem/1.4 var(--du-fm); letter-spacing: .14em; text-transform: uppercase; }
.du-vt { display: block; margin-top: .3rem; font: 300 1.3rem/1.25 var(--du-fh); }
.du-vn .du-vt::after { content: " \2192"; color: var(--du-gnist); }
.du-vf { background: transparent !important; }
.du-vf .du-vt { font-size: 1.05rem; }

/* ---------- Kontakt ---------- */
.du-cf {
  position: relative;
  display: grid;
  gap: 1.1rem;
  margin: 1.5rem 0 0;
  padding: 1.4rem 1.25rem;
  border: 1px solid var(--du-streg);
  border-radius: var(--du-r);
  background: var(--du-dyb);
}
.du-oe { display: grid; gap: .4rem; }
.du-oe label { color: var(--du-sne); font: 500 .95rem/1.3 var(--du-fh); }
.du-cf .du-bt { justify-self: start; }
.du-cx { margin: 0; color: var(--du-taage); font-size: .88rem; line-height: 1.55; }
.du-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.du-ct p[role="status"] {
  margin: 1.5rem 0 0;
  padding: .9rem 1.1rem;
  border: 1px solid var(--du-gnist);
  border-radius: 14px;
  color: var(--du-sne);
}

/* ---------- Oversigt og 404 ---------- */
.du-pg-l { margin-top: 1.5rem; }
.du-om { margin: 2rem 0 0; padding-top: 1.25rem; border-top: 1px solid var(--du-streg); }
.du-om h2 { margin: 0 0 .5rem; color: var(--du-gnist); font: 400 .76rem/1.4 var(--du-fm); letter-spacing: .14em; text-transform: uppercase; }
.du-om ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }

.du-nf { padding: 2rem 0 1rem; text-align: center; }
.du-nx { width: 10rem; margin: 0 auto 1rem; }
.du-nf .du-ld { max-width: 32rem; margin-left: auto; margin-right: auto; }
.du-nn { list-style: none; margin: 1.5rem 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; }
.du-nn a {
  display: inline-block;
  padding: .5rem 1rem;
  border: 1px solid var(--du-streg);
  border-radius: 999px;
  color: var(--du-rim);
  text-decoration: none;
}
.du-nn a:hover { border-color: var(--du-gnist); color: var(--du-gloed); }

/* ---------- Footer i kolonner ---------- */
.du-ft { margin-top: 3.5rem; color: var(--du-taage); }
.du-sl { display: block; width: 100%; height: clamp(70px, 9vw, 116px); }
.du-sl path, .du-sl circle { fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.du-sl-h { stroke: var(--du-kant); }
.du-sl-s { stroke: var(--du-gnist); opacity: .75; }
.du-sl-p circle { fill: var(--du-sne); stroke: none; opacity: .7; }
.du-fb { padding: 2rem 0 2.5rem; background: var(--du-dyb); }
.du-fn { margin: 0; color: var(--du-sne); font: 300 1.5rem/1.2 var(--du-fh); letter-spacing: -.01em; }
.du-fl { margin: .35rem 0 0; font-size: .95rem; line-height: 1.5; }
.du-fg {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  gap: 1.5rem 1.25rem;
  margin: 1.75rem 0;
  padding: 1.5rem 0;
  border-top: 1px solid var(--du-streg);
  border-bottom: 1px solid var(--du-streg);
}
.du-fk h2 { margin: 0 0 .6rem; color: var(--du-gnist); font: 400 .72rem/1.4 var(--du-fm); letter-spacing: .14em; text-transform: uppercase; }
.du-fk ul { list-style: none; margin: 0; padding: 0; }
.du-fk li { margin: .4rem 0; line-height: 1.35; }
.du-fk a { color: var(--du-rim); font-size: .95rem; text-decoration: none; }
.du-fk a:hover { color: var(--du-gloed); text-decoration: underline; }
.du-fk a[aria-current] { color: var(--du-gnist); }
.du-fs { margin: 0 0 .8rem; font-size: .88rem; line-height: 1.55; }
.du-fc { margin: 0; font: 400 .74rem/1.5 var(--du-fm); }

/* ---------- Større skærme ---------- */
@media (min-width: 46rem) {
  :root { --du-pad: 2rem; }
  body { font-size: 1.125rem; }
  .du-r1 { grid-template-columns: 1fr auto 1fr; align-items: center; padding-top: 1.75rem; padding-bottom: 1.25rem; }
  .du-dt {
    display: block;
    justify-self: start;
    margin: 0;
    color: var(--du-taage);
    font: 400 .74rem/1.3 var(--du-fm);
    letter-spacing: .14em;
    text-transform: uppercase;
  }
  .du-cp { justify-self: end; }
  .du-lg svg { width: 19.5rem; }
  .du-ur { margin-top: 2.25rem; padding: 1.4rem 2.5rem 2.25rem; }
  .du-lu span { font-size: .7rem; letter-spacing: .06em; }
  .du-pi { grid-template-columns: 2.6rem minmax(0, 1fr); padding: 1.2rem 0; }
  .du-pi-b { grid-template-columns: 2.6rem minmax(0, 1fr) 6.5rem; }
  .du-pi .du-th { margin-left: .3rem; }
  .du-th { width: 6.5rem; height: 6.5rem; }
  .du-pa { font-size: 1.42rem; }
  .du-cf { padding: 1.75rem 2rem; }
}

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