@font-face{font-family:"Abril Fatface";src:url(/static/fonts/abril-fatface-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(/static/fonts/plus-jakarta-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(/static/fonts/plus-jakarta-sans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(/static/fonts/plus-jakarta-sans-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Plus Jakarta Sans";src:url(/static/fonts/plus-jakarta-sans-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/static/fonts/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
/* Veronika – temaguide i tre spor (navnet, legenden, blomsten).
   Mobil først, pille-radius, luftig tæthed, læsekolonne på 760 px, klasser med præfikset j6. */
:root {
  --j6-rosaskaer: #FFF3F6;
  --j6-hvid: #FFFFFF;
  --j6-rosa: #FFD7E3;
  --j6-rosa-dyb: #FFC2D6;
  --j6-blaek: #1E0E18;
  --j6-lyng: #5C4452;
  --j6-kant: #8E5A72;
  --j6-hindbaer: #C70F4E;
  --j6-kirsebaer: #A00C42;
  --j6-nat: #3B0B24;
  --j6-nat-lys: #5A1A3A;
  --j6-nat-linje: #6A2A4A;
  --j6-lysrosa: #FF9BBE;
  --j6-blaa: #3350DB;
  --j6-blaa-dyb: #2A3FB8;
  --j6-blaalys: #DFE5FF;
  --j6-groen: #12804F;

  --j6-max: 760px;
  --j6-pad: clamp(1.25rem, 5vw, 2rem);
  --j6-r: 1.75rem;
  --j6-r-lg: 2.5rem;
  --j6-pille: 999px;
  --j6-skygge: 0 18px 40px -28px rgba(59, 11, 36, .45);

  --j6-display: "Abril Fatface", Didot, "Bodoni MT", Georgia, serif;
  --j6-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
  --j6-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;

  /* Sporfarver – overskrives af .j6-tone--* */
  --j6-acc: var(--j6-hindbaer);
  --j6-acc-tekst: var(--j6-kirsebaer);
  --j6-tone-bg: var(--j6-rosa);
  --j6-tone-ink: var(--j6-blaek);
  --j6-tone-soft: var(--j6-lyng);
  --j6-tone-deep: var(--j6-rosa-dyb);
}

.j6-tone--navnet {
  --j6-tone-bg: var(--j6-hindbaer);
  --j6-tone-ink: #FFFFFF;
  --j6-tone-soft: #FFE1EA;
  --j6-tone-deep: var(--j6-kirsebaer);
  --j6-acc: var(--j6-hindbaer);
  --j6-acc-tekst: var(--j6-kirsebaer);
}
.j6-tone--legenden {
  --j6-tone-bg: var(--j6-nat);
  --j6-tone-ink: #FFFFFF;
  --j6-tone-soft: #E2C9D3;
  --j6-tone-deep: var(--j6-nat-lys);
  --j6-acc: var(--j6-hindbaer);
  --j6-acc-tekst: var(--j6-kirsebaer);
}
.j6-tone--blomsten {
  --j6-tone-bg: var(--j6-blaa);
  --j6-tone-ink: #FFFFFF;
  --j6-tone-soft: #DFE5FF;
  --j6-tone-deep: var(--j6-blaa-dyb);
  --j6-acc: var(--j6-blaa);
  --j6-acc-tekst: var(--j6-blaa-dyb);
}
.j6-tone--mere {
  --j6-tone-bg: var(--j6-rosa);
  --j6-tone-ink: var(--j6-blaek);
  --j6-tone-soft: var(--j6-lyng);
  --j6-tone-deep: var(--j6-rosa-dyb);
}

/* ---------- Grundlag ---------- */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  margin: 0;
  background: var(--j6-rosaskaer);
  color: var(--j6-blaek);
  font: 400 1.0625rem/1.75 var(--j6-sans);
  overflow-wrap: break-word;
}

img { display: block; max-width: 100%; height: auto; }

h1, h2, h3, h4 { overflow-wrap: anywhere; }

a { color: var(--j6-acc-tekst); text-decoration-thickness: .08em; text-underline-offset: .2em; }
a:hover { text-decoration-thickness: .16em; }

:focus-visible { outline: 3px solid var(--j6-fokus, var(--j6-blaa)); outline-offset: 3px; }

::selection { background: var(--j6-rosa); color: var(--j6-blaek); }

.j6-skip {
  position: absolute;
  left: 1rem;
  top: -5rem;
  z-index: 30;
  padding: .7rem 1.2rem;
  border-radius: var(--j6-pille);
  background: var(--j6-blaek);
  color: #FFFFFF;
  font-weight: 700;
  text-decoration: none;
}
.j6-skip:focus { top: 1rem; }

.j6-wrap {
  max-width: calc(var(--j6-max) + 2 * var(--j6-pad));
  margin: 0 auto;
  padding: 0 var(--j6-pad);
}

/* ---------- Topbjælke: logo til venstre, menu til højre ---------- */
.j6-top { position: relative; z-index: 20; padding: .75rem .75rem 0; }
.j6-top__bar {
  position: relative;
  max-width: calc(var(--j6-max) + 2rem);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem 1rem;
  padding: .5rem .5rem .5rem 1.15rem;
  background: var(--j6-hvid);
  border-radius: 2.25rem;
  box-shadow: 0 1px 0 rgba(59, 11, 36, .06), 0 12px 30px -20px rgba(59, 11, 36, .4);
}
.j6-top__logo { display: block; flex: none; border-radius: 1rem; }
.j6-top__logo svg { display: block; height: 3.25rem; width: auto; }

.j6-nav__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem; }
.j6-nav__link {
  display: block;
  padding: .55rem .85rem;
  border-radius: var(--j6-pille);
  color: var(--j6-blaek);
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
}
.j6-nav__link:hover { background: var(--j6-rosaskaer); }
.j6-nav__link[aria-current="page"] { background: var(--j6-hindbaer); color: #FFFFFF; }
.j6-nav__toggle { display: none; }

@media (max-width: 55.99rem) {
  .j6-js .j6-nav__toggle {
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    min-height: 2.75rem;
    padding: .75rem 1.15rem;
    border: 0;
    border-radius: var(--j6-pille);
    background: var(--j6-hindbaer);
    color: #FFFFFF;
    font: 700 1rem/1 var(--j6-sans);
    cursor: pointer;
  }
  .j6-js .j6-nav__toggle:hover { background: var(--j6-kirsebaer); }
  .j6-nav__icon {
    position: relative;
    width: 1.125rem;
    height: .8125rem;
    border-top: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
  }
  .j6-nav__icon::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 2px solid currentColor;
    transform: translateY(-50%);
  }
  .j6-nav--open .j6-nav__icon { width: .8125rem; border: 2px solid currentColor; border-radius: 50%; }
  .j6-nav--open .j6-nav__icon::after { display: none; }
  .j6-js .j6-nav__list { display: none; }
  .j6-js .j6-nav--open .j6-nav__list {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + .5rem);
    padding: .75rem;
    background: var(--j6-hvid);
    border-radius: 1.75rem;
    box-shadow: 0 20px 40px -20px rgba(59, 11, 36, .5);
  }
  .j6-js .j6-nav--open .j6-nav__link { padding: .85rem 1.15rem; font-size: 1.0625rem; }
}

/* ---------- Forside: intro og sporvælger ---------- */
.j6-intro { padding: clamp(2.75rem, 9vw, 5rem) 0 clamp(2rem, 6vw, 3rem); }
.j6-intro__kicker {
  display: inline-block;
  margin: 0;
  padding: .6rem 1.05rem;
  border: 2px solid var(--j6-rosa);
  border-radius: var(--j6-pille);
  background: var(--j6-hvid);
  color: var(--j6-kirsebaer);
  font: 500 .8125rem/1 var(--j6-mono);
  letter-spacing: .06em;
}
.j6-intro__title {
  margin: 1.25rem 0 0;
  color: var(--j6-blaek);
  font: 400 clamp(2.75rem, 12vw, 4.5rem)/1 var(--j6-display);
  letter-spacing: -.01em;
}
.j6-intro__title-main { display: block; }
.j6-intro__title-sub {
  display: block;
  margin-top: .75rem;
  max-width: 22em;
  color: var(--j6-hindbaer);
  font-size: clamp(1.5rem, 5.2vw, 2.25rem);
  line-height: 1.12;
}
.j6-intro__lead {
  margin: 1.35rem 0 0;
  max-width: 34em;
  font-size: clamp(1.125rem, 2.6vw, 1.3125rem);
  line-height: 1.6;
}

.j6-jump { margin-top: 2rem; }
.j6-jump__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .6rem; }
.j6-jump__link {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  padding: .45rem 1.2rem .45rem .45rem;
  border-radius: var(--j6-pille);
  color: #FFFFFF;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .15s ease;
}
.j6-jump__link:hover { transform: translateY(-2px); }
.j6-jump__nr {
  display: inline-grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: #FFFFFF;
  font: 500 .875rem/1 var(--j6-mono);
}
.j6-jump__link--navnet { background: var(--j6-hindbaer); }
.j6-jump__link--navnet .j6-jump__nr { color: var(--j6-hindbaer); }
.j6-jump__link--legenden { background: var(--j6-nat); }
.j6-jump__link--legenden .j6-jump__nr { color: var(--j6-nat); }
.j6-jump__link--blomsten { background: var(--j6-blaa); }
.j6-jump__link--blomsten .j6-jump__nr { color: var(--j6-blaa); }

/* ---------- Navnekortet ---------- */
.j6-card {
  padding: clamp(1.5rem, 5.5vw, 2.75rem);
  background: var(--j6-hvid);
  border-radius: var(--j6-r-lg);
  box-shadow: var(--j6-skygge);
}
.j6-card__title { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; }
.j6-card__label {
  display: inline-block;
  padding: .55rem .95rem;
  border-radius: var(--j6-pille);
  background: var(--j6-blaa);
  color: #FFFFFF;
  font: 500 .8125rem/1 var(--j6-mono);
  letter-spacing: .06em;
}
.j6-card__name { color: var(--j6-hindbaer); font: 400 clamp(2.25rem, 9vw, 3.25rem)/1 var(--j6-display); }
.j6-card__facts { margin: 1.75rem 0 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; }
.j6-card__fact { padding: 1rem 1.25rem 1.1rem; background: var(--j6-rosaskaer); border-radius: 1.5rem; }
.j6-card__fact--dag { background: var(--j6-rosa); }
.j6-card__key { color: var(--j6-lyng); font: 500 .8125rem/1.3 var(--j6-mono); letter-spacing: .03em; }
.j6-card__val { margin: .35rem 0 0; font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.j6-card__big { display: block; color: var(--j6-blaek); font: 400 1.875rem/1.1 var(--j6-display); }
.j6-card__note { display: block; margin-top: .3rem; color: var(--j6-lyng); font-size: .9375rem; font-weight: 400; }

.j6-count { margin-top: 2rem; }
.j6-count__title { margin: 0; font: 700 1.125rem/1.3 var(--j6-sans); }
.j6-count__list { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: 1rem; }
.j6-count__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: .4rem 1rem; }
.j6-count__name { font-weight: 700; }
.j6-count__num { font: 500 1rem/1.2 var(--j6-mono); }
.j6-count__bar {
  grid-column: 1 / -1;
  position: relative;
  height: .875rem;
  overflow: hidden;
  border-radius: var(--j6-pille);
  background: var(--j6-rosaskaer);
}
.j6-count__bar::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--j6-w, 0);
  border-radius: inherit;
  background: var(--j6-bar, var(--j6-hindbaer));
}
.j6-count__row--a { --j6-bar: var(--j6-hindbaer); }
.j6-count__row--b { --j6-bar: var(--j6-blaa); }
.j6-count__row--c { --j6-bar: var(--j6-nat); }
.j6-count__src { margin: 1.25rem 0 0; color: var(--j6-lyng); font-size: .875rem; line-height: 1.55; }
.j6-count__link { color: var(--j6-kirsebaer); }

