@font-face{font-family:"Cormorant Garamond";src:url(/res/fonts/cormorant-garamond-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/res/fonts/cormorant-garamond-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url(/res/fonts/cormorant-garamond-600i.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:"Jost";src:url(/res/fonts/jost-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url(/res/fonts/jost-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Jost";src:url(/res/fonts/jost-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Oswald";src:url(/res/fonts/oswald-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
/* Gløggens historie – kølig museumsvæg, hvide montrer og én signalfarve (appelsinskal). Mobil først. */
:root {
  --vy-is: #EBEEF2;
  --vy-kridt: #FFFFFF;
  --vy-blaek: #13203A;
  --vy-skifer: #4A5568;
  --vy-appelsin: #FF6A13;
  --vy-braendt: #B83D00;
  --vy-gloed: #FF8A3D;
  --vy-rim: #C9D0DA;
  --vy-sart: #F4F6F9;
  --vy-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --vy-sans: "Jost", "Segoe UI", Arial, sans-serif;
  --vy-label: "Oswald", "Arial Narrow", Arial, sans-serif;
  --vy-max: 1200px;
  --vy-pad: clamp(1.25rem, 4vw, 3rem);
  --vy-gap: clamp(3rem, 7vw, 5.5rem);
  --vy-panel: clamp(1.25rem, 5vw, 3.5rem);
  --vy-wrap: min(var(--vy-max), 100% - 2 * var(--vy-pad));
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0;
  background: var(--vy-is);
  color: var(--vy-blaek);
  font: 400 1.0625rem/1.75 var(--vy-sans);
  overflow-wrap: anywhere;
}
img, svg { max-width: 100%; }
::selection { background: var(--vy-appelsin); color: var(--vy-blaek); }
a { color: var(--vy-blaek); }
:focus-visible { outline: 3px solid var(--vy-braendt); outline-offset: 3px; }

.vy-skiplink {
  position: absolute; left: 1rem; top: -5rem; z-index: 20;
  padding: .75rem 1.1rem; background: var(--vy-blaek); color: var(--vy-kridt);
  font-weight: 600; text-decoration: none;
}
.vy-skiplink:focus { top: 1rem; outline-color: var(--vy-appelsin); }

/* ---------- Top ---------- */
.vy-masthead {
  background: var(--vy-kridt);
  border-top: 6px solid var(--vy-appelsin);
  border-bottom: 1px solid var(--vy-rim);
}
.vy-masthead-inner {
  width: var(--vy-wrap); margin-inline: auto; padding: 1rem 0 .5rem;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 2.5rem;
}
.vy-brand { display: block; line-height: 0; max-width: 100%; }
.vy-brand svg { display: block; height: 2.1rem; width: auto; }
.vy-mainnav { width: 100%; }
.vy-navlist { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 1.15rem; }
.vy-navlink {
  display: inline-block; padding: .5rem 0 .4rem;
  font: 600 .95rem/1.3 var(--vy-sans); color: var(--vy-blaek); text-decoration: none;
  border-bottom: 3px solid transparent;
}
.vy-navlink:hover { border-bottom-color: var(--vy-appelsin); }
.vy-navlink[aria-current="page"] { border-bottom-color: var(--vy-appelsin); color: var(--vy-braendt); }

/* ---------- Fælles typografi ---------- */
.vy-overline {
  margin: 0;
  font: 500 .8rem/1.4 var(--vy-label); letter-spacing: .14em; text-transform: uppercase;
  color: var(--vy-braendt);
}
.vy-overline-sep { margin: 0 .35rem; }
.vy-accent { font-style: italic; font-weight: 600; }
.vy-pagetitle {
  margin: .5rem 0 1rem;
  font: 700 clamp(2.3rem, 7vw, 3.75rem)/1.02 var(--vy-serif); letter-spacing: -.005em;
  overflow-wrap: break-word;
}
.vy-pagetitle .vy-accent { color: var(--vy-braendt); }
.vy-lead { margin: 0 0 1.25rem; max-width: 40rem; font: 400 1.2rem/1.6 var(--vy-sans); color: var(--vy-skifer); }
.vy-dateline {
  margin: 0; padding-top: .9rem; border-top: 1px solid var(--vy-rim);
  font: 500 .78rem/1.3 var(--vy-label); letter-spacing: .12em; text-transform: uppercase; color: var(--vy-skifer);
}

/* ---------- Billeder (AI-mærket) ---------- */
.vy-figure { margin: 2rem 0; background: var(--vy-kridt); }
.vy-photo { display: block; width: 100%; height: auto; }
.vy-caption {
  display: flex; align-items: center; gap: .5rem;
  padding: .55rem .9rem; background: var(--vy-kridt);
  font: 400 .8rem/1.4 var(--vy-sans); color: var(--vy-skifer);
}
.vy-caption::before { content: ""; flex: none; width: .55rem; height: .55rem; background: var(--vy-appelsin); }

/* ---------- Forside: hero ---------- */
.vy-hero { width: var(--vy-wrap); margin: clamp(1.5rem, 4vw, 3rem) auto 0; display: grid; }
.vy-hero-block {
  position: relative; z-index: 1;
  padding: clamp(1.75rem, 5vw, 3.5rem);
  background: var(--vy-appelsin); color: var(--vy-blaek);
  box-shadow: 10px 10px 0 var(--vy-blaek);
}
.vy-hero-block .vy-overline { color: var(--vy-blaek); }
.vy-hero-block :focus-visible { outline-color: var(--vy-blaek); }
.vy-hero-title {
  margin: .75rem 0 1.25rem;
  font: 700 clamp(3rem, 9vw, 4.75rem)/.92 var(--vy-serif); letter-spacing: -.01em;
  overflow-wrap: break-word;
}
.vy-hero-title .vy-accent-sub {
  display: block; margin-top: .9rem; max-width: 30rem;
  font-size: clamp(1.35rem, 4vw, 1.9rem); line-height: 1.2; letter-spacing: 0;
}
.vy-hero-title .vy-accent-sub .vy-dash { display: none; }
.vy-hero-title .vy-accent-word { display: block; }
.vy-hero-lead { margin: 0; max-width: 34rem; font: 400 1.15rem/1.6 var(--vy-sans); }
.vy-jumplist { list-style: none; margin: 1.75rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.vy-jump {
  display: inline-block; padding: .55rem .95rem;
  font: 600 .92rem/1.25 var(--vy-sans); color: var(--vy-blaek); text-decoration: none;
  border: 2px solid var(--vy-blaek);
}
.vy-jump:hover { background: var(--vy-blaek); color: var(--vy-kridt); }
.vy-jump-main { background: var(--vy-blaek); color: var(--vy-kridt); }
.vy-jump-main:hover { background: var(--vy-kridt); color: var(--vy-blaek); }
.vy-figure-hero { margin: 1.75rem 0 0; display: flex; flex-direction: column; }

/* ---------- Forside: tidslinje + register ---------- */
.vy-homegrid { width: var(--vy-wrap); margin: var(--vy-gap) auto 0; display: grid; gap: var(--vy-gap); }
.vy-homemain { min-width: 0; }
.vy-sectionlabel { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; scroll-margin-top: 1rem; }
.vy-sectionlabel-text { font: 500 .85rem/1 var(--vy-label); letter-spacing: .18em; text-transform: uppercase; color: var(--vy-braendt); }
.vy-sectionlabel-rule { flex: 1; height: 2px; background: var(--vy-blaek); }

.vy-chronicle > ol {
  list-style: none; margin: 2.5rem 0 3rem; padding: 2rem 1.25rem .5rem;
  background: var(--vy-kridt); border-top: 6px solid var(--vy-appelsin);
}
.vy-chronicle > ol > li { position: relative; margin: 0; padding: 0 0 1.75rem 2.5rem; }
.vy-chronicle > ol > li::before {
  content: ""; position: absolute; left: calc(.75rem - 1.5px); top: .95rem; bottom: -.95rem;
  width: 3px; background: var(--vy-blaek);
}
.vy-chronicle > ol > li:last-child::before { display: none; }
.vy-chronicle > ol > li::after {
  content: ""; position: absolute; left: .3rem; top: .5rem; width: .9rem; height: .9rem;
  background: var(--vy-appelsin); box-shadow: 0 0 0 3px var(--vy-kridt); transform: rotate(45deg);
}
.vy-chronicle > ol > li:last-child::after { background: var(--vy-blaek); }
.vy-chronicle > ol > li > strong:first-child,
.vy-chronicle > ol > li > p:first-child > strong:first-child {
  font: 500 1.05rem/1.2 var(--vy-label); letter-spacing: .06em; text-transform: uppercase; color: var(--vy-braendt);
}
.vy-chronicle > ol > li > p { margin: 0 0 .5rem; }

.vy-index {
  padding: 2rem 1.5rem 1.5rem; background: var(--vy-blaek); color: var(--vy-kridt);
  border-top: 8px solid var(--vy-appelsin); scroll-margin-top: 1rem;
}
.vy-index :focus-visible, .vy-sidebar :focus-visible, .vy-colophon :focus-visible { outline-color: var(--vy-gloed); }
.vy-index-title { margin: 0 0 .5rem; font: 700 clamp(1.9rem, 5vw, 2.4rem)/1.08 var(--vy-serif); color: var(--vy-kridt); }
.vy-index-title .vy-accent { color: var(--vy-gloed); }
.vy-division { margin-top: 1.75rem; scroll-margin-top: 1rem; }
.vy-division-title {
  margin: 0 0 .25rem; padding-bottom: .55rem; border-bottom: 1px solid rgba(255, 255, 255, .28);
  font: 500 .8rem/1.3 var(--vy-label); letter-spacing: .16em; text-transform: uppercase; color: var(--vy-gloed);
}
.vy-entries { list-style: none; margin: 0; padding: 0; }
.vy-entry {
  display: grid; grid-template-columns: 2.1rem minmax(0, 1fr); column-gap: .5rem;
  padding: .6rem 0; border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.vy-entry-no { grid-row: span 2; font: 500 .85rem/1.9 var(--vy-label); color: var(--vy-gloed); }
.vy-entry-link {
  grid-column: 2; font: 600 1.35rem/1.25 var(--vy-serif); color: var(--vy-kridt); text-decoration: none;
}
.vy-entry-link:hover { text-decoration: underline; text-decoration-color: var(--vy-appelsin); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.vy-entry-link[aria-current="page"] { color: var(--vy-gloed); }
.vy-entry-sub { grid-column: 2; font: 400 .88rem/1.45 var(--vy-sans); color: var(--vy-rim); }
.vy-register-bred { display: grid; gap: 0 2.5rem; }

/* ---------- Brødtekst ---------- */
.vy-text { overflow-wrap: anywhere; }
.vy-text > :first-child { margin-top: 0; }
.vy-text p { margin: 0 0 1.25em; }
.vy-text h2 {
  position: relative; margin: 2.1em 0 .6em; padding-top: 1rem;
  font: 700 clamp(1.85rem, 5vw, 2.5rem)/1.1 var(--vy-serif); overflow-wrap: break-word;
}
.vy-text h2::before { content: ""; position: absolute; left: 0; top: 0; width: 3rem; height: 4px; background: var(--vy-appelsin); }
.vy-text h3 { margin: 2em 0 .5em; font: italic 600 clamp(1.45rem, 4vw, 1.75rem)/1.2 var(--vy-serif); }
.vy-text h4 {
  margin: 2em 0 .6em;
  font: 500 .95rem/1.35 var(--vy-label); letter-spacing: .1em; text-transform: uppercase; color: var(--vy-braendt);
}
.vy-text a {
  color: var(--vy-blaek); text-decoration: underline; text-decoration-color: var(--vy-appelsin);
  text-decoration-thickness: 2px; text-underline-offset: 3px;
}
.vy-text a:hover { color: var(--vy-braendt); }
.vy-text strong { font-weight: 600; }
.vy-text ul, .vy-text ol { margin: 0 0 1.5em; padding-left: 1.4rem; }
.vy-text ul { list-style: square; }
.vy-text li { margin: 0 0 .45em; padding-left: .2rem; }
.vy-text li > ul, .vy-text li > ol { margin: .45em 0 0; }
.vy-text ul > li::marker { color: var(--vy-appelsin); }
.vy-text ol > li::marker { font-family: var(--vy-label); font-weight: 500; color: var(--vy-braendt); }
.vy-text blockquote {
  margin: 2.25rem 0; padding: 1.25rem 1.5rem;
  background: var(--vy-kridt); border-left: 6px solid var(--vy-appelsin);
  font: italic 600 1.45rem/1.45 var(--vy-serif);
}
.vy-text blockquote p:last-child { margin-bottom: 0; }

/* Lister med årstal eller opslagsord først (fx "**1609.** …") får tidslinjemarkører */
.vy-entrybody > :is(ul, ol):has(> li:first-child > strong:first-child) > li > strong:first-child,
.vy-entrybody > :is(ul, ol):has(> li:first-child > p:first-child > strong:first-child) > li > p:first-child > strong:first-child {
  font: 500 1.02em/1.3 var(--vy-label); letter-spacing: .03em; color: var(--vy-braendt);
}
.vy-entrybody > ul:has(> li:first-child > strong:first-child) {
  list-style: none; padding-left: 0; margin-left: .2rem;
}
.vy-entrybody > ul:has(> li:first-child > strong:first-child) > li {
  position: relative; margin: 0; padding: 0 0 1rem 2rem;
}
.vy-entrybody > ul:has(> li:first-child > strong:first-child) > li::before {
  content: ""; position: absolute; left: calc(.45rem - 1px); top: .95rem; bottom: -.95rem; width: 2px; background: var(--vy-rim);
}
.vy-entrybody > ul:has(> li:first-child > strong:first-child) > li:last-child::before { display: none; }
.vy-entrybody > ul:has(> li:first-child > strong:first-child) > li::after {
  content: ""; position: absolute; left: .15rem; top: .62rem; width: .6rem; height: .6rem;
  background: var(--vy-appelsin); transform: rotate(45deg);
}

/* Almindelige tabeller */
.vy-text table {
  display: block; max-width: 100%; overflow-x: auto; margin: 2.25rem 0;
  border-collapse: collapse; font-size: .88rem; line-height: 1.5;
}
.vy-text th, .vy-text td {
  padding: .55rem .6rem; text-align: left; vertical-align: top;
  background: var(--vy-kridt); border-bottom: 1px solid var(--vy-rim);
  overflow-wrap: anywhere;
}
.vy-text thead th {
  background: var(--vy-blaek); color: var(--vy-kridt);
  font: 500 .8rem/1.35 var(--vy-label); letter-spacing: .08em; text-transform: uppercase;
}
.vy-text tbody tr:nth-child(even) td { background: var(--vy-sart); }

/* Mobil: tabeller med tre eller flere kolonner stables række for række; kolonnenavnene står som forklaring øverst */
@media (max-width: 639px) {
  .vy-text table:not(:has(tr > :nth-child(2):last-child)) { overflow: visible; background: var(--vy-kridt); border-top: 4px solid var(--vy-appelsin); }
  .vy-text table:not(:has(tr > :nth-child(2):last-child)) thead,
  .vy-text table:not(:has(tr > :nth-child(2):last-child)) tbody,
  .vy-text table:not(:has(tr > :nth-child(2):last-child)) tr { display: block; }
  .vy-text table:not(:has(tr > :nth-child(2):last-child)) thead tr { padding: .6rem .85rem; background: var(--vy-blaek); }
  .vy-text table:not(:has(tr > :nth-child(2):last-child)) thead th { display: inline; padding: 0; border: 0; background: none; }
  .vy-text table:not(:has(tr > :nth-child(2):last-child)) thead th + th::before { content: " / "; color: var(--vy-gloed); }
  .vy-text table:not(:has(tr > :nth-child(2):last-child)) tbody tr { padding: .8rem .85rem; border-bottom: 1px solid var(--vy-rim); }
  .vy-text table:not(:has(tr > :nth-child(2):last-child)) tbody tr:nth-child(even) { background: var(--vy-sart); }
  .vy-text table:not(:has(tr > :nth-child(2):last-child)) td,
  .vy-text table:not(:has(tr > :nth-child(2):last-child)) tbody tr:nth-child(even) td { display: block; padding: .1rem 0; border: 0; background: transparent; font-size: .95rem; }
  .vy-text table:not(:has(tr > :nth-child(2):last-child)) td:first-child {
    margin-bottom: .2rem; font: 500 .9rem/1.35 var(--vy-label); letter-spacing: .05em; text-transform: uppercase; color: var(--vy-braendt);
  }
}

/* Landeboks: første tabel med to kolonner i en artikel */
.vy-type-article .vy-entrybody > table:first-of-type:has(tr > :nth-child(2):last-child) {
  display: table; width: 100%; table-layout: fixed; overflow: visible;
  margin: 2.25rem 0 3rem; background: var(--vy-blaek); color: var(--vy-kridt);
  border-top: 8px solid var(--vy-appelsin); box-shadow: 8px 8px 0 var(--vy-appelsin);
  overflow-wrap: anywhere;
}
.vy-type-article .vy-entrybody > table:first-of-type:has(tr > :nth-child(2):last-child) th,
.vy-type-article .vy-entrybody > table:first-of-type:has(tr > :nth-child(2):last-child) td {
  min-width: 0; padding: .85rem 1.1rem; background: transparent; border-bottom: 1px solid rgba(255, 255, 255, .16);
}
.vy-type-article .vy-entrybody > table:first-of-type:has(tr > :nth-child(2):last-child) thead th {
  background: var(--vy-blaek); color: var(--vy-gloed); border-bottom: 2px solid var(--vy-appelsin);
  font: 500 .82rem/1.35 var(--vy-label); letter-spacing: .16em; text-transform: uppercase;
}
.vy-type-article .vy-entrybody > table:first-of-type:has(tr > :nth-child(2):last-child) thead th:first-child { width: 40%; }
.vy-type-article .vy-entrybody > table:first-of-type:has(tr > :nth-child(2):last-child) tbody tr:nth-child(even) td { background: rgba(255, 255, 255, .04); }
.vy-type-article .vy-entrybody > table:first-of-type:has(tr > :nth-child(2):last-child) tbody td:first-child {
  padding-top: 1.05rem;
  font: 500 .8rem/1.4 var(--vy-label); letter-spacing: .1em; text-transform: uppercase; color: var(--vy-gloed);
}
.vy-type-article .vy-entrybody > table:first-of-type:has(tr > :nth-child(2):last-child) tbody td:last-child {
  font: 600 1.3rem/1.35 var(--vy-serif); color: var(--vy-kridt);
}
.vy-type-article .vy-entrybody > table:first-of-type:has(tr > :nth-child(2):last-child) a { color: var(--vy-kridt); }
.vy-type-article .vy-entrybody > table:first-of-type:has(tr > :nth-child(2):last-child) :focus-visible { outline-color: var(--vy-gloed); }

/* ---------- Spørgsmål og kilder ---------- */
.vy-questions { margin-top: 3.5rem; padding-top: 1.25rem; border-top: 4px solid var(--vy-blaek); }
.vy-questions-title { margin: 0 0 1rem; font: 700 clamp(1.85rem, 5vw, 2.4rem)/1.1 var(--vy-serif); }
.vy-questions-title .vy-accent { color: var(--vy-braendt); }
.vy-qa { margin: 0; }
.vy-qa-pair { padding: 1.1rem 0; border-bottom: 1px solid var(--vy-rim); }
.vy-question { margin: 0 0 .4rem; font: italic 600 1.4rem/1.3 var(--vy-serif); }
.vy-answer { margin: 0; overflow-wrap: anywhere; }
.vy-sources { margin-top: 2.75rem; }
.vy-sources-title {
  margin: 0 0 .75rem;
  font: 500 .85rem/1.3 var(--vy-label); letter-spacing: .16em; text-transform: uppercase; color: var(--vy-braendt);
}
.vy-sourcelist { margin: 0; padding-left: 1.2rem; list-style: square; font-size: .95rem; }
.vy-source { margin-bottom: .35rem; }
.vy-source::marker { color: var(--vy-appelsin); }
.vy-sourcelink { color: var(--vy-blaek); text-decoration-color: var(--vy-appelsin); text-underline-offset: 3px; overflow-wrap: anywhere; }
.vy-sourcelink:hover { color: var(--vy-braendt); }

/* ---------- Artikel ---------- */
.vy-trail { width: var(--vy-wrap); margin: 1.5rem auto 0; }
.vy-traillist {
  list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .2rem .5rem;
  font: 400 .88rem/1.5 var(--vy-sans); color: var(--vy-skifer);
}
.vy-trailitem + .vy-trailitem::before { content: "/"; margin-right: .5rem; color: var(--vy-braendt); }
.vy-traillink { color: var(--vy-blaek); text-underline-offset: 3px; text-decoration-color: var(--vy-appelsin); }
.vy-trailhere { color: var(--vy-skifer); }

.vy-articlegrid { width: var(--vy-wrap); margin: 1.25rem auto 0; display: grid; gap: var(--vy-gap); }
.vy-entrytext { min-width: 0; padding: var(--vy-panel); background: var(--vy-kridt); }
.vy-pagehead { margin-bottom: 2rem; }
.vy-entrytext .vy-figure { margin: 2rem calc(-1 * var(--vy-panel)) 2.5rem; border-top: 1px solid var(--vy-rim); border-bottom: 1px solid var(--vy-rim); }
.vy-entrytext .vy-caption { padding-inline: var(--vy-panel); }

.vy-sidebar {
  padding: 1.75rem 1.5rem; background: var(--vy-blaek); color: var(--vy-kridt);
  border-top: 8px solid var(--vy-appelsin);
}
.vy-sidebar-title { margin: 0 0 1.1rem; font: 700 1.75rem/1.1 var(--vy-serif); color: var(--vy-kridt); }
.vy-sidebar-kicker {
  display: block; margin-bottom: .4rem;
  font: 500 .75rem/1.3 var(--vy-label); letter-spacing: .16em; text-transform: uppercase; color: var(--vy-gloed);
}
.vy-siblings { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(255, 255, 255, .22); }
.vy-sibling { border-bottom: 1px solid rgba(255, 255, 255, .22); }
.vy-siblinglink {
  display: block; padding: .7rem 0 .7rem .9rem; border-left: 4px solid transparent;
  font: 600 1rem/1.4 var(--vy-sans); color: var(--vy-kridt); text-decoration: none;
}
.vy-siblinglink:hover { border-left-color: var(--vy-gloed); }
.vy-siblinglink[aria-current="page"] { border-left-color: var(--vy-appelsin); color: var(--vy-gloed); }
.vy-sidebar-more { margin: 1.25rem 0 0; }
.vy-morelink { color: var(--vy-kridt); font-weight: 600; text-decoration-color: var(--vy-appelsin); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.vy-sidebar .vy-register { margin-top: -.5rem; }

/* ---------- Oversigt, privatliv, 404 ---------- */
.vy-listpage, .vy-lost { width: var(--vy-wrap); margin: clamp(1.5rem, 4vw, 3rem) auto 0; }
.vy-listpage > .vy-text { max-width: 46rem; margin-bottom: 2.5rem; }
.vy-plainpage { width: min(52rem, 100% - 2 * var(--vy-pad)); margin: 1.25rem auto 0; padding: var(--vy-panel); background: var(--vy-kridt); }
.vy-lost-head { display: grid; gap: 1.25rem; margin-bottom: var(--vy-gap); }
.vy-lost-code {
  margin: 0; font: italic 700 clamp(6rem, 26vw, 12rem)/.85 var(--vy-serif);
  color: var(--vy-blaek); text-shadow: 6px 6px 0 var(--vy-appelsin);
}
.vy-lost-home { margin: 1.5rem 0 0; }

/* ---------- Kontakt ---------- */
.vy-contactgrid { width: var(--vy-wrap); margin: 1.25rem auto 0; display: grid; gap: var(--vy-gap); }
.vy-contactintro { min-width: 0; }
.vy-formwrap { min-width: 0; }
.vy-formwrap > p[role="status"] {
  margin: 0 0 1.25rem; padding: 1rem 1.25rem; background: var(--vy-kridt);
  border-left: 6px solid var(--vy-appelsin); font-weight: 600;
}
.vy-form {
  padding: clamp(1.5rem, 4vw, 2.5rem); background: var(--vy-kridt);
  border-top: 8px solid var(--vy-appelsin); box-shadow: 10px 10px 0 var(--vy-blaek);
}
.vy-form-title { margin: 0 0 1.25rem; font: 700 1.75rem/1.15 var(--vy-serif); }
.vy-field { margin-bottom: 1.15rem; }
.vy-field label, .vy-label {
  display: block; margin-bottom: .4rem;
  font: 500 .8rem/1.35 var(--vy-label); letter-spacing: .12em; text-transform: uppercase; color: var(--vy-blaek);
}
.vy-input, .vy-field input {
  display: block; width: 100%; padding: .75rem .85rem;
  font: 400 1rem/1.5 var(--vy-sans); color: var(--vy-blaek);
  background: var(--vy-sart); border: 2px solid var(--vy-blaek); border-radius: 0;
}
.vy-textarea { min-height: 10rem; resize: vertical; }
.vy-input:focus-visible, .vy-field input:focus-visible { outline: 3px solid var(--vy-braendt); outline-offset: 2px; background: var(--vy-kridt); }
.vy-trap { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.vy-sendrow { margin-top: 1.5rem; }
.vy-button {
  display: inline-block; padding: .85rem 1.6rem;
  font: 600 1rem/1.2 var(--vy-sans); color: var(--vy-blaek); text-decoration: none;
  background: var(--vy-appelsin); border: 2px solid var(--vy-blaek); border-radius: 0;
  box-shadow: 4px 4px 0 var(--vy-blaek); cursor: pointer;
}
.vy-button:hover { background: var(--vy-blaek); color: var(--vy-kridt); }
.vy-button:focus-visible { outline-color: var(--vy-blaek); }
.vy-formnote { margin: 1.5rem 0 0; font-size: .88rem; line-height: 1.6; color: var(--vy-skifer); }
.vy-formnote-link { color: var(--vy-blaek); text-decoration-color: var(--vy-appelsin); text-underline-offset: 3px; }

/* ---------- Note om alkohol og sidefod ---------- */
.vy-moderation { width: var(--vy-wrap); margin: var(--vy-gap) auto 0; }
.vy-moderation-text {
  display: flex; align-items: flex-start; gap: .85rem; margin: 0; padding: 1rem 1.25rem;
  background: var(--vy-kridt); border-left: 6px solid var(--vy-appelsin);
  font: 400 .92rem/1.55 var(--vy-sans); color: var(--vy-blaek);
}
.vy-moderation-mark { flex: none; width: .6rem; height: .6rem; margin-top: .5rem; background: var(--vy-blaek); transform: rotate(45deg); }
.vy-colophon { margin-top: 1.5rem; background: var(--vy-blaek); color: var(--vy-kridt); border-top: 6px solid var(--vy-appelsin); }
.vy-colophon-inner {
  width: var(--vy-wrap); margin-inline: auto; padding: 1.1rem 0;
  display: flex; flex-wrap: wrap; align-items: center; gap: .35rem 1.75rem;
}
.vy-colophon-name { margin: 0; font: 600 .9rem/1.5 var(--vy-sans); }
.vy-footlist { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 1.1rem; }
.vy-footlink { display: inline-block; padding: .35rem 0; font: 400 .88rem/1.4 var(--vy-sans); color: var(--vy-kridt); text-decoration: none; }
.vy-footlink:hover { text-decoration: underline; text-decoration-color: var(--vy-appelsin); text-underline-offset: 3px; }
.vy-footlink[aria-current="page"] { color: var(--vy-gloed); }

/* ---------- Større skærme ---------- */
@media (min-width: 640px) {
  .vy-text table { font-size: .95rem; }
  .vy-text th, .vy-text td { padding: .7rem .9rem; overflow-wrap: break-word; }
  .vy-chronicle > ol { padding: 2.5rem 2.25rem 1rem; }
  .vy-chronicle > ol > li { padding-left: 3rem; }
  .vy-register-bred { grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); }
  .vy-lost-head { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 3rem; }
  .vy-index { padding: 2.5rem 2.25rem 2rem; }
}

@media (min-width: 960px) {
  body { font-size: 1.125rem; }
  .vy-masthead-inner { padding: 1.25rem 0; flex-wrap: nowrap; }
  .vy-brand svg { height: 2.6rem; }
  .vy-mainnav { width: auto; }
  .vy-navlist { justify-content: flex-end; gap: 0 1.6rem; }

  .vy-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
  .vy-hero-block { display: flex; flex-direction: column; justify-content: center; }
  .vy-figure-hero { margin: 0; }
  .vy-figure-hero .vy-photo { flex: 1 1 auto; min-height: 0; object-fit: cover; aspect-ratio: 4 / 3; }

  .vy-homegrid { grid-template-columns: minmax(0, 1fr) 22rem; align-items: start; }
  .vy-homemain { max-width: 48rem; }

  .vy-articlegrid { grid-template-columns: minmax(0, 1fr) 18rem; align-items: start; }
  .vy-sidebar-sticky { position: sticky; top: 1.5rem; }

  .vy-contactgrid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }

  .vy-colophon-inner { justify-content: space-between; }
}

@media print {
  .vy-masthead, .vy-sidebar, .vy-index, .vy-colophon, .vy-jumps { display: none; }
  body { background: #fff; }
}