:root{
  --skov:#1F3A2E; --jern:#2B2F33; --messing:#B5822A; --salvie:#A9B8A6;
  --lys:#F2F4F1; --hvid:#FFFFFF; --tekst:#22262A; --daempet:#5A6168;
  --fejl:#A3322A; --ok:#2F6B45;
  color-scheme: light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --lys:#15191C; --hvid:#1D2226; --tekst:#E7EAE6; --daempet:#A2A9AE;
    --skov:#3F6B56; --salvie:#5E7364; --jern:#0F1214; color-scheme: dark;
  }
}
*{box-sizing:border-box}
:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--lys);color:var(--tekst);
  font:1.0625rem/1.65 "Source Serif 4",Georgia,"Times New Roman",serif}
h1,h2,h3,.nav a,.knap,label,.lille{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif}
h1{font-size:clamp(3rem,11vw,7.5rem);line-height:.9;font-weight:800;letter-spacing:-.01em;margin:0 0 1.5rem}
h2{font-size:clamp(2rem,5vw,3rem);line-height:1;font-weight:700;margin:0 0 1rem}
h3{font-size:1.5rem;font-weight:700;margin:0 0 .4rem}
a{color:inherit}
.wrap{max-width:68rem;margin:0 auto;padding:0 1.25rem}
.tekstbredde{max-width:38rem}
header.top{background:var(--skov);color:#F2F4F1}
.nav{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;align-items:baseline;padding:1rem 0}
.nav .logo{font-size:1.6rem;font-weight:800;text-decoration:none;margin-right:auto}
.nav a{font-size:1.15rem;font-weight:600;text-decoration:none;opacity:.85}
.nav a:hover,.nav a[aria-current="page"]{opacity:1;text-decoration:underline;text-underline-offset:.3em}
.hero{background:var(--skov);color:#F2F4F1;padding:4rem 0 5rem;border-bottom:.6rem solid var(--messing)}
.hero p{font-size:1.25rem;max-width:34rem;margin:0}
section{padding:4rem 0}
.tre{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.tre div{border-top:3px solid var(--jern);padding-top:1rem}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tre div{border-top-color:var(--salvie)}}
form{display:grid;gap:1.1rem;max-width:34rem}
label{font-size:1.15rem;font-weight:600;display:block;margin-bottom:.3rem}
input[type=text],input[type=email],input[type=url],textarea{
  width:100%;font:inherit;padding:.7rem .8rem;border:2px solid var(--salvie);border-radius:4px;
  background:var(--hvid);color:var(--tekst)}
textarea{min-height:8rem;resize:vertical}
input:focus,textarea:focus,.knap:focus-visible,a:focus-visible{outline:3px solid var(--messing);outline-offset:2px}
.check{display:flex;gap:.6rem;align-items:flex-start;font-size:1rem}
.check input{margin-top:.35rem;width:1.1rem;height:1.1rem}
.check label{font-family:inherit;font-weight:400;font-size:1rem}
fieldset{border:0;padding:0;margin:0}
legend{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:1.15rem;font-weight:600;margin-bottom:.3rem}
.valg{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}
.knap{justify-self:start;font-size:1.3rem;font-weight:700;border:0;border-radius:4px;
  background:var(--messing);color:#1A1A1A;padding:.65rem 1.6rem;cursor:pointer}
.knap:disabled{opacity:.6;cursor:wait}
.besked{font-weight:600;min-height:1.5em}
.besked.ok{color:var(--ok)} .besked.fejl{color:var(--fejl)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .besked.ok{color:#7CC89A}:root:not([data-theme="light"]) .besked.fejl{color:#F08A80}}
.lille{font-size:1rem;color:var(--daempet)}
.morkt{background:var(--jern);color:#F2F4F1}
.morkt .lille{color:#C5CAC6}
.kandidat{border-left:.4rem solid var(--messing);padding:.25rem 0 .25rem 1rem;margin-bottom:1.75rem}
.kandidat p{margin:.3rem 0}
.indlaeg{border-top:3px solid var(--jern);padding:1.25rem 0}
.indlaeg h3 a{text-decoration:none}
.indlaeg h3 a:hover{text-decoration:underline}
article p{margin:0 0 1.2rem}
footer{padding:2.5rem 0;font-size:.95rem;color:var(--daempet);border-top:1px solid var(--salvie)}
@media (prefers-reduced-motion:no-preference){
  .hero h1{animation:ind .7s ease-out both}
  @keyframes ind{from{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:none}}
}
.layout{display:grid;gap:3rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:56rem){.layout{grid-template-columns:minmax(0,1fr) 16rem}}
.sidebar h3{font-size:1.3rem;margin-top:0}
.sidebar ul{list-style:none;padding:0;margin:0 0 2rem}
.sidebar li{margin:.35rem 0}
.sidebar a{text-decoration:none}
.sidebar a:hover,.sidebar a[aria-current="true"]{text-decoration:underline;text-underline-offset:.25em}
.antal{color:var(--daempet);font-size:.95rem}
.tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 0;padding:0;list-style:none}
.tags a{display:inline-block;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:1rem;font-weight:600;
  padding:.15rem .6rem;border:2px solid var(--salvie);border-radius:999px;text-decoration:none}
.tags a:hover,.tags a[aria-current="true"]{background:var(--salvie);color:#1A1A1A}
.artikel{border-top:3px solid var(--jern);padding:1.25rem 0}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .artikel,:root:not([data-theme="light"]) .indlaeg{border-top-color:var(--salvie)}}
.artikel h3{margin-bottom:.3rem}
.artikel h3 a{text-decoration:none}
.artikel h3 a:hover{text-decoration:underline}
.artikel p{margin:.3rem 0}
.meta{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:1.05rem;color:var(--daempet)}
.meta a{color:inherit}
.filter{margin:0 0 1.5rem;font-size:1.05rem}
.filter a{margin-left:.5rem}
.admin-top{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}
.faner{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;padding:0;list-style:none}
.faner button{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:1.15rem;font-weight:600;
  background:none;border:2px solid var(--salvie);border-radius:4px;padding:.35rem 1rem;color:var(--tekst);cursor:pointer}
.faner button[aria-selected="true"]{background:var(--skov);border-color:var(--skov);color:#F2F4F1}
.tabel-wrap{overflow-x:auto}
table.admin{width:100%;border-collapse:collapse;font-size:1rem}
table.admin th{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:1.1rem;text-align:left;border-bottom:2px solid var(--jern);padding:.5rem .6rem .5rem 0}
table.admin td{border-bottom:1px solid var(--salvie);padding:.6rem .6rem .6rem 0;vertical-align:top}
.handlinger{display:flex;flex-wrap:wrap;gap:.4rem}
.lille-knap{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:1rem;font-weight:600;border:2px solid var(--salvie);
  background:var(--hvid);color:var(--tekst);border-radius:4px;padding:.2rem .7rem;cursor:pointer}
.lille-knap.fare{border-color:var(--fejl);color:var(--fejl)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .lille-knap.fare{border-color:#F08A80;color:#F08A80}}
.status{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-weight:700}
.status.kladde{color:var(--daempet)}
select{font:inherit;padding:.6rem .7rem;border:2px solid var(--salvie);border-radius:4px;background:var(--hvid);color:var(--tekst);width:100%}
.skjult{display:none !important}