/* Frosch Gallery — samme tokens som appen og Frosch Labs. Skriften ligger her og hentes ikke fra andre. */
@font-face { font-family: "Inter"; src: url("fonte/inter-regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("fonte/inter-semibold.ttf") format("truetype"); font-weight: 600; font-display: swap; }

:root {
  --groen: #004B3A; --groen-hover: #0A6F58; --blaek: #1D1D1F; --laerred: #F5F5F7;
  --salvie: #E3ECE8; --kant: #D2D2D7; --daempet: #5A5A60; --flade: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  :root { --groen: #5FC4A6; --groen-hover: #7FD6BC; --blaek: #ECECEE; --laerred: #111413;
          --salvie: #1C2A25; --kant: #33373A; --daempet: #A3A6AA; --flade: #181C1B; }
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0; background: var(--laerred); color: var(--blaek);
  font: 400 17px/1.6 "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.ramme { max-width: 720px; margin: 0 auto; padding: 0 16px; }
header { padding: 28px 0 8px; }
header a.hjem { display: inline-flex; align-items: center; gap: 12px; color: var(--blaek); text-decoration: none; font-weight: 600; font-size: 19px; }
header img { width: 40px; height: 40px; }
@media (prefers-color-scheme: dark) { header img, .stort-maerke { filter: brightness(2.1) saturate(0.7); } }
nav { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 14px; font-size: 15px; }
a { color: var(--groen); }
a:hover { color: var(--groen-hover); }
main { padding: 8px 0 40px; }
h1 { font-size: clamp(28px, 6vw, 40px); line-height: 1.15; font-weight: 600; margin: 28px 0 8px; letter-spacing: -0.01em; }
h2 { font-size: 21px; font-weight: 600; margin: 36px 0 6px; }
h3 { font-size: 17px; font-weight: 600; margin: 22px 0 4px; }
p, li { max-width: 68ch; }
.ingress { font-size: 19px; color: var(--daempet); margin-top: 0; }
.dato { color: var(--daempet); font-size: 14px; }
.kort { background: var(--flade); border: 1px solid var(--kant); border-radius: 20px; padding: 20px 22px; margin: 18px 0; }
.kort h2 { margin-top: 0; }
.trin { list-style: none; padding: 0; margin: 0; }
.trin li { padding: 10px 0; border-top: 1px solid var(--kant); }
.trin li:first-child { border-top: 0; }
.trin b { display: inline-block; min-width: 2.6em; color: var(--groen); }
.stort-maerke { width: 72px; height: 72px; margin-top: 12px; }
table { border-collapse: collapse; width: 100%; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 8px 10px 8px 0; border-top: 1px solid var(--kant); }
th { font-weight: 600; }
.tabel { overflow-x: auto; }
footer { border-top: 1px solid var(--kant); padding: 22px 0 40px; color: var(--daempet); font-size: 14px; }
.sprog { margin-top: 48px; padding-top: 8px; border-top: 2px solid var(--salvie); }