@font-face{font-family:"Fraunces";src:url(/media/fonts/fraunces-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Fraunces";src:url(/media/fonts/fraunces-700i.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"Rubik";src:url(/media/fonts/rubik-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Rubik";src:url(/media/fonts/rubik-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Rubik";src:url(/media/fonts/rubik-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/media/fonts/ibm-plex-mono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
/* ingefaer.dk – råvarehåndbog med formkort.
   Ren hvid mod én stærk signalfarve (garirød), skarpe hjørner, kompakt tæthed.
   Motiv: små firkanter som brunoise-skåret ingefær (punkttegn, mærker, formkortets felter). */

:root {
  --ew-red: #D3124E;     /* garirød – signalfarven */
  --ew-red-d: #A80D3D;   /* dyb garirød – hover */
  --ew-ink: #111418;     /* blæk */
  --ew-mut: #565C66;     /* skifer – sekundær tekst */
  --ew-yel: #FFD94A;     /* rodgul */
  --ew-org: #FF8A00;     /* sukkerrav */
  --ew-grn: #0A7A43;     /* bladgrøn */
  --ew-pnk: #FFF0F4;     /* gari-lys */
  --ew-gry: #F5F6F8;     /* kølig grå */
  --ew-line: #E2E4E8;
  --ew-fh: "Fraunces", Georgia, "Times New Roman", serif;
  --ew-fb: "Rubik", "Segoe UI", Arial, sans-serif;
  --ew-fm: "IBM Plex Mono", Consolas, "Courier New", monospace;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  background: #fff;
  color: var(--ew-ink);
  font: 400 1rem/1.55 var(--ew-fb);
}
img { display: block; max-width: 100%; height: auto; }
a { color: var(--ew-red); text-decoration-thickness: 1px; text-underline-offset: .15em; }
a:hover { color: var(--ew-ink); text-decoration-thickness: 2px; }
:focus-visible { outline: 3px solid var(--ew-ink); outline-offset: 2px; }
strong, b { font-weight: 700; }
em, i { font-style: italic; }

.ew-vh {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}
.ew-sk { position: absolute; left: -9999px; top: 0; z-index: 20; }
.ew-sk:focus { left: 1rem; top: 1rem; background: var(--ew-ink); color: #fff; padding: .55rem .85rem; font-weight: 700; }

/* ---------- Sidebar (topbjælke på mobil) ---------- */
.ew-sb { background: var(--ew-red); color: #fff; padding: .7rem 1rem .75rem; }
.ew-sb :focus-visible { outline-color: #fff; }
.ew-sbt { display: flex; align-items: center; justify-content: space-between; gap: .4rem 1rem; flex-wrap: wrap; }
.ew-lg { display: inline-block; line-height: 0; color: #fff; }
.ew-lg svg { display: block; height: 2.1rem; width: auto; }
.ew-lg svg path { fill: #fff; }
.ew-sl { margin: 0; font: 500 .72rem/1.2 var(--ew-fm); letter-spacing: .08em; text-transform: uppercase; }
.ew-stg { display: none; }
.ew-nl { list-style: none; margin: .65rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .3rem; }
.ew-na {
  display: block; color: #fff; text-decoration: none; font-weight: 700; font-size: .9375rem; line-height: 1.2;
  padding: .4rem .6rem; border: 2px solid rgba(255, 255, 255, .55);
}
.ew-na:hover { color: #fff; background: var(--ew-red-d); border-color: #fff; }
.ew-na.ew-on { background: #fff; color: var(--ew-red); border-color: #fff; }
.ew-tc { display: none; }

/* ---------- Hovedområde ---------- */
.ew-mn { display: block; padding: 1rem 1rem 2.5rem; min-width: 0; }

.ew-kc {
  margin: 0; font: 500 .75rem/1.4 var(--ew-fm); letter-spacing: .08em; text-transform: uppercase; color: var(--ew-mut);
}
.ew-nr {
  display: inline-block; min-width: 1.75em; padding: .2em .35em; margin-right: .3em;
  background: var(--ew-red); color: #fff; font: 500 .75rem/1.2 var(--ew-fm); letter-spacing: .04em; text-align: center;
  vertical-align: .12em;
}
.ew-c-planten .ew-nr { background: var(--ew-grn); color: #fff; }
.ew-c-koekkenet .ew-nr { background: var(--ew-yel); color: var(--ew-ink); }
.ew-c-opskrifter .ew-nr { background: var(--ew-red); color: #fff; }

.ew-h1 {
  margin: .3rem 0 .55rem;
  font: 800 clamp(2rem, 1.35rem + 2.9vw, 3.15rem)/1.04 var(--ew-fh);
  letter-spacing: -.015em; overflow-wrap: break-word; hyphens: auto;
}
.ew-h1x { font-size: clamp(2.6rem, 1.7rem + 4.4vw, 4.4rem); }
.ew-ac { font-family: var(--ew-fh); font-style: italic; font-weight: 700; color: var(--ew-red); }
.ew-h1 .ew-ac { display: block; margin-top: .14em; font-size: .56em; line-height: 1.12; letter-spacing: 0; }
.ew-h1x .ew-ac { font-size: .5em; }
.ew-h2 {
  margin: 0 0 .45rem;
  font: 800 clamp(1.55rem, 1.25rem + 1.2vw, 2.1rem)/1.1 var(--ew-fh); letter-spacing: -.01em;
}
.ew-ld { margin: .35rem 0 .8rem; max-width: 40rem; font-size: 1.125rem; line-height: 1.5; }
.ew-mt { margin: .2rem 0 0; font: 500 .75rem/1.4 var(--ew-fm); color: var(--ew-mut); letter-spacing: .03em; }

/* Brødkrumme */
.ew-bc ol {
  list-style: none; margin: 0 0 .9rem; padding: 0; display: flex; flex-wrap: wrap; gap: .15rem .55rem;
  font: 500 .72rem/1.5 var(--ew-fm); letter-spacing: .06em; text-transform: uppercase;
}
.ew-bc li + li::before {
  content: ""; display: inline-block; width: .42em; height: .42em; margin-right: .55rem;
  background: var(--ew-red); vertical-align: .12em;
}
.ew-bc a { color: var(--ew-ink); }
.ew-bc a:hover { color: var(--ew-red); }
.ew-bc [aria-current] { color: var(--ew-mut); }

/* Billeder og AI-mærkning */
.ew-fg { margin: 0; }
.ew-fg img { width: 100%; background: var(--ew-gry); }
.ew-ai {
  margin-top: .35rem; font: 500 .6875rem/1.3 var(--ew-fm); letter-spacing: .03em; color: var(--ew-mut);
}
.ew-ai::before {
  content: ""; display: inline-block; width: .55em; height: .55em; margin-right: .4em;
  background: var(--ew-red); vertical-align: .05em;
}

/* ---------- Artikel ---------- */
.ew-ar { max-width: 54rem; }
.ew-ah { border-bottom: 3px solid var(--ew-ink); padding-bottom: .85rem; margin-bottom: 1.1rem; }
.ew-af { margin-bottom: 1.4rem; }
.ew-af img { aspect-ratio: 16 / 9; object-fit: cover; }

/* Brødtekst */
.ew-tx { max-width: 44rem; overflow-wrap: anywhere; hyphens: auto; }
.ew-tx > :first-child { margin-top: 0; }
.ew-tx p { margin: 0 0 .85em; }
.ew-tx h2 {
  position: relative; margin: 1.7em 0 .5em; padding-top: .55rem; border-top: 2px solid var(--ew-ink);
  font: 800 1.55rem/1.15 var(--ew-fh); letter-spacing: -.01em; overflow-wrap: break-word;
}
.ew-tx h2::before { content: ""; position: absolute; top: -2px; left: 0; width: 2.6rem; height: 6px; background: var(--ew-red); }
.ew-tx h3 { margin: 1.35em 0 .35em; font: italic 700 1.22rem/1.25 var(--ew-fh); color: var(--ew-red); overflow-wrap: break-word; }
.ew-tx h4 { margin: 1.2em 0 .3em; font: 500 .8rem/1.35 var(--ew-fm); letter-spacing: .08em; text-transform: uppercase; }
.ew-tx a { color: var(--ew-red); }
.ew-tx a:hover { color: var(--ew-ink); }

/* Lister: røde firkanter og nummererede trin i blæk-felter */
.ew-tx ul, .ew-tx ol { margin: 0 0 1.05em; padding: 0; list-style: none; }
.ew-tx li { position: relative; margin: 0 0 .32em; }
.ew-tx ul > li { padding-left: 1.35em; }
.ew-tx ul > li::before {
  content: ""; position: absolute; left: .12em; top: .56em; width: .5em; height: .5em; background: var(--ew-red);
}
.ew-tx ul ul > li::before { background: transparent; border: 2px solid var(--ew-red); }
.ew-tx ol { counter-reset: ew-trin; }
.ew-tx ol > li { counter-increment: ew-trin; padding-left: 2.35em; min-height: 1.75em; }
.ew-tx ol > li::before {
  content: counter(ew-trin); position: absolute; left: 0; top: .05rem;
  width: 1.75rem; height: 1.75rem; display: flex; align-items: center; justify-content: center;
  background: var(--ew-ink); color: #fff; font: 500 .8125rem/1 var(--ew-fm);
}
.ew-tx ol > li:nth-child(3n+2)::before { background: var(--ew-red); }
.ew-tx li > ul, .ew-tx li > ol { margin: .35em 0 .2em; }
.ew-tx li > p { margin: 0 0 .4em; }

.ew-tx blockquote {
  margin: 1.3em 0; padding: .85em 1.1em; background: var(--ew-pnk); border-left: 6px solid var(--ew-red);
  font-style: italic; font-size: 1.05rem;
}
.ew-tx blockquote > :last-child { margin-bottom: 0; }
.ew-tx hr { border: 0; border-top: 2px solid var(--ew-ink); margin: 2em 0; }
.ew-tx code { font: 500 .9em var(--ew-fm); background: var(--ew-gry); padding: .05em .3em; }

/* Tabeller: passer i bredden – lange ord brydes, cellerne har en mindstebredde */
.ew-tx table {
  width: 100%; max-width: 100%; margin: 1.15em 0 1.45em; border-collapse: collapse;
  font-size: .9375rem; line-height: 1.4;
}
.ew-tx th, .ew-tx td {
  min-width: 4.5em; padding: .5em .6em; text-align: left; vertical-align: top;
  border-bottom: 1px solid var(--ew-line); overflow-wrap: anywhere; hyphens: auto;
}
.ew-tx th:first-child, .ew-tx td:first-child { min-width: 7em; }
.ew-tx thead th { background: var(--ew-ink); color: #fff; font-weight: 700; border-bottom: 4px solid var(--ew-red); }
.ew-tx thead th a, .ew-tx thead th a:hover { color: #fff; text-decoration-color: var(--ew-yel); }
.ew-tx tbody tr:nth-child(even) { background: var(--ew-gry); }
.ew-tx tbody td:first-child { font-weight: 700; }
.ew-tx table.ew-scr { box-shadow: inset -10px 0 8px -8px rgba(17, 20, 24, .35); }

/* FAQ */
.ew-fq { margin-top: 2.2rem; max-width: 44rem; }
.ew-fql { margin: .6rem 0 0; }
.ew-fqi { border-top: 2px solid var(--ew-ink); padding: .7rem 0 .4rem; }
.ew-fqi dt { font: italic 700 1.15rem/1.3 var(--ew-fh); color: var(--ew-red); overflow-wrap: break-word; }
.ew-fqi dd { margin: .3rem 0 0; overflow-wrap: anywhere; }

/* Kilder */
.ew-kl { margin-top: 2rem; max-width: 44rem; padding: .9rem 1rem; background: var(--ew-gry); border-left: 6px solid var(--ew-ink); }
.ew-klh { margin: 0 0 .4rem; font: 500 .75rem/1.4 var(--ew-fm); letter-spacing: .08em; text-transform: uppercase; }
.ew-kll { margin: 0; padding-left: 1.4em; font-size: .9375rem; }
.ew-kll li { margin: .15em 0; overflow-wrap: anywhere; }
.ew-kll a { color: var(--ew-red-d); }

/* ---------- Afdelingslister (forside, oversigt, "mere i afdelingen") ---------- */
.ew-dl { list-style: none; margin: 0; padding: 0; }
.ew-di {
  position: relative; display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: .8rem;
  align-items: start; padding: .65rem 0; border-bottom: 1px solid var(--ew-line);
}
.ew-et img { width: 4.5rem; height: 4.5rem; object-fit: cover; }
.ew-et .ew-ai { font-size: .5625rem; line-height: 1.2; margin-top: .25rem; }
.ew-et .ew-ai::before { display: none; }
.ew-ph {
  display: block; width: 4.5rem; height: 4.5rem; border: 2px solid var(--ew-ink);
  background: conic-gradient(var(--ew-yel) 25%, #fff 0 50%, var(--ew-yel) 0 75%, #fff 0) 0 0 / 1.1rem 1.1rem;
}
.ew-c-planten .ew-ph { background-color: #fff; background-image: conic-gradient(var(--ew-grn) 25%, #fff 0 50%, var(--ew-grn) 0 75%, #fff 0); }
.ew-en { display: block; color: var(--ew-ink); text-decoration: none; padding-top: .1rem; }
.ew-en::after { content: ""; position: absolute; inset: 0; }
.ew-ett { display: block; font: 800 1.1rem/1.2 var(--ew-fh); overflow-wrap: break-word; }
.ew-ets { display: block; margin-top: .15rem; font-size: .875rem; line-height: 1.4; color: var(--ew-mut); }
.ew-ets:empty { display: none; }
.ew-di:hover .ew-ett { color: var(--ew-red); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .15em; }
.ew-en:focus-visible { outline: none; }
.ew-en:focus-visible::after { outline: 3px solid var(--ew-ink); outline-offset: 2px; }

.ew-dw { display: grid; gap: 1.6rem; }
.ew-dh {
  display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem .45rem;
  margin: 0 0 .25rem; padding-bottom: .45rem; border-bottom: 3px solid var(--ew-ink);
  font: 800 1.4rem/1.15 var(--ew-fh);
}
.ew-dh .ew-nr { font-size: .8rem; }
.ew-dh .ew-ac { font-size: .78em; }

/* Opskrifter: billedgitter */
.ew-dg .ew-dl { display: grid; gap: 1.1rem; padding-top: .8rem; }
.ew-dg .ew-di { display: block; padding: 0 0 .7rem; border-bottom: 0; border-top: 4px solid var(--ew-red); }
.ew-dg .ew-et img { width: 100%; height: auto; aspect-ratio: 4 / 3; }
.ew-dg .ew-et .ew-ai { font-size: .6875rem; margin-top: .3rem; }
.ew-dg .ew-et .ew-ai::before { display: inline-block; }
.ew-dg .ew-ph { width: 100%; height: auto; aspect-ratio: 4 / 3; }
.ew-dg .ew-en { margin-top: .35rem; }
.ew-dg .ew-ett { font-size: 1.2rem; }

/* ---------- Forside ---------- */
.ew-tp { display: grid; gap: 1.1rem; padding-bottom: 1.2rem; border-bottom: 3px solid var(--ew-ink); }
.ew-tpf img { aspect-ratio: 4 / 3; object-fit: cover; }
.ew-jm { list-style: none; margin: .4rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }
.ew-jl {
  display: inline-flex; align-items: center; padding: .38rem .7rem .38rem .4rem; border: 2px solid var(--ew-ink);
  color: var(--ew-ink); text-decoration: none; font-weight: 700; font-size: .9375rem; line-height: 1.2;
}
.ew-jl:hover { background: var(--ew-ink); color: #fff; }
.ew-jk { padding-left: .7rem; background: var(--ew-red); border-color: var(--ew-red); color: #fff; }
.ew-jk:hover { background: var(--ew-red-d); border-color: var(--ew-red-d); color: #fff; }

.ew-shd { margin-bottom: .9rem; }
.ew-shd .ew-kc { margin-bottom: .2rem; }
.ew-sld { margin: 0; max-width: 42rem; color: var(--ew-ink); }

/* Formkortet: 2 × 2 felter med akser (saftig/tørret × kun roden/i lage eller sukker) */
.ew-fk { margin-top: 1.9rem; }
.ew-fm { display: grid; gap: .5rem; }
.ew-ax { display: none; }
.ew-tl {
  display: grid; grid-template-columns: 3.6rem minmax(0, 1fr); gap: .85rem; align-items: start;
  padding: .85rem; border: 2px solid var(--ew-ink); background: #fff;
}
.ew-sy { position: relative; width: 3.6rem; height: 3.6rem; margin: 0; }
.ew-syn { position: absolute; top: .25rem; left: .35rem; font: 500 .65rem/1 var(--ew-fm); }
.ew-syl { position: absolute; left: .32rem; bottom: .22rem; font: 800 1.75rem/1 var(--ew-fh); letter-spacing: -.02em; }
.ew-f-fr .ew-sy { background: var(--ew-yel); color: var(--ew-ink); }
.ew-f-st .ew-sy { background: var(--ew-ink); color: var(--ew-yel); }
.ew-f-sy .ew-sy { background: var(--ew-red); color: #fff; }
.ew-f-ka .ew-sy { background: var(--ew-org); color: var(--ew-ink); }
.ew-tlb { min-width: 0; }
.ew-tlh { margin: 0 0 .3rem; font: 800 1.25rem/1.15 var(--ew-fh); }
.ew-tg { display: flex; flex-wrap: wrap; gap: .3rem; margin: 0 0 .45rem; }
.ew-tgi {
  padding: .22rem .38rem; border: 1px solid var(--ew-ink);
  font: 500 .66rem/1 var(--ew-fm); letter-spacing: .06em; text-transform: uppercase;
}
.ew-tld { margin: 0 0 .35rem; font-size: .9375rem; line-height: 1.45; }
.ew-tlu { margin: 0 0 .35rem; font-size: .875rem; line-height: 1.45; color: var(--ew-mut); }
.ew-tlu strong { color: var(--ew-ink); }
.ew-tlf {
  display: inline-block; margin: 0 0 .4rem; padding: .2rem .45rem; background: var(--ew-pnk);
  border-left: 4px solid var(--ew-red); font: 500 .75rem/1.3 var(--ew-fm);
}
.ew-tll { list-style: none; margin: .1rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .2rem 1rem; }
.ew-tll a { font-weight: 700; font-size: .9375rem; color: var(--ew-red); }
.ew-tll a::before {
  content: ""; display: inline-block; width: .45em; height: .45em; margin-right: .4em;
  background: currentColor; vertical-align: .12em;
}
.ew-fkn { margin: .6rem 0 0; font-size: .8125rem; color: var(--ew-mut); }
.ew-fkn a { color: var(--ew-red-d); }

.ew-dp { margin-top: 2.2rem; }
.ew-txh { margin-top: 2.2rem; }

/* ---------- Kontakt ---------- */
.ew-cg { display: grid; gap: 1.4rem; }
.ew-fo { padding: 1rem; background: var(--ew-pnk); border-top: 6px solid var(--ew-red); }
.ew-ff { margin: 0 0 .85rem; }
.ew-fo label { display: block; margin-bottom: .25rem; font-weight: 700; }
.ew-fo input, .ew-fo textarea {
  display: block; width: 100%; padding: .6rem .7rem; border: 2px solid var(--ew-ink); border-radius: 0;
  background: #fff; color: var(--ew-ink); font: inherit;
}
.ew-fo textarea { resize: vertical; min-height: 9rem; }
.ew-fo input:focus-visible, .ew-fo textarea:focus-visible { outline: 3px solid var(--ew-red); outline-offset: 1px; }
.ew-hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.ew-fsb { margin: .2rem 0 0; }
.ew-bt {
  display: inline-block; padding: .75rem 1.35rem; border: 0; border-radius: 0; cursor: pointer;
  background: var(--ew-red); color: #fff; font: 700 1rem/1.2 var(--ew-fb);
}
.ew-bt:hover { background: var(--ew-red-d); }
.ew-fnt { margin: .8rem 0 0; font-size: .8125rem; color: var(--ew-mut); }
.ew-fw [role="status"] { margin: 0 0 .8rem; padding: .7rem .9rem; background: var(--ew-ink); color: #fff; font-weight: 700; }

/* ---------- Mere i afdelingen ---------- */
.ew-mr { margin-top: 2.6rem; max-width: 54rem; padding-top: .9rem; border-top: 3px solid var(--ew-ink); }
.ew-mr .ew-h2 { font-size: 1.5rem; }
.ew-mrb { margin: .8rem 0 0; font-weight: 700; }

/* ---------- 404 ---------- */
.ew-nfg { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; }
.ew-nfi { display: block; width: 5.5rem; height: 5.5rem; color: var(--ew-red); }
.ew-nfi svg { width: 100%; height: 100%; fill: var(--ew-red); }
.ew-nfl { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .4rem; }

/* ---------- Footer: én linje ---------- */
.ew-ft { background: var(--ew-ink); color: #fff; padding: .85rem 1rem; font-size: .8125rem; line-height: 1.4; }
.ew-fl { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: .3rem 1.1rem; }
.ew-fn { display: inline-flex; align-items: center; gap: .4rem; font: 800 1rem/1 var(--ew-fh); }
.ew-fi { display: inline-block; width: 1.15rem; height: 1.15rem; }
.ew-fi svg { display: block; width: 100%; height: 100%; fill: var(--ew-yel); }
.ew-fx { color: #fff; }
.ew-ft a { color: #fff; text-underline-offset: .2em; }
.ew-ft a:hover { color: var(--ew-yel); }
.ew-ft :focus-visible { outline-color: var(--ew-yel); }

/* ---------- Bredere skærme ---------- */
@media (max-width: 759px) {
  .ew-tx table { display: block; overflow-x: auto; font-size: .8125rem; }
  .ew-tx th, .ew-tx td { min-width: 4em; padding: .42em .45em; }
  .ew-tx th:first-child, .ew-tx td:first-child { min-width: 6em; }
}

@media (min-width: 560px) {
  .ew-dg .ew-dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 640px) {
  .ew-fm { grid-template-columns: 1.9rem minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: auto auto auto; }
  .ew-ax {
    display: flex; margin: 0; font: 500 .7rem/1.2 var(--ew-fm); letter-spacing: .1em; text-transform: uppercase;
  }
  .ew-axc { align-items: flex-end; padding: 0 0 .3rem; border-bottom: 3px solid var(--ew-ink); }
  .ew-axr {
    writing-mode: vertical-rl; transform: rotate(180deg); align-items: center; justify-content: center;
    padding: 0 0 0 .3rem; border-left: 3px solid var(--ew-ink);
  }
  .ew-axc span::before, .ew-axr span::before {
    content: ""; display: inline-block; width: .5em; height: .5em; margin: 0 .45em 0 0; background: var(--ew-red);
  }
  .ew-axr span::before { margin: 0 0 .45em; }
  .ew-ax1 { grid-area: 1 / 2; }
  .ew-ax2 { grid-area: 1 / 3; }
  .ew-ax3 { grid-area: 2 / 1; }
  .ew-ax4 { grid-area: 3 / 1; }
  .ew-f-fr { grid-area: 2 / 2; }
  .ew-f-st { grid-area: 2 / 3; }
  .ew-f-sy { grid-area: 3 / 2; }
  .ew-f-ka { grid-area: 3 / 3; }
}

@media (min-width: 760px) {
  .ew-mn { padding: 1.4rem 1.75rem 3rem; }
  .ew-tp { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: end; gap: 1.75rem; }
  .ew-tp1 { grid-template-columns: 1fr; }
  .ew-dw { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2rem; }
  .ew-dg { grid-column: 1 / -1; }
  .ew-mr .ew-dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.75rem; }
  .ew-cg { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem; align-items: start; }
  .ew-tl { grid-template-columns: 4.25rem minmax(0, 1fr); padding: 1rem; }
  .ew-sy { width: 4.25rem; height: 4.25rem; }
  .ew-syl { font-size: 2.1rem; }
}

@media (min-width: 960px) {
  /* Den røde søjle følger hele sidens højde; indholdet i den bliver stående, når man scroller. */
  .ew-fr {
    display: grid; grid-template-columns: 16rem minmax(0, 1fr);
    max-width: 1200px; margin: 0 auto;
  }
  .ew-sb { padding: 0; }
  .ew-sbi {
    position: sticky; top: 0; max-height: 100vh; overflow-y: auto;
    padding: 1.4rem 1.2rem 1.5rem;
  }
  .ew-mn { align-self: start; }
  .ew-sbt { display: block; }
  .ew-lg svg { height: 2.7rem; }
  .ew-sl { margin-top: .55rem; }
  .ew-stg { display: block; margin: .5rem 0 0; font-size: .8125rem; line-height: 1.4; }
  .ew-nl { display: block; margin-top: 1.1rem; border-top: 2px solid #fff; }
  .ew-nl li { border-bottom: 1px solid rgba(255, 255, 255, .4); }
  .ew-na { border: 0; padding: .4rem .5rem; }
  .ew-na:hover { background: var(--ew-red-d); }
  .ew-tc { display: block; margin-top: 1rem; }
  .ew-tch { margin: .8rem 0 .2rem; font: 500 .7rem/1.3 var(--ew-fm); letter-spacing: .08em; text-transform: uppercase; }
  .ew-tc .ew-nr { background: #fff; color: var(--ew-red); }
  .ew-tcl { list-style: none; margin: 0; padding: 0; }
  .ew-tca {
    display: block; padding: .1rem .5rem; border-left: 3px solid transparent;
    color: #fff; text-decoration: none; font-size: .84rem; line-height: 1.3;
  }
  .ew-tca:hover { color: #fff; border-left-color: #fff; text-decoration: underline; }
  .ew-tca.ew-on { background: #fff; color: var(--ew-red); border-left-color: var(--ew-ink); }
  .ew-mn { padding: 1.6rem 2.4rem 3.5rem; }
}

@media (min-width: 960px) and (max-height: 880px) {
  .ew-stg { display: none; }
}

@media (min-width: 1100px) {
  .ew-dg .ew-dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

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