/* ---------- De tre spor som farveblokke ---------- */
.j6-tracks { margin: clamp(3rem, 9vw, 5rem) 0 0; display: grid; gap: 1.25rem; }
.j6-track {
  --j6-fokus: #FFFFFF;
  --j6-track-pad: clamp(1.75rem, 6vw, 3rem);
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.5rem;
  overflow: hidden;
  padding: var(--j6-track-pad);
  border-radius: var(--j6-r-lg);
  color: #FFFFFF;
  scroll-margin-top: 1rem;
}
.j6-track--navnet { background: var(--j6-hindbaer); }
.j6-track--legenden { background: var(--j6-nat); }
.j6-track--blomsten { background: var(--j6-blaa); }

.j6-track__nr {
  display: inline-block;
  margin: 0;
  padding: .5rem .9rem;
  border-radius: var(--j6-pille);
  background: #FFFFFF;
  color: var(--j6-hindbaer);
  font: 500 .8125rem/1 var(--j6-mono);
  letter-spacing: .06em;
}
.j6-track--legenden .j6-track__nr { background: var(--j6-lysrosa); color: var(--j6-nat); }
.j6-track--blomsten .j6-track__nr { color: var(--j6-blaa); }
.j6-track__title { margin: 1rem 0 0; color: #FFFFFF; font: 400 clamp(2.5rem, 10vw, 3.75rem)/1 var(--j6-display); }
.j6-track__intro { margin: 1rem 0 0; max-width: 32em; }

.j6-track__forms { display: flex; flex-wrap: wrap; align-content: flex-start; gap: .5rem; }
.j6-form-chip {
  display: inline-block;
  padding: .4rem 1rem .45rem;
  border: 2px solid #FFE1EA;
  border-radius: var(--j6-pille);
  color: #FFFFFF;
  font: 400 1.25rem/1.2 var(--j6-display);
  white-space: nowrap;
}
.j6-form-chip--1 { border-color: #FFFFFF; background: #FFFFFF; color: var(--j6-hindbaer); font-size: 1.625rem; }
.j6-form-chip--3 { border-color: var(--j6-nat); background: var(--j6-nat); }
.j6-form-chip--5 { border-color: var(--j6-kirsebaer); background: var(--j6-kirsebaer); }

.j6-track__motif { width: 8rem; }
.j6-track__svg { display: block; width: 100%; height: auto; }
.j6-track__motif--spike { justify-self: end; width: 6.5rem; margin: -1rem 0 calc(-1 * var(--j6-track-pad)); }

@media (min-width: 44rem) {
  .j6-track--navnet { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); align-items: center; gap: 2rem; }
  .j6-track__forms { flex-direction: column; align-items: flex-end; }
  .j6-track--legenden { grid-template-columns: 12rem minmax(0, 1fr); align-items: start; gap: 2.5rem; }
  .j6-track--legenden .j6-track__motif { width: auto; padding-top: .5rem; }
  .j6-track--blomsten { grid-template-columns: minmax(0, 1fr) 8.5rem; align-items: end; gap: 2rem; }
  .j6-track__motif--spike { width: 8.5rem; margin: 0 0 calc(-1 * var(--j6-track-pad)); }
}

/* ---------- Linklister ---------- */
.j6-links { list-style: none; margin: 1.5rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.j6-links__link {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  padding: .7rem 1.15rem;
  border-radius: var(--j6-pille);
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
}
.j6-links--piller .j6-links__link { background: #FFFFFF; color: var(--j6-blaek); }
.j6-links--piller .j6-links__link::after { content: "→" / ""; color: var(--j6-hindbaer); }
.j6-links--piller .j6-links__link:hover { background: var(--j6-rosa); }
.j6-track--blomsten .j6-links--piller .j6-links__link::after { color: var(--j6-blaa); }
.j6-track--blomsten .j6-links--piller .j6-links__link:hover { background: var(--j6-blaalys); }

.j6-links--raekker { display: block; }
.j6-links--raekker .j6-links__item { border-top: 1px solid var(--j6-row-line, var(--j6-rosa)); }
.j6-links--raekker .j6-links__item:last-child { border-bottom: 1px solid var(--j6-row-line, var(--j6-rosa)); }
.j6-links--raekker .j6-links__link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 1rem;
  row-gap: .2rem;
  padding: 1rem .35rem;
  border-radius: 1rem;
  color: var(--j6-row-ink, var(--j6-blaek));
  font-weight: 400;
}
.j6-links--raekker .j6-links__name { grid-column: 1; font-size: 1.125rem; font-weight: 700; }
.j6-links--raekker .j6-links__desc { grid-column: 1; color: var(--j6-row-soft, var(--j6-lyng)); font-size: .9375rem; line-height: 1.5; }
.j6-links--raekker .j6-links__link::after {
  content: "→" / "";
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background: var(--j6-row-dot, var(--j6-hindbaer));
  color: var(--j6-row-dotink, #FFFFFF);
  font-weight: 700;
}
.j6-links--raekker .j6-links__link:hover .j6-links__name,
.j6-links--raekker .j6-links__link[aria-current="page"] .j6-links__name { text-decoration: underline; text-underline-offset: .2em; }
.j6-track--legenden .j6-links--raekker {
  --j6-row-ink: #FFFFFF;
  --j6-row-soft: #E2C9D3;
  --j6-row-line: var(--j6-nat-linje);
  --j6-row-dot: var(--j6-lysrosa);
  --j6-row-dotink: var(--j6-nat);
}
.j6-group .j6-links--raekker { --j6-row-dot: var(--j6-tone-bg); --j6-row-dotink: var(--j6-tone-ink); }

.j6-links--spor .j6-links__link,
.j6-links--lys .j6-links__link { background: var(--j6-rosaskaer); color: var(--j6-blaek); }
.j6-links--lys .j6-links__link { background: var(--j6-hvid); }
.j6-links--spor .j6-links__link:hover,
.j6-links--lys .j6-links__link:hover { background: var(--j6-rosa); }
.j6-links--spor .j6-links__link[aria-current="page"] { background: var(--j6-tone-bg); color: var(--j6-tone-ink); }

/* ---------- Forsidens brødtekst og "mere" ---------- */
.j6-home { margin-top: clamp(3rem, 9vw, 5rem); }
.j6-home .j6-fig { margin-top: 0; }
.j6-more { margin-top: clamp(3rem, 8vw, 4.5rem); }
.j6-more__title { margin: 0; font: 400 clamp(1.75rem, 5vw, 2.25rem)/1.15 var(--j6-display); }

/* ---------- Sidehoved på undersider ---------- */
.j6-crumbs { margin: 1.75rem 0 1rem; font-size: .875rem; }
.j6-crumbs__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem .5rem; color: var(--j6-lyng); }
.j6-crumbs__item + .j6-crumbs__item::before { content: "/" / ""; margin-right: .5rem; color: var(--j6-kant); }
.j6-crumbs__link { color: var(--j6-lyng); }
.j6-crumbs__here { color: var(--j6-blaek); font-weight: 600; }

.j6-head {
  --j6-fokus: #FFFFFF;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(1.75rem, 6.5vw, 3.25rem);
  border-radius: var(--j6-r-lg);
  background: var(--j6-tone-bg);
  color: var(--j6-tone-ink);
}
.j6-tone--mere .j6-head { --j6-fokus: var(--j6-blaek); }
.j6-head::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -6rem;
  right: -5rem;
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  background: var(--j6-tone-deep);
}
.j6-head__kicker {
  display: inline-block;
  margin: 0;
  padding: .55rem .95rem;
  border-radius: var(--j6-pille);
  background: var(--j6-tone-ink);
  color: var(--j6-tone-bg);
  font: 500 .8125rem/1 var(--j6-mono);
  letter-spacing: .06em;
}
.j6-head__kickerlink { color: inherit; text-decoration: none; }
.j6-head__kickerlink:hover { text-decoration: underline; }
.j6-head__title { margin: 1.1rem 0 0; color: inherit; font: 400 clamp(2.125rem, 8vw, 3.5rem)/1.06 var(--j6-display); }
.j6-head__title-main { display: block; }
.j6-head__title-sub { display: block; margin-top: .5rem; color: var(--j6-tone-soft); font-size: .58em; line-height: 1.15; }
.j6-head__lead { margin: 1.1rem 0 0; max-width: 36em; font-size: clamp(1.0625rem, 2.4vw, 1.25rem); line-height: 1.6; }
.j6-head__meta { margin: 1.25rem 0 0; color: var(--j6-tone-soft); font-size: .875rem; }

/* ---------- Billeder (AI-mærkning ved hvert billede) ---------- */
.j6-fig { position: relative; margin: 1.5rem 0 0; }
.j6-fig__img { width: 100%; border-radius: var(--j6-r-lg); background: var(--j6-rosa); }
.j6-fig__cap {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  margin: 0;
  padding: .4rem .8rem;
  border-radius: var(--j6-pille);
  background: var(--j6-hvid);
  color: var(--j6-blaek);
  font: 500 .75rem/1.2 var(--j6-mono);
  letter-spacing: .02em;
}

/* ---------- Brødtekst ---------- */
.j6-prose { margin-top: 2.5rem; overflow-wrap: anywhere; }
@media (min-width: 48rem) { .j6-prose { font-size: 1.125rem; } }
.j6-prose > * { margin-top: 0; margin-bottom: 0; }
.j6-prose > * + * { margin-top: 1.3em; }
.j6-prose h2 { margin-top: 2.4em; font: 400 clamp(1.75rem, 5.5vw, 2.375rem)/1.12 var(--j6-display); }
.j6-prose h2::before {
  content: "";
  display: block;
  width: 3.25rem;
  height: .5rem;
  margin-bottom: 1rem;
  border-radius: var(--j6-pille);
  background: var(--j6-acc);
}
.j6-prose h3 { margin-top: 2em; font: 700 1.3125rem/1.3 var(--j6-sans); }
.j6-prose h4 { margin-top: 1.8em; color: var(--j6-acc-tekst); font: 700 1.0625rem/1.4 var(--j6-sans); }
.j6-prose > h2:first-child { margin-top: 0; }
.j6-prose h2 + *,
.j6-prose h3 + *,
.j6-prose h4 + * { margin-top: .8em; }
.j6-prose strong { font-weight: 700; }
.j6-prose ul,
.j6-prose ol { padding-left: 1.4em; }
.j6-prose li + li,
.j6-prose li > ul,
.j6-prose li > ol { margin-top: .45em; }
.j6-prose ul li::marker { color: var(--j6-acc); font-size: 1.1em; }
.j6-prose ol li::marker { color: var(--j6-acc-tekst); font-family: var(--j6-mono); font-weight: 500; }
.j6-prose blockquote {
  position: relative;
  margin: 2em 0;
  padding: 1.5rem 1.75rem 1.5rem 3.75rem;
  border-radius: var(--j6-r);
  background: var(--j6-rosa);
  font-size: 1.1875rem;
  line-height: 1.6;
}
.j6-prose blockquote::before {
  content: "»" / "";
  position: absolute;
  left: 1.2rem;
  top: .9rem;
  color: var(--j6-hindbaer);
  font: 400 2.75rem/1 var(--j6-display);
}
.j6-prose blockquote > * { margin: 0; }
.j6-prose blockquote > * + * { margin-top: .8em; }

.j6-prose > table { display: block; overflow-x: auto; }
.j6-table { margin-top: 1.6em; overflow-x: auto; padding: .5rem; background: var(--j6-hvid); border-radius: var(--j6-r); }
.j6-prose table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .9375rem; line-height: 1.5; overflow-wrap: normal; }
.j6-prose th { padding: .75rem 1rem; background: var(--j6-rosa); font-weight: 700; text-align: left; vertical-align: bottom; }
.j6-prose th:first-child { border-radius: 1.25rem 0 0 1.25rem; }
.j6-prose th:last-child { border-radius: 0 1.25rem 1.25rem 0; }
.j6-prose td { padding: .75rem 1rem; border-bottom: 1px solid var(--j6-rosa); vertical-align: top; }
.j6-prose tr:last-child td { border-bottom: 0; }

