/* Fælles stil for videns- og værktøjssiderne.
   Samme palet som forsiden – dyb natblå med varm ler-accent. */
:root {
  --bg:#0d1117; --panel:#131a22; --card:#1a222c;
  --ink:#e8ecf1; --muted:#94a1b2; --tekst:#cdd5de;
  --accent:#c4756b; --accent-dk:#a85d54;
  --green:#7fa08d; --border:#26303c;
  --hairline:rgba(255,255,255,.07); --radius:16px;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  background:var(--bg); color:var(--ink); line-height:1.65;
  font-family:-apple-system,BlinkMacSystemFont,'Inter',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
img { max-width:100%; height:auto; display:block; }

.wrap { max-width:1020px; margin:0 auto; padding:0 24px; }
.smal { max-width:720px; }

nav { display:flex; align-items:center; justify-content:space-between; padding:22px 0;
  border-bottom:1px solid var(--hairline); }
.brand { font-weight:700; font-size:1.06rem; color:var(--ink); letter-spacing:-.01em; }
.brand span { color:var(--accent); }
.nav-links { display:flex; gap:18px; align-items:center; font-size:.94rem; }
.nav-links a { color:var(--muted); }
.nav-links a:hover { color:var(--ink); text-decoration:none; }

.kicker { color:var(--accent); font-weight:700; letter-spacing:.09em;
  text-transform:uppercase; font-size:.76rem; }
.btn { display:inline-block; padding:13px 26px; border-radius:12px;
  font-weight:600; font-size:1rem; border:none; cursor:pointer; }
.btn-primary { background:var(--accent); color:#1c0f0d; }
.btn-primary:hover { background:var(--accent-dk); color:#fff; text-decoration:none; }
.btn-ghost { border:1px solid var(--border); color:var(--ink); background:transparent; }
.btn-ghost:hover { border-color:var(--accent); color:var(--accent); text-decoration:none; }
.btn-sm { padding:9px 18px; font-size:.94rem; }

/* --- Artikel --- */
article { padding:44px 0 64px; }
article h1 { font-size:clamp(1.9rem,4.6vw,2.7rem); line-height:1.15;
  letter-spacing:-.025em; margin:12px 0 16px; }
article .manchet { color:var(--muted); font-size:1.12rem; margin-bottom:28px; }
article h2 { font-size:1.32rem; margin:38px 0 12px; letter-spacing:-.01em; }
article h3 { font-size:1.06rem; margin:26px 0 8px; color:var(--accent); }
article p { color:var(--tekst); margin-bottom:16px; }
article ul, article ol { color:var(--tekst); margin:0 0 18px 20px; }
article li { margin-bottom:8px; }
article strong { color:var(--ink); }

.hero-billede { border-radius:var(--radius); overflow:hidden; margin:0 0 8px;
  border:1px solid var(--border); }
.foto-kredit { color:var(--muted); font-size:.76rem; margin-bottom:26px; }

.faktaboks { background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius); padding:20px 22px; margin:24px 0; }
.faktaboks .kicker { display:block; margin-bottom:8px; }
.faktaboks p:last-child { margin-bottom:0; }

.citat { border-left:3px solid var(--accent); padding:6px 0 6px 18px;
  margin:24px 0; color:var(--ink); font-size:1.06rem; }

.advarsel { border-left:3px solid var(--green); background:rgba(127,160,141,.08);
  padding:14px 18px; border-radius:8px; margin:24px 0; }
.advarsel p:last-child { margin-bottom:0; }

.kilder { margin-top:44px; padding-top:22px; border-top:1px solid var(--hairline); }
.kilder h2 { font-size:1.02rem; margin:0 0 12px; }
.kilder ol { font-size:.88rem; color:var(--muted); margin-left:18px; }
.kilder li { margin-bottom:7px; }

/* --- Kort og lister --- */
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:16px; }
.kort { background:var(--card); border:1px solid var(--border);
  border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; }
.kort .krop { padding:20px 22px; flex:1; display:flex; flex-direction:column; }
.kort h3 { font-size:1.08rem; margin-bottom:8px; }
.kort h3 a { color:var(--ink); }
.kort h3 a:hover { color:var(--accent); text-decoration:none; }
.kort p { color:var(--muted); font-size:.93rem; flex:1; }
.kort .type { font-size:.72rem; font-weight:700; letter-spacing:.07em;
  text-transform:uppercase; color:var(--green); margin-bottom:9px; }
.kort .laesetid { color:var(--muted); font-size:.8rem; margin-top:12px; }

section { padding:52px 0; }
section.band { background:var(--panel); }
.sek-hoved { max-width:38rem; margin-bottom:26px; }
.sek-hoved h2 { font-size:clamp(1.4rem,3.2vw,1.9rem); letter-spacing:-.02em;
  margin-top:8px; }
.sek-hoved p { color:var(--muted); margin-top:10px; }

footer { border-top:1px solid var(--hairline); padding:34px 0 46px;
  color:var(--muted); font-size:.88rem; }
.foot { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.foot a { color:var(--muted); margin-left:18px; }
.foot a:hover { color:var(--accent); }

/* --- Værktøjer: udfyldelige og printbare --- */
.felt { width:100%; background:var(--panel); color:var(--ink);
  border:1px solid var(--border); border-radius:10px; padding:11px 13px;
  font:inherit; font-size:.98rem; margin-top:6px; }
.felt:focus { outline:2px solid var(--accent); outline-offset:1px; }
label { display:block; margin-bottom:16px; color:var(--tekst); font-size:.95rem; }
.linje { border-bottom:1px solid var(--border); height:30px; margin:6px 0 18px; }
.print-skjul { }

@media print {
  body { background:#fff; color:#000; }
  nav, footer, .print-skjul, .nav-links { display:none !important; }
  .felt, .linje { border-color:#999; background:#fff; color:#000; }
  a { color:#000; text-decoration:none; }
  .kort, .faktaboks { border-color:#ccc; background:#fff; }
  article p, article li, label { color:#000; }
  .kicker, article h3 { color:#555; }
}

@media (max-width:700px) {
  .nav-links { gap:12px; font-size:.86rem; }
  section { padding:38px 0; }
}