:root{--navy:#2b3138;--grå:#555E68;--ink:#1d2329;--muted:#505a66;--bg:#fff;--lys:#f2f5f8;--linje:#d8dee5;--aksent:#4FB8D8;--lenke:#0b6a88;--knapp:#2b3138;--knapp-tekst:#fff;--maks:68rem}
@media (prefers-color-scheme:dark){:root{--ink:#e9eef3;--muted:#aeb9c5;--bg:#14181d;--lys:#1b2127;--linje:#2b343d;--lenke:#6cc4e0;--knapp:#4FB8D8;--knapp-tekst:#14181d}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--ink);font:1.0625rem/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--lenke)}
a:focus-visible,.knapp:focus-visible{outline:3px solid var(--aksent);outline-offset:2px}
.hopp{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:.6rem 1rem;z-index:10}
.hopp:focus{left:0}
.rad{max-width:var(--maks);margin:0 auto;padding:0 1.25rem}
.topp{border-bottom:1px solid var(--linje);background:var(--bg);position:sticky;top:0;z-index:5}
.topp .rad{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.7rem;padding-bottom:.7rem}
.logo{display:flex;align-items:center;gap:.65rem;color:var(--ink);text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:1.3rem}
.merke{width:2.25rem;height:2.25rem}
nav ul{display:flex;flex-wrap:wrap;gap:.2rem .35rem;list-style:none;margin:0;padding:0}
nav a{display:block;padding:.45rem .7rem;border-radius:.5rem;color:var(--ink);text-decoration:none;font-weight:500}
nav a:hover{background:var(--lys)}
nav a[aria-current=page]{background:var(--lys);box-shadow:inset 0 -3px 0 var(--aksent)}
h1,h2,h3{line-height:1.2;letter-spacing:-.015em;margin:0 0 .6em;font-family:Georgia,'Times New Roman',serif;font-weight:700}
h1{font-size:clamp(2rem,5vw,3.1rem)}
h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:1.6em}
h3{font-size:1.2rem}
.seksjon{padding:3.5rem 0}
.seksjon h2:first-child{margin-top:0}
.lys{background:var(--lys)}
.topp-sek{padding-top:3rem}
.helt{background:var(--navy);color:#fff;padding:4.5rem 0 4.75rem;background-image:radial-gradient(60rem 30rem at 85% -10%,rgba(79,184,216,.24),transparent 60%)}
.helt h1{color:#fff;max-width:20ch}
.helt .ingress{color:#d6e0ee}
.over{font-size:.85rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--aksent);margin:0 0 1rem}
.topp-sek .over{color:var(--lenke)}
.ingress{font-size:1.25rem;line-height:1.55;color:var(--muted);max-width:42rem}
.smal-tekst p,.smal-tekst li{max-width:42rem}
.midt{text-align:center}
.midt p{margin-left:auto;margin-right:auto}
.knapper{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
.knapper.midt{justify-content:center}
.knapp{display:inline-block;background:var(--knapp);color:var(--knapp-tekst);padding:.8rem 1.35rem;border-radius:.6rem;font-weight:600;text-decoration:none;border:2px solid var(--knapp)}
.knapp:hover{filter:brightness(1.12)}
.helt .knapp{background:var(--aksent);border-color:var(--aksent);color:#14181d}
.knapp.sekundaer{background:transparent;color:var(--knapp)}
.helt .knapp.sekundaer{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.kort-rutenett{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem}
.kort{border:1px solid var(--linje);border-radius:1rem;padding:1.5rem;background:var(--bg)}
.lys .kort{background:var(--bg)}
.kort p{margin:.2em 0 .8em}
.pil::after{content:" \2192"}
.pil{font-weight:600}
.prinsipper{padding-left:1.1rem;display:grid;gap:.9rem}
.prinsipper li::marker{color:var(--aksent)}
.kort h3,.trinn h3{font-family:inherit}
.trinn{counter-reset:t;list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.trinn li{counter-increment:t;background:var(--bg);border:1px solid var(--linje);border-radius:1rem;padding:1.25rem 1.25rem 1rem;position:relative}
.trinn li::before{content:counter(t);display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--grå);color:#fff;font-weight:700;margin-bottom:.6rem}
@media (prefers-color-scheme:dark){.trinn li::before{background:var(--aksent);color:#14181d}}
.trinn.fire{grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr))}
.trinn p{margin:0}
.bunn{border-top:1px solid var(--linje);background:var(--lys);padding:2rem 0;font-size:.95rem;color:var(--muted)}
.bunn .rad{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}
@media (max-width:40rem){.seksjon{padding:2.5rem 0}.helt{padding:3rem 0 3.25rem}.topp{position:static}}