:root{--marine:#0c2544;--stal:#3b6fa8;--tekst:#334155;--dempet:#52627a;--kant:#e2e8f0;--flate:#f0f9ff}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--marine);
  font:16px/1.65 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--stal)}
a:focus-visible,button:focus-visible{outline:3px solid #2563eb;outline-offset:2px;border-radius:8px}
.topp{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--kant)}
/* 1160, ikke 1000. Maalt i Chromium: menyens seks punkter er 951 px, og
   med logoen paa 99 og 40 px sidepadding trengs 1106. Paa 1000 brakk raden,
   og logoen fikk staa alene paa foerste linje. */
.rad{max-width:1160px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;
  gap:16px;flex-wrap:wrap}
.merke{font-weight:700;font-size:19px;color:var(--marine);text-decoration:none;letter-spacing:-.01em}
.meny{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
.meny a{color:var(--tekst);text-decoration:none;font-size:13.5px;font-weight:500;
  padding:9px 9px;border-radius:8px;min-height:44px;display:inline-flex;align-items:center;
  transition:background-color .13s cubic-bezier(.2,0,.2,1),color .13s cubic-bezier(.2,0,.2,1)}
.meny a:hover{background:#eff5fb;color:var(--marine)}
.meny a[aria-current=page]{color:var(--marine);font-weight:600;background:#eff5fb}
main{max-width:760px;margin:0 auto;padding:40px 20px 20px}
.videre .rad,footer{max-width:1160px}
.smuler{font-size:13.5px;color:var(--dempet);margin:0 0 22px}
.smuler a{color:var(--dempet)}
h1{font-family:Fraunces,Georgia,serif;font-size:38px;line-height:1.16;font-weight:500;
  letter-spacing:-.01em;margin:0 0 16px;color:var(--marine)}
.ingress{font-size:18.5px;line-height:1.6;color:var(--dempet);margin:0 0 8px}
h2{font-family:Fraunces,Georgia,serif;font-size:25px;line-height:1.25;font-weight:500;
  margin:44px 0 12px;color:var(--marine)}
h3{font-size:15px;font-weight:700;margin:26px 0 8px;color:var(--marine)}
p{margin:0 0 14px;color:var(--tekst)}
ul{margin:0 0 16px;padding-left:22px;color:var(--tekst)}
li{margin-bottom:7px}
.kort{background:var(--flate);border:1px solid #d7e3ef;border-radius:14px;padding:20px 22px;margin:0 0 16px}
.kort h3{margin-top:0}
.faq{border-top:1px solid var(--kant);margin-top:46px;padding-top:8px}
.faq h3{font-size:16.5px;margin:24px 0 6px}
.videre{background:var(--flate);border-top:1px solid #d7e3ef;margin-top:56px}
.videre .rad{display:block;padding:34px 20px 40px}
.videre h2{margin-top:0;font-size:21px}
.videre ul{list-style:none;padding:0;display:grid;gap:10px}
.videre a{font-weight:600}
footer{max-width:1000px;margin:0 auto;padding:26px 20px 46px;color:var(--dempet);font-size:14px}
footer a{color:var(--dempet)}
@media (max-width:700px){h1{font-size:29px}h2{font-size:21px}main{padding-top:28px}}
@media (prefers-reduced-motion:reduce){.meny a{transition-duration:1ms}}
@media screen and (prefers-color-scheme:dark){
:root{color-scheme:dark;--marine:#d6e7fd;--stal:#91c2fa;--tekst:#c5d7ef;--dempet:#b3c5e0;--kant:#343940;--flate:#1b2f3c}
body{background:#181d24}
.topp{background:rgba(24,29,36,.94)}
.meny a:hover,.meny a[aria-current=page]{background:#0d1118}
.kort,.videre{border-color:#333d46}
a:focus-visible,button:focus-visible{outline-color:#91c2fa}
}