/* ---------- Spørgsmål og svar ---------- */
.j6-faq { margin-top: clamp(3rem, 8vw, 4rem); }
.j6-faq__title { margin: 0; font: 400 clamp(1.75rem, 5vw, 2.25rem)/1.15 var(--j6-display); }
.j6-faq__list { margin-top: 1.25rem; display: grid; gap: .75rem; }
.j6-faq__item { background: var(--j6-blaalys); border-radius: 1.75rem; }
.j6-faq__q {
  position: relative;
  padding: 1.1rem 3.75rem 1.1rem 1.5rem;
  border-radius: 1.75rem;
  font-weight: 700;
  line-height: 1.45;
  list-style: none;
  cursor: pointer;
}
.j6-faq__q::-webkit-details-marker { display: none; }
.j6-faq__q::after {
  content: "+" / "";
  position: absolute;
  right: 1rem;
  top: 50%;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--j6-blaa);
  color: #FFFFFF;
  font: 700 1.25rem/1 var(--j6-sans);
  transform: translateY(-50%);
}
.j6-faq__item[open] > .j6-faq__q::after { content: "–" / ""; }
.j6-faq__a { margin: 0; padding: 0 1.5rem 1.4rem; }

/* ---------- Kilder ---------- */
.j6-src { margin-top: 2.5rem; padding: 1.5rem 1.75rem; background: var(--j6-hvid); border-radius: var(--j6-r); }
.j6-src__title { margin: 0; font: 700 1rem/1.3 var(--j6-sans); }
.j6-src__list { margin: .75rem 0 0; padding-left: 1.2em; font-size: .9375rem; overflow-wrap: anywhere; }
.j6-src__item + .j6-src__item { margin-top: .35em; }

/* ---------- Afslutning: sporet og skift spor ---------- */
.j6-after { margin-top: clamp(3rem, 8vw, 4.5rem); display: grid; gap: 2rem; }
.j6-trail { padding: clamp(1.5rem, 5vw, 2.25rem); background: var(--j6-hvid); border-radius: var(--j6-r-lg); }
.j6-trail__title { margin: 0; font: 400 1.625rem/1.15 var(--j6-display); }
.j6-switch__title { margin: 0 0 1rem; font: 700 1.125rem/1.3 var(--j6-sans); }
.j6-switch__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; }
@media (min-width: 36rem) { .j6-switch__list { grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); } }
.j6-switch__link {
  display: flex;
  align-items: center;
  gap: .9rem;
  padding: 1rem 1.35rem 1rem 1rem;
  border-radius: var(--j6-pille);
  color: #FFFFFF;
  text-decoration: none;
  transition: transform .15s ease;
}
.j6-switch__link:hover { transform: translateY(-2px); }
.j6-switch__link::after { content: "→" / ""; margin-left: auto; font-weight: 700; font-size: 1.25rem; }
.j6-switch__nr {
  flex: none;
  padding: .45rem .75rem;
  border-radius: var(--j6-pille);
  background: #FFFFFF;
  font: 500 .8125rem/1 var(--j6-mono);
}
.j6-switch__name { min-width: 0; font: 400 1.625rem/1.05 var(--j6-display); overflow-wrap: anywhere; }
.j6-switch__link--navnet { background: var(--j6-hindbaer); }
.j6-switch__link--navnet .j6-switch__nr { color: var(--j6-hindbaer); }
.j6-switch__link--legenden { background: var(--j6-nat); }
.j6-switch__link--legenden .j6-switch__nr { color: var(--j6-nat); }
.j6-switch__link--blomsten { background: var(--j6-blaa); }
.j6-switch__link--blomsten .j6-switch__nr { color: var(--j6-blaa); }

/* ---------- Oversigt (list) ---------- */
.j6-groups { margin-top: 2.5rem; display: grid; gap: 1.25rem; }
.j6-group { padding: clamp(1.5rem, 5vw, 2.25rem); background: var(--j6-hvid); border-radius: var(--j6-r-lg); }
.j6-group__title { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .85rem; font: 400 2rem/1.1 var(--j6-display); }
.j6-group__nr {
  padding: .5rem .85rem;
  border-radius: var(--j6-pille);
  background: var(--j6-tone-bg);
  color: var(--j6-tone-ink);
  font: 500 .8125rem/1 var(--j6-mono);
}

/* ---------- Knapper og kontakt ---------- */
.j6-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  justify-self: start;
  padding: .95rem 1.75rem;
  border: 0;
  border-radius: var(--j6-pille);
  background: var(--j6-hindbaer);
  color: #FFFFFF;
  font: 700 1rem/1.2 var(--j6-sans);
  text-decoration: none;
  cursor: pointer;
}
.j6-btn:hover { background: var(--j6-kirsebaer); }
.j6-lost { margin: 1.75rem 0 0; }

.j6-contact { margin-top: 2.5rem; }
.j6-contact > [role="status"] {
  margin: 0 0 1rem;
  padding: 1rem 1.5rem;
  border-radius: 1.5rem;
  background: var(--j6-blaalys);
  font-weight: 700;
}
.j6-form {
  position: relative;
  display: grid;
  gap: 1.25rem;
  padding: clamp(1.5rem, 6vw, 2.75rem);
  background: var(--j6-hvid);
  border-radius: var(--j6-r-lg);
  box-shadow: var(--j6-skygge);
}
.j6-form__title { margin: 0; font: 400 1.875rem/1.1 var(--j6-display); }
.j6-form__field { display: grid; gap: .45rem; }
.j6-form__label { font-weight: 700; }
.j6-form__input {
  width: 100%;
  min-height: 3.125rem;
  padding: .8rem 1.25rem;
  border: 2px solid var(--j6-kant);
  border-radius: var(--j6-pille);
  background: var(--j6-rosaskaer);
  color: var(--j6-blaek);
  font: inherit;
}
.j6-form__input:focus-visible { border-color: var(--j6-blaa); outline-offset: 2px; }
.j6-form__input--area { min-height: 10rem; border-radius: 1.5rem; resize: vertical; }
.j6-form__trap { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.j6-form__note { margin: 0; color: var(--j6-lyng); font-size: .875rem; line-height: 1.55; }

/* ---------- Sidefod på én linje ---------- */
.j6-foot { padding: clamp(3rem, 9vw, 5rem) .75rem 1rem; }
.j6-foot__line {
  --j6-fokus: #FFFFFF;
  max-width: calc(var(--j6-max) + 2rem);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem 1rem;
  padding: 1rem 1.25rem;
  border-radius: 2rem;
  background: var(--j6-nat);
  color: #FFFFFF;
  font-size: .9375rem;
}
.j6-foot__copy { margin: 0; padding-left: .25rem; font-weight: 600; }
.j6-foot__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .25rem; }
.j6-foot__link {
  display: block;
  padding: .55rem .85rem;
  border-radius: var(--j6-pille);
  color: #FFFFFF;
  line-height: 1.2;
  text-decoration: none;
}
.j6-foot__link:hover { background: var(--j6-nat-lys); }
.j6-foot__link[aria-current="page"] { background: var(--j6-lysrosa); color: var(--j6-nat); }

/* ---------- Bredere skærme ---------- */
@media (min-width: 36rem) {
  .j6-top { padding: 1rem 1rem 0; }
  .j6-top__logo svg { height: 3.75rem; }
  .j6-card__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 48rem) {
  .j6-foot__line { padding: .55rem .55rem .55rem 1.75rem; border-radius: var(--j6-pille); }
}

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