/* Margins guider (v337) - samme lyse udtryk som appen: 56px hoved, #f2f2f3, Barlow / Barlow Condensed */
@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fonts/barlow-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/vendor/fonts/barlow-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600;font-display:swap;src:url(/vendor/fonts/barlow-condensed-latin-600-normal.woff2) format('woff2')}
:root{--grund:var(--m-bg);--kort:var(--m-surface);--kant:var(--m-line);--tekst:var(--m-text);--tekst2:var(--m-muted);--staal:var(--m-accent);--okker:var(--m-wait);--groen:var(--m-ok);--maerke:var(--m-rec)}
*{box-sizing:border-box}
html,body{margin:0;background:var(--grund);color:var(--tekst);font:400 17px/1.55 Barlow,system-ui,sans-serif}
.g-hoved{position:sticky;top:0;z-index:5;min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 6px 0 6px;
  display:flex;align-items:center;gap:6px;background:var(--grund);border-bottom:1px solid var(--kant)}
.g-tilbage{width:44px;height:44px;display:grid;place-items:center;color:var(--staal);text-decoration:none}
.g-tilbage svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.g-titel{flex:1;min-width:0;margin:0;font:600 22px/1.15 'Barlow Condensed',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
main{max-width:640px;margin:0 auto;padding:18px 18px 64px}
.g-intro{font-size:17px;margin:0 0 6px}
.g-hvem{font-size:14px;color:var(--tekst2);margin:0 0 22px}
.g-kicker{font:600 13px/1 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--tekst2);margin:28px 0 10px}
ol.g-trin{list-style:none;margin:0;padding:0;counter-reset:trin;display:flex;flex-direction:column;gap:8px}
ol.g-trin > li{counter-increment:trin;position:relative;background:var(--kort);border:1px solid var(--kant);padding:14px 14px 14px 52px}
ol.g-trin > li::before{content:counter(trin);position:absolute;left:14px;top:14px;width:26px;height:26px;display:grid;place-items:center;
  background:var(--staal);color:var(--m-ink-fg);font:600 15px/1 'Barlow Condensed',sans-serif}
.g-trin h3{margin:0 0 4px;font:600 17px/1.3 Barlow,sans-serif}
.g-trin p{margin:4px 0 0;font-size:15px;color:var(--tekst)}
.g-trin p.g-sti,.g-sti{font-size:14px;color:var(--tekst2)}
.g-trin ul{margin:6px 0 0;padding-left:18px;font-size:15px}
.g-trin ul li{margin:2px 0}
b,strong{font-weight:600}
code,.g-kode{font:400 14px/1.4 ui-monospace,Menlo,monospace;background:var(--m-field);padding:1px 5px;border-radius:2px;overflow-wrap:anywhere}
a{color:var(--staal);overflow-wrap:anywhere}
.g-boks{margin:22px 0 0;padding:14px;background:var(--kort);border:1px solid var(--kant);border-left:3px solid var(--okker);font-size:15px}
.g-boks.ok{border-left-color:var(--groen)}
.g-boks h4{margin:0 0 4px;font:600 15px/1.3 Barlow,sans-serif}
.g-boks p{margin:4px 0 0}
.g-spm{display:flex;flex-direction:column;gap:6px}
.g-spm div{background:var(--kort);border:1px solid var(--kant);padding:10px 14px;font-size:15px}
dl.g-fejl{margin:0;display:flex;flex-direction:column;gap:8px}
dl.g-fejl > div{background:var(--kort);border:1px solid var(--kant);padding:12px 14px}
dl.g-fejl dt{font-weight:600;font-size:15px}
dl.g-fejl dd{margin:3px 0 0;font-size:15px}
.g-fod{margin-top:32px;font-size:14px;color:var(--tekst2)}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}