@font-face{font-family:"Bitter";src:url(/filer/fonts/bitter-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Bitter";src:url(/filer/fonts/bitter-600i.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"Figtree";src:url(/filer/fonts/figtree-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(/filer/fonts/figtree-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(/filer/fonts/figtree-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Figtree";src:url(/filer/fonts/figtree-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/filer/fonts/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
/* Andelsboliglån – aftenblå med tegl, irgrøn og himmel. Guide i to spor. Klassepræfiks: hq */

:root {
  --hq-bg: #0E1A2B;      /* aftenblå: baggrund */
  --hq-nat: #0A1422;     /* nat: sidefod */
  --hq-sf: #172840;      /* skumring: flader */
  --hq-s2: #1F3452;      /* skumring lys: tabelhoveder */
  --hq-ln: #2C4566;      /* linje */
  --hq-tx: #EEF2F8;      /* kalk: tekst */
  --hq-mu: #A9B8CE;      /* dis: sekundær tekst */
  --hq-tegl: #FF6A3D;    /* spor 1: Lånet */
  --hq-ir: #2ED3A4;      /* spor 2: Foreningen */
  --hq-him: #6FC8FF;     /* opslag: ordbogen */
  --hq-gul: #FFD447;     /* vinduesgul: kun fokus og ikon */
  --hq-ac: var(--hq-tegl);
  --hq-r: 6px;
  --hq-max: 1200px;
  --hq-serif: "Bitter", Rockwell, Georgia, serif;
  --hq-sans: "Figtree", "Segoe UI", system-ui, sans-serif;
  --hq-mono: "IBM Plex Mono", Consolas, ui-monospace, monospace;
}
.hq-c1 { --hq-ac: var(--hq-tegl); }
.hq-c2 { --hq-ac: var(--hq-ir); }
.hq-c3 { --hq-ac: var(--hq-him); }

/* Grundlag */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; color-scheme: dark; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0;
  background: var(--hq-bg);
  color: var(--hq-tx);
  font: 400 1.0625rem/1.7 var(--hq-sans);
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; height: auto; }
svg { max-width: 100%; }
a { color: var(--hq-ac); }
::selection { background: var(--hq-tegl); color: var(--hq-bg); }
:focus-visible { outline: 3px solid var(--hq-gul); outline-offset: 3px; }
[id] { scroll-margin-top: 1.5rem; }

.hq-sk {
  position: absolute; left: 1rem; top: -5rem; z-index: 20;
  padding: .65rem 1rem; border-radius: var(--hq-r);
  background: var(--hq-gul); color: var(--hq-bg);
  font-weight: 700; text-decoration: none;
}
.hq-sk:focus { top: 1rem; }

.hq-w { width: 100%; max-width: var(--hq-max); margin-inline: auto; padding-inline: 1.25rem; }

/* Masthead i to rækker: ordmærke + tagline, derunder menuen */
.hq-hd { background: var(--hq-bg); }
.hq-hd::after {
  content: ""; display: block; height: 4px;
  background: linear-gradient(90deg, var(--hq-tegl) 0 50%, var(--hq-ir) 50% 100%);
}
.hq-r1 {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: .75rem 2.5rem; padding-block: 1rem .9rem;
}
.hq-lg { display: inline-flex; align-items: center; min-height: 44px; border-radius: 4px; }
.hq-lg svg { display: block; width: auto; height: 1.75rem; }
.hq-tg { display: none; margin: 0; max-width: 31rem; color: var(--hq-mu); font-size: .875rem; line-height: 1.5; }
.hq-tk { display: block; color: var(--hq-tx); font: 500 .75rem/1.5 var(--hq-mono); letter-spacing: .08em; text-transform: uppercase; }
.hq-tl { display: block; }

.hq-nv { background: var(--hq-sf); border-top: 1px solid var(--hq-ln); }
.hq-nl { display: flex; flex-wrap: wrap; gap: .3rem .35rem; margin: 0 auto; padding-block: .5rem; list-style: none; }
.hq-nl a {
  display: block; padding: .5rem .7rem; border-radius: var(--hq-r);
  color: var(--hq-tx); font-size: .9375rem; font-weight: 600; line-height: 1.35; text-decoration: none;
}
.hq-nl a:hover { background: var(--hq-s2); text-decoration: underline; text-underline-offset: .2em; }
.hq-nl a[aria-current="page"] { background: var(--hq-tegl); color: var(--hq-bg); text-decoration: none; }

/* Forbeholdsbånd på alle sider */
.hq-fb { background: var(--hq-nat); border-bottom: 1px solid var(--hq-ln); }
.hq-fbi { display: flex; align-items: flex-start; gap: .65rem; padding-block: .75rem; }
.hq-fi { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; margin-top: .1rem; color: var(--hq-gul); }
.hq-fb p { margin: 0; color: var(--hq-mu); font-size: .875rem; line-height: 1.5; }
.hq-fbk { color: var(--hq-tx); font-weight: 700; }

.hq-mn { display: block; }

/* Overrubrik, etiket, titel */
.hq-ey {
  display: flex; flex-wrap: wrap; align-items: center; gap: .45rem .75rem;
  margin: 0 0 1.1rem; color: var(--hq-mu);
  font: 500 .8125rem/1.4 var(--hq-mono); letter-spacing: .06em; text-transform: uppercase;
}
.hq-chip {
  display: inline-block; padding: .3rem .6rem; border-radius: 4px;
  background: var(--hq-ac); color: var(--hq-bg); text-decoration: none;
}
a.hq-chip:hover { text-decoration: underline; text-underline-offset: .2em; }
.hq-h1 {
  margin: 0 0 1rem;
  font: 700 clamp(1.6rem, 1rem + 2.8vw, 3.15rem)/1.12 var(--hq-serif);
  letter-spacing: -.012em;
  overflow-wrap: break-word; hyphens: auto; text-wrap: balance;
}
.hq-ak { color: var(--hq-ac); font-style: italic; font-weight: 600; }
.hq-ld { max-width: 40rem; margin: 0 0 1rem; font-size: 1.125rem; line-height: 1.6; overflow-wrap: anywhere; }
.hq-dt { margin: 0; color: var(--hq-mu); font-size: .875rem; }

/* Billeder med AI-mærkning */
.hq-fg { position: relative; margin: 0; }
.hq-fg img { width: 100%; border-radius: var(--hq-r); background: var(--hq-sf); }
.hq-ai {
  position: absolute; left: .6rem; bottom: .6rem; z-index: 1;
  margin: 0; padding: .28rem .55rem; border-radius: 4px;
  background: var(--hq-bg); color: var(--hq-tx);
  font: 500 .8125rem/1.25 var(--hq-mono); letter-spacing: .01em;
}
.hq-af { margin: 2rem 0 2.5rem; }
.hq-af img { aspect-ratio: 16 / 9; object-fit: cover; }

/* Forside: hero */
.hq-hr { padding-block: 2.25rem 3rem; overflow: hidden; }
.hq-hg { display: grid; gap: 2.25rem; align-items: center; }
.hq-hr .hq-h1 { font-size: clamp(2rem, 1.2rem + 3.6vw, 3.9rem); line-height: 1.06; }
.hq-hs {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem;
  max-width: 32rem; margin: 1.75rem 0 0; padding: 0; list-style: none;
}
.hq-hb {
  position: relative; display: flex; flex-direction: column; gap: .2rem; height: 100%;
  padding: .95rem 1rem 1rem; border-radius: var(--hq-r);
  background: var(--hq-ac); color: var(--hq-bg); text-decoration: none;
  transition: transform .15s ease;
}
.hq-hb::after {
  content: ""; position: absolute; right: 1.1rem; top: 1.05rem;
  width: .6rem; height: .6rem;
  border-right: 3px solid currentColor; border-bottom: 3px solid currentColor;
  transform: rotate(45deg);
}
.hq-hb:hover { transform: translateY(-2px); }
.hq-hb:hover .hq-ht { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .15em; }
.hq-hn { font: 500 .75rem/1.3 var(--hq-mono); letter-spacing: .08em; text-transform: uppercase; }
.hq-ht { font: 700 1.3rem/1.1 var(--hq-serif); }
.hq-hc { font-size: .875rem; font-weight: 600; }
.hq-hf { padding: 0 .85rem .85rem 0; }
.hq-hf::before {
  content: ""; position: absolute; inset: 1.5rem 0 0 1.5rem; border-radius: var(--hq-r);
  background: linear-gradient(135deg, var(--hq-tegl) 0 62%, var(--hq-ir) 62% 100%);
}
.hq-hf img { position: relative; aspect-ratio: 4 / 3; object-fit: cover; }
.hq-hf .hq-ai { left: .6rem; bottom: 1.45rem; }

/* Forside: sporoversigt som linjekort */
.hq-so { padding-block: 3.25rem 3.75rem; background: var(--hq-sf); border-block: 1px solid var(--hq-ln); }
.hq-sx { max-width: 46rem; margin-bottom: 2rem; }
.hq-st { margin: 0 0 .75rem; font: 700 clamp(1.7rem, 1.25rem + 1.8vw, 2.5rem)/1.15 var(--hq-serif); }
.hq-si { margin: 0; color: var(--hq-mu); }
.hq-sg { display: grid; gap: 1.5rem; }
.hq-sp { min-width: 0; overflow: hidden; border-radius: var(--hq-r); background: var(--hq-bg); }
.hq-sf img { aspect-ratio: 16 / 7; object-fit: cover; border-radius: 0; background: var(--hq-s2); }
.hq-sh { padding: 1.35rem 1.4rem 1.4rem; background: var(--hq-ac); color: var(--hq-bg); }
.hq-sn { margin: 0; font: 500 .75rem/1.3 var(--hq-mono); letter-spacing: .08em; text-transform: uppercase; }
.hq-sl { margin: .25rem 0 .35rem; font: 700 clamp(1.75rem, 1.4rem + 1.4vw, 2.35rem)/1.1 var(--hq-serif); }
.hq-sh .hq-sd { margin: 0; font-size: 1rem; line-height: 1.55; }
.hq-ab { display: flex; flex-wrap: wrap; gap: .4rem; margin: 0; padding: 1.2rem 1.4rem 0; }
.hq-ab span {
  display: grid; place-items: center; width: 2.1rem; height: 2.1rem;
  border: 1px solid var(--hq-ln); border-radius: 4px;
  color: var(--hq-ac); font: italic 600 1.05rem/1 var(--hq-serif);
}

/* Linjekort: nummererede stationer (forside og oversigt) */
.hq-ln { margin: 0; padding: 1rem 1.4rem 1.25rem; list-style: none; }
.hq-ln li { position: relative; padding-left: 3rem; }
.hq-ln li::before {
  content: ""; position: absolute; left: 1.03rem; top: 0; bottom: 0;
  width: 4px; border-radius: 2px; background: var(--hq-ac);
}
.hq-ln li:first-child::before { top: 1.9rem; }
.hq-ln li:last-child::before { bottom: auto; height: 1.9rem; }
.hq-ln li:only-child::before { display: none; }
.hq-ln a { display: block; padding: .85rem 0 .9rem; border-bottom: 1px solid var(--hq-ln); color: var(--hq-tx); text-decoration: none; }
.hq-ln li:last-child a { border-bottom: 0; }
.hq-lp {
  position: absolute; left: 0; top: .75rem;
  display: grid; place-items: center; width: 2.3rem; height: 2.3rem;
  border: 3px solid var(--hq-ac); border-radius: 50%;
  background: var(--hq-bg); color: var(--hq-tx);
  font: 500 .875rem/1 var(--hq-mono);
}
.hq-lt { display: block; font: 700 1.125rem/1.3 var(--hq-serif); overflow-wrap: break-word; }
.hq-lb { display: block; margin-top: .25rem; color: var(--hq-mu); font-size: .9375rem; line-height: 1.5; overflow-wrap: anywhere; }
.hq-ln a:hover .hq-lt { color: var(--hq-ac); text-decoration: underline; text-underline-offset: .18em; }
.hq-ln a:hover .hq-lp, .hq-ln a[aria-current="page"] .hq-lp { background: var(--hq-ac); color: var(--hq-bg); }
.hq-sq .hq-ln li { padding-left: 0; }
.hq-sq .hq-ln li::before, .hq-sq .hq-lp { display: none; }

/* Forside: brødtekst */
.hq-cw { padding-block: 3.25rem 1rem; }
.hq-oe { margin-bottom: 1.5rem; }

/* Brødtekst */
.hq-tx { max-width: 46rem; }
.hq-tx > :first-child { margin-top: 0; }
.hq-tx p, .hq-tx li, .hq-tx blockquote { overflow-wrap: anywhere; }
.hq-tx p { margin: 0 0 1.25em; }
.hq-tx h2 {
  position: relative; margin: 2.4em 0 .8em; padding-top: 1rem;
  border-top: 1px solid var(--hq-ln);
  font: 700 clamp(1.45rem, 1.2rem + 1vw, 1.95rem)/1.2 var(--hq-serif);
  overflow-wrap: break-word; hyphens: auto;
}
.hq-tx h2::before { content: ""; position: absolute; left: 0; top: -2px; width: 3.5rem; height: 3px; background: var(--hq-ac); }
.hq-tx h3 {
  margin: 1.9em 0 .55em; color: var(--hq-ac);
  font: italic 600 1.3rem/1.3 var(--hq-serif);
  overflow-wrap: break-word; hyphens: auto;
}
.hq-tx h4 {
  margin: 1.7em 0 .5em; color: var(--hq-mu);
  font: 500 .875rem/1.4 var(--hq-mono); letter-spacing: .06em; text-transform: uppercase;
}
.hq-tx a { color: var(--hq-ac); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.hq-tx a:hover { text-decoration-thickness: 2px; }
.hq-tx strong { color: #fff; font-weight: 700; }
.hq-tx ul, .hq-tx ol { margin: 0 0 1.4em; padding-left: 1.35em; }
.hq-tx li { margin: .45em 0; padding-left: .2em; }
.hq-tx li > ul, .hq-tx li > ol { margin: .4em 0 .2em; }
.hq-tx li::marker { color: var(--hq-ac); }
.hq-tx ol > li::marker { font-family: var(--hq-mono); font-weight: 500; }
.hq-tx blockquote {
  margin: 1.8em 0; padding: 1.1rem 1.35rem;
  border-left: 4px solid var(--hq-ac); border-radius: 0 var(--hq-r) var(--hq-r) 0;
  background: var(--hq-sf); font-size: 1.125rem; font-style: italic;
}
.hq-tx blockquote > :last-child { margin-bottom: 0; }

/* Tabeller */
.hq-tx table {
  width: 100%; margin: 1.75em 0 2em;
  border-collapse: separate; border-spacing: 0;
  border: 1px solid var(--hq-ln); border-radius: var(--hq-r);
  background: var(--hq-sf); font-size: .9375rem; line-height: 1.5;
  overflow: hidden;
}
.hq-tx th, .hq-tx td {
  padding: .75rem .95rem; border-bottom: 1px solid var(--hq-ln);
  text-align: left; vertical-align: top;
  overflow-wrap: break-word; hyphens: auto;
}
.hq-tx thead th { background: var(--hq-s2); font: 700 .9375rem/1.35 var(--hq-serif); border-bottom: 3px solid var(--hq-ac); }
.hq-tx tbody tr:last-child > * { border-bottom: 0; }
.hq-tx tbody tr > :first-child { color: #fff; font-weight: 600; }
.hq-tx tbody tr:nth-child(even) { background: #1A2D47; }

/* På mobil stables alle tabeller, så lange sammensatte ord aldrig gør tabellen bredere end skærmen.
   2 kolonner: rækkens første celle som overskrift og værdien under. 3+ kolonner: første celle i fuld
   bredde, resten to og to i samme gitter som kolonneoverskrifterne. Hele ord holdes samlet. */
@media (max-width: 599.98px) {
  .hq-tx table { display: block; border: 0; border-radius: 0; background: none; overflow: visible; }
  .hq-tx :is(thead, tbody) { display: block; }
  .hq-tx tr {
    display: grid; grid-template-columns: minmax(0, 1fr);
    margin-bottom: .6rem; border: 1px solid var(--hq-ln); border-radius: var(--hq-r);
    background: var(--hq-sf); overflow: hidden;
  }
  .hq-tx tbody tr:nth-child(even) { background: var(--hq-sf); }
  .hq-tx :is(th, td) { display: block; min-width: 0; padding: .55rem .8rem; border-bottom: 0; hyphens: manual; }
  .hq-tx tbody tr > :first-child { background: var(--hq-s2); }
  .hq-tx thead tr {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: .75rem; border: 0; border-bottom: 3px solid var(--hq-ac); border-radius: 0; background: none;
  }
  .hq-tx thead th {
    padding-block: .35rem; border: 0; background: none; color: var(--hq-mu);
    font: 500 .75rem/1.35 var(--hq-mono); letter-spacing: .06em; text-transform: uppercase;
  }
  .hq-tx thead th:empty { display: none; }
  .hq-tx table:has(tr > :nth-child(3)) tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hq-tx table:has(tr > :nth-child(3)) tr > :first-child { grid-column: 1 / -1; }
  .hq-tx table:has(tr > :nth-child(3)) tr > :nth-child(2n+3) { border-left: 1px solid var(--hq-ln); }
  .hq-tx table:has(tr > :nth-child(3)) thead th { color: var(--hq-tx); font: 700 .9375rem/1.35 var(--hq-serif); letter-spacing: 0; text-transform: none; }
  .hq-tx table:has(tr > :nth-child(3)) thead th:first-child { color: var(--hq-mu); font: 500 .75rem/1.35 var(--hq-mono); letter-spacing: .06em; text-transform: uppercase; }
}

/* Ordbogen: bogstaver som store kursive overskrifter, opslagsord til venstre og forklaring til højre */
.hq-dk { max-width: 62rem; }
.hq-dk > h2 {
  margin: 2em 0 .5em; padding-top: .5rem;
  border-top: 3px solid var(--hq-ac);
  color: var(--hq-ac); font: italic 600 clamp(2rem, 1.6rem + 1.6vw, 2.8rem)/1.1 var(--hq-serif);
}
.hq-dk > h2::before { display: none; }
.hq-dk > h3 {
  margin: 1.6em 0 .35em; padding-left: .75rem;
  border-left: 3px solid var(--hq-ac);
  color: var(--hq-tx); font: 700 1.15rem/1.35 var(--hq-serif);
}
.hq-dk > h3 + p { margin-top: 0; }
@media (min-width: 760px) {
  .hq-dk { display: grid; grid-template-columns: minmax(9rem, 14rem) minmax(0, 1fr); column-gap: 2.25rem; }
  .hq-dk > * { grid-column: 1 / -1; }
  .hq-dk > h3 { grid-column: 1; margin: 0; padding: .95rem 0 .95rem .75rem; border-top: 1px solid var(--hq-ln); }
  .hq-dk > h3 ~ :not(h2):not(h3) { grid-column: 2; }
  .hq-dk > h3 + * { padding-top: .95rem; border-top: 1px solid var(--hq-ln); }
  .hq-dk > h3 ~ p { margin-bottom: .9em; }
}

/* Artikel: indhold + sporkort */
.hq-ag { display: grid; gap: 3rem; padding-block: 2.25rem 3.5rem; }
.hq-ar { min-width: 0; }
.hq-ah { margin-bottom: 1.75rem; }
.hq-ag1 .hq-ar { max-width: 50rem; }
.hq-ag1 .hq-ar:has(.hq-dk) { max-width: 64rem; }

.hq-s2 { margin: 0 0 1rem; font: 700 clamp(1.45rem, 1.2rem + 1vw, 1.95rem)/1.2 var(--hq-serif); }
.hq-fq { max-width: 46rem; margin-top: 3.25rem; }
.hq-fd { border-top: 1px solid var(--hq-ln); }
.hq-fd:last-child { border-bottom: 1px solid var(--hq-ln); }
.hq-fd summary {
  position: relative; padding: 1rem 2.75rem 1rem 0; cursor: pointer; list-style: none;
  font: 700 1.0625rem/1.4 var(--hq-serif);
}
.hq-fd summary::-webkit-details-marker { display: none; }
.hq-fd summary::after {
  content: ""; position: absolute; right: .5rem; top: 1.2rem;
  width: .6rem; height: .6rem;
  border-right: 3px solid var(--hq-ac); border-bottom: 3px solid var(--hq-ac);
  transform: rotate(45deg);
}
.hq-fd[open] summary::after { top: 1.5rem; transform: rotate(-135deg); }
.hq-fd summary:hover { color: var(--hq-ac); }
.hq-fd p { margin: 0 0 1.2rem; overflow-wrap: anywhere; }

.hq-kl { max-width: 46rem; margin-top: 2.75rem; padding: 1.35rem 1.5rem; border-radius: var(--hq-r); background: var(--hq-sf); }
.hq-kl .hq-s2 { margin-bottom: .6rem; font-size: 1.25rem; }
.hq-kl ul { margin: 0; padding-left: 1.2em; }
.hq-kl li { margin: .35em 0; overflow-wrap: anywhere; }
.hq-kl li::marker { color: var(--hq-ac); }
.hq-kl a { color: var(--hq-tx); text-decoration: underline; text-decoration-color: var(--hq-ac); text-underline-offset: .18em; }
.hq-kl a:hover { text-decoration-thickness: 2px; }
.hq-kh { color: var(--hq-mu); font: 500 .8125rem/1.4 var(--hq-mono); }

/* Videre i sporet */
.hq-nx { display: grid; gap: .75rem; margin-top: 3.25rem; }
.hq-nn, .hq-np {
  position: relative; display: flex; flex-direction: column; gap: .3rem;
  padding: 1.15rem 3.25rem 1.25rem 1.3rem; border-radius: var(--hq-r); text-decoration: none;
}
.hq-nn { background: var(--hq-ac); color: var(--hq-bg); }
.hq-np { border: 1px solid var(--hq-ln); color: var(--hq-tx); }
.hq-nn::after, .hq-np::after {
  content: ""; position: absolute; right: 1.4rem; top: 50%;
  width: .7rem; height: .7rem; margin-top: -.35rem;
  border-top: 3px solid currentColor; border-right: 3px solid currentColor;
  transform: rotate(45deg);
}
.hq-nk { font: 500 .75rem/1.35 var(--hq-mono); letter-spacing: .07em; text-transform: uppercase; }
.hq-np .hq-nk { color: var(--hq-mu); }
.hq-nt { font: 700 1.35rem/1.25 var(--hq-serif); overflow-wrap: break-word; }
.hq-nn:hover .hq-nt, .hq-np:hover .hq-nt { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .15em; }
.hq-nx .hq-np { padding: 1.15rem 1.3rem 1.25rem 3.25rem; }
.hq-nx .hq-np::after { right: auto; left: 1.4rem; transform: rotate(-135deg); }

/* Sporkort ved siden af artiklen */
.hq-rl { min-width: 0; padding: 1.3rem 1.2rem 1.2rem; border-top: 5px solid var(--hq-ac); border-radius: var(--hq-r); background: var(--hq-sf); }
.hq-rh { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .6rem; margin: 0 0 .8rem; }
.hq-rn2 { color: var(--hq-ac); font: 500 .75rem/1.3 var(--hq-mono); letter-spacing: .08em; text-transform: uppercase; }
.hq-rt { font: 700 1.35rem/1.2 var(--hq-serif); }
.hq-rs { margin: 0; padding: 0; list-style: none; }
.hq-rs a {
  display: flex; align-items: flex-start; gap: .7rem; padding: .45rem .5rem; border-radius: 4px;
  color: var(--hq-tx); font-size: .9375rem; line-height: 1.4; text-decoration: none;
}
.hq-rs a:hover { background: var(--hq-s2); }
.hq-rp {
  flex: 0 0 auto; display: grid; place-items: center; width: 1.6rem; height: 1.6rem; margin-top: -.1rem;
  border: 2px solid var(--hq-ac); border-radius: 50%; font: 500 .75rem/1 var(--hq-mono);
}
.hq-rs a[aria-current="page"] { background: var(--hq-ac); color: var(--hq-bg); font-weight: 700; }
.hq-rs a[aria-current="page"] .hq-rp { border-color: var(--hq-bg); }
.hq-ro { margin: 1rem 0 0; padding-top: .9rem; border-top: 1px solid var(--hq-ln); font-size: .9375rem; line-height: 1.4; }
.hq-ro a { display: flex; flex-direction: column; gap: .15rem; color: var(--hq-tx); text-decoration: none; }
.hq-rk { color: var(--hq-ac); font: 500 .75rem/1.4 var(--hq-mono); letter-spacing: .07em; text-transform: uppercase; }
.hq-ro a:hover span:last-child { text-decoration: underline; text-underline-offset: .18em; }

/* Oversigt over alle emner */
.hq-lw { padding-block: 2.25rem 4rem; }
.hq-lw > .hq-tx { margin-bottom: 2.25rem; }
.hq-lg3 { display: grid; gap: 1.5rem; margin-top: 2rem; }
.hq-ls { min-width: 0; padding: 1.4rem 1.4rem .5rem; border-top: 5px solid var(--hq-ac); border-radius: var(--hq-r); background: var(--hq-sf); }
.hq-lx { --hq-ac: var(--hq-mu); }
.hq-lh { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .7rem; margin: 0 0 .4rem; font: 700 1.75rem/1.15 var(--hq-serif); }
.hq-lh .hq-sn { color: var(--hq-ac); }
.hq-ls .hq-sd { margin: 0 0 .4rem; color: var(--hq-mu); font-size: 1rem; line-height: 1.55; }
.hq-ls .hq-ln { padding: .4rem 0 .75rem; }
.hq-ls .hq-lp { background: var(--hq-sf); }
.hq-lo { margin: 0; padding: .25rem 0 .75rem; list-style: none; }
.hq-lo a { display: block; padding: .8rem 0; border-bottom: 1px solid var(--hq-ln); color: var(--hq-tx); text-decoration: none; }
.hq-lo li:last-child a { border-bottom: 0; }
.hq-lo a:hover .hq-lt { text-decoration: underline; text-underline-offset: .18em; }

/* Kontakt */
.hq-kt { padding-block: 2.25rem 4rem; }
.hq-kg { display: grid; gap: 2.5rem; }
.hq-kg > p[role="status"] {
  grid-column: 1 / -1; margin: 0; padding: .9rem 1.1rem;
  border-left: 4px solid var(--hq-ir); border-radius: var(--hq-r); background: var(--hq-s2);
  font-weight: 600;
}
.hq-fm { position: relative; min-width: 0; padding: 1.5rem 1.35rem 1.6rem; border-top: 5px solid var(--hq-tegl); border-radius: var(--hq-r); background: var(--hq-sf); }
.hq-fmh { margin: 0 0 .6rem; font: 700 1.6rem/1.2 var(--hq-serif); }
.hq-fmn { margin: 0 0 1.25rem; color: var(--hq-mu); font-size: .9375rem; line-height: 1.55; }
.hq-fe { margin-bottom: 1.1rem; }
.hq-fe label { display: block; margin-bottom: .35rem; font-size: .9375rem; font-weight: 600; }
.hq-fe input, .hq-fe textarea {
  display: block; width: 100%; padding: .75rem .85rem;
  border: 1px solid #5A7699; border-radius: var(--hq-r);
  background: var(--hq-bg); color: var(--hq-tx);
  font: 400 1rem/1.45 var(--hq-sans);
}
.hq-fe textarea { min-height: 10rem; resize: vertical; }
.hq-fe input:focus-visible, .hq-fe textarea:focus-visible { border-color: var(--hq-gul); outline-offset: 1px; }
.hq-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.hq-kn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px;
  padding: .8rem 1.6rem; border: 0; border-radius: var(--hq-r);
  background: var(--hq-tegl); color: var(--hq-bg);
  font: 700 1.0625rem/1.2 var(--hq-sans); cursor: pointer;
}
.hq-kn:hover { background: #FF8459; }

/* 404 */
.hq-nf { padding-block: 3rem 4.5rem; }
.hq-nfl { display: grid; gap: .75rem; max-width: 48rem; margin: 2rem 0 0; padding: 0; list-style: none; }

/* Sidefod i kolonner */
.hq-ft { margin-top: 2rem; background: var(--hq-nat); }
.hq-ft::before {
  content: ""; display: block; height: 4px;
  background: linear-gradient(90deg, var(--hq-tegl) 0 50%, var(--hq-ir) 50% 100%);
}
.hq-fc { display: grid; gap: 2.25rem 2.5rem; padding-block: 3rem 2.5rem; }
.hq-fk { min-width: 0; }
.hq-fn { margin: 0 0 .5rem; color: var(--hq-tegl); font: 700 1.5rem/1.2 var(--hq-serif); }
.hq-fx { margin: 0 0 .75rem; color: var(--hq-mu); font-size: .9375rem; line-height: 1.55; }
.hq-fu { margin: 0; font-size: .9375rem; line-height: 1.55; }
.hq-fh { margin: 0 0 .7rem; color: var(--hq-ac); font: 500 .75rem/1.4 var(--hq-mono); letter-spacing: .08em; text-transform: uppercase; }
.hq-fo { --hq-ac: var(--hq-mu); }
.hq-fl2 { margin: 0; padding: 0; list-style: none; }
.hq-fl2 a { display: inline-block; padding: .3rem 0; color: var(--hq-tx); font-size: .9375rem; line-height: 1.4; text-decoration: none; }
.hq-fl2 a:hover { text-decoration: underline; text-decoration-color: var(--hq-ac); text-underline-offset: .2em; }
.hq-fl2 a[aria-current="page"] { color: var(--hq-ac); font-weight: 700; }
.hq-fz { padding-block: 1.25rem 2rem; border-top: 1px solid var(--hq-ln); }
.hq-fz p { margin: 0; color: var(--hq-mu); font-size: .875rem; }

/* Større skærme */
@media (min-width: 600px) {
  .hq-tg { display: block; text-align: right; }
  .hq-ht { font-size: 1.55rem; }
}
@media (min-width: 640px) {
  .hq-fc { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 760px) {
  .hq-w { padding-inline: 2rem; }
  .hq-r1 { padding-block: 1.5rem 1.35rem; }
  .hq-lg svg { height: 2.35rem; }
  .hq-nl { gap: .35rem; padding-block: .55rem; }
  .hq-nl a { padding: .55rem .95rem; font-size: 1rem; }
  .hq-fb p { font-size: .9375rem; }
  .hq-nx { grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); }
  .hq-nx .hq-np { order: -1; }
  .hq-nx > :only-child { grid-column: 1 / -1; }
  .hq-nfl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 900px) {
  .hq-hr { padding-block: 3.5rem 4.5rem; }
  .hq-hg { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 3.5rem; }
  .hq-hg1 { grid-template-columns: minmax(0, 1fr); }
  .hq-hg1 .hq-hx { max-width: 52rem; }
  .hq-hf { padding: 0 1.25rem 1.25rem 0; }
  .hq-hf .hq-ai { bottom: 1.85rem; }
  .hq-so { padding-block: 4.25rem 4.75rem; }
  .hq-sg { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); grid-template-rows: auto 1fr; align-items: start; }
  .hq-sg > .hq-sp:first-child { grid-row: span 2; }
  .hq-cw { padding-block: 4.25rem 1rem; }
  .hq-lg3 { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); grid-template-rows: auto auto 1fr; align-items: start; }
  .hq-lg3 > :first-child { grid-row: span 3; }
}
@media (min-width: 1000px) {
  .hq-ag { grid-template-columns: minmax(0, 1fr) 17.5rem; gap: 4.5rem; padding-block: 3.25rem 4.5rem; }
  .hq-ag1 { grid-template-columns: minmax(0, 1fr); }
  .hq-rl { position: sticky; top: 1.5rem; align-self: start; }
  .hq-kg { grid-template-columns: minmax(0, 1fr) minmax(0, 26rem); gap: 4rem; align-items: start; }
  .hq-fm { position: sticky; top: 1.5rem; }
  .hq-kt, .hq-lw { padding-block: 3.25rem 4.5rem; }
}
@media (min-width: 1040px) {
  .hq-fc { grid-template-columns: minmax(0, 1.5fr) repeat(4, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .hq-hb { transition: none; }
  .hq-hb:hover { transform: none; }
}