:root{
/* Klar havblaa gir troverdighet uten aa bli tung; frisk gronn og aprikos
   gjor paletten lysere og mer folkelig enn den morke oekonomi-standarden. */
--blaa:#1a6f9e;--blaa-dyp:#12547a;--blaa-lys:#2d89bb;
--tur:#0e9e7e;--tur-mork:#097a61;--tur-lys:#e7f8f2;--tur-signal:#4fe3b4;
--kor:#ef7b39;--kor-mork:#cd5c1f;--kor-lys:#fdf1e8;--kor-knapp:#c05418;--kor-knapp-m:#a4460f;
--sol:#d99206;--sol-lys:#fff6e2;
--rod:#c0392b;--rod-lys:#fcedeb;
/* --graa-lys brukes til datolinjen, som er liten tekst og maa over WCAG AA
   4,5:1. #5d6e79 gir 4,76 mot --bg og 5,10 mot hvitt. */
--bg:#f5fafc;--kort:#fff;--tekst:#1c2b34;--graa:#52636e;--graa-lys:#5d6e79;
--linje:#dde8ef;--maks:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
background:var(--bg);color:var(--tekst);line-height:1.65;font-size:17px}
a{color:var(--tur-mork)}a:hover{color:var(--blaa)}
img{max-width:100%;height:auto}
.skjul{position:absolute;left:-9999px}
.wrap{max-width:var(--maks);margin:0 auto;padding:0 20px}
.smal{max-width:820px;margin:0 auto;padding:0 20px}
.hoppe{position:absolute;left:-9999px;background:#fff;padding:10px 16px;z-index:200}
.hoppe:focus{left:8px;top:8px}
/* ---------------- topp og meny ---------------- */
.topp{background:var(--blaa-dyp);color:#fff;position:sticky;top:0;z-index:60;
box-shadow:0 2px 12px rgba(18,84,122,.28)}
.topp-indre{max-width:var(--maks);margin:0 auto;padding:0 20px;display:flex;align-items:center;
justify-content:space-between;min-height:58px;flex-wrap:nowrap;gap:8px}
.logo{color:#fff;text-decoration:none;font-weight:800;font-size:1.18rem;letter-spacing:-.02em;
padding:10px 0;white-space:nowrap;display:flex;align-items:center;gap:8px}
.logo b{color:var(--tur-signal)}
.logo:hover{color:#fff}
.logo svg{flex:none}
#burger{display:none;background:none;border:2px solid rgba(255,255,255,.4);color:#fff;
font-size:1.02rem;padding:6px 12px;border-radius:6px;cursor:pointer}
.sok-lenke{display:flex;align-items:center;justify-content:center;color:#e6eef4;padding:8px;border-radius:7px;flex:0 0 auto}
.sok-lenke:hover{color:var(--tur-signal);background:rgba(255,255,255,.09)}
.meny{list-style:none;margin:0;padding:0;display:flex;flex-wrap:nowrap;gap:0}
.meny>li{position:relative;white-space:nowrap}
.meny>li>a{display:block;color:#e6eef4;text-decoration:none;padding:17px 9px;font-size:.87rem;font-weight:600}
.meny>li>a:hover{color:var(--tur-signal)}
@media(min-width:1100px) and (max-width:1319.98px){.meny>li>a{padding:17px 4px;font-size:.79rem}.logo{font-size:1rem}}
.dd{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:266px;max-width:340px;list-style:none;
margin:0;padding:8px 0;box-shadow:0 12px 34px rgba(18,84,122,.24);border-radius:0 0 8px 8px;
border-top:3px solid var(--tur)}
.dd>li{position:relative}
.dd a{display:block;padding:8px 16px;color:var(--tekst);text-decoration:none;font-size:.9rem}
.dd a:hover{background:var(--tur-lys);color:var(--blaa)}
.dd .dd-alle a{font-weight:700;color:var(--tur-mork);border-top:1px solid var(--linje);
margin-top:6px;padding-top:10px}
@media(min-width:1100px){
.meny>li:hover>.dd,.meny>li:focus-within>.dd{display:block}
.meny>li:nth-last-child(-n+3) .dd{left:auto;right:0}
}
@media(max-width:1099.98px){
#burger{display:block}
.meny{display:none;position:fixed;top:58px;left:0;right:0;bottom:0;background:var(--blaa-dyp);
overflow-y:auto;-webkit-overflow-scrolling:touch;flex-direction:column;padding:0 20px 70px;gap:0}
.meny.apen{display:flex}
.meny>li{white-space:normal}
.meny>li>a{padding:13px 4px;border-top:1px solid rgba(255,255,255,.12);font-size:1rem}
.meny>li:first-child>a{border-top:none}
.dd{position:static;display:none;box-shadow:none;border-radius:0;background:rgba(255,255,255,.06);
border-top:none;min-width:0;padding:0}
.dd a{color:#cfdce5;padding:9px 16px}
.dd a:hover{background:none;color:var(--tur-signal)}
.dd .dd-alle a{color:var(--tur-signal);border-top:1px solid rgba(255,255,255,.15)}
.meny>li.apen>.dd{display:block}
body.meny-laast{overflow:hidden}}
/* ---------------- hero ---------------- */
.hero{background:linear-gradient(135deg,var(--blaa-dyp) 0%,var(--blaa) 52%,#2f93c4 100%);
color:#fff;padding:52px 0 44px}
.hero.foto{background-size:cover;background-position:center;padding:0}
.hero.foto.kompakt{min-height:300px;display:flex;align-items:center;padding:44px 0}
.hero-panel{background:rgba(18,84,122,.92);border-radius:14px;padding:26px 32px;max-width:800px;
box-shadow:0 8px 40px rgba(0,0,0,.35)}
.hero-panel h1{margin:0 0 10px;font-size:1.95rem;line-height:1.2;letter-spacing:-.02em}
.hero .intro{font-size:1.05rem;color:#d7e4ee;max-width:720px;margin:0}
.hero .intro a{color:var(--tur-signal)}
@media(max-width:640px){.hero-panel{padding:20px}.hero-panel h1{font-size:1.42rem}}
.hero h1{font-size:2.35rem;line-height:1.15;letter-spacing:-.02em;margin:0 0 14px;max-width:760px}
.hero p.under{font-size:1.1rem;color:#cddeea;max-width:680px;margin:0 0 24px}
@media(max-width:640px){.hero h1{font-size:1.8rem}}
.storhero{position:relative;min-height:520px;height:70vh;max-height:680px;display:flex;
align-items:center;justify-content:center;text-align:center;overflow:hidden;background:var(--blaa-dyp)}
.serie{position:absolute;inset:0;z-index:0}
.serie .bilde{position:absolute;inset:0;background-size:cover;background-position:center;
opacity:0;transition:opacity 1.5s ease}
.serie .bilde.aktiv{opacity:1}
/* Filteret over karusellen er delt i to: en lett gradient som bare demper topp
   og bunn (der menyen og knappene ligger), og et tettere sjal som foelger
   tekstblokken. Selve bildet staar dermed nesten ufiltrert i midtfeltet. */
.storhero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:linear-gradient(180deg,rgba(8,38,58,.56) 0%,rgba(8,38,58,.09) 30%,rgba(8,38,58,.11) 60%,rgba(8,38,58,.66) 100%)}
.storhero-innhold::before{content:"";position:absolute;inset:-9% -7%;z-index:-1;pointer-events:none;
background:radial-gradient(ellipse 56% 52% at 50% 47%,rgba(8,38,58,.70) 0%,rgba(8,38,58,.52) 46%,
rgba(8,38,58,.18) 76%,rgba(8,38,58,0) 100%)}
.storhero-innhold{position:relative;z-index:2;color:#fff;max-width:900px;padding:2rem 20px;width:100%;min-width:0}
.merkelapp{display:inline-block;background:var(--tur-signal);color:#04241f;font-size:.8rem;font-weight:700;
letter-spacing:.03em;padding:6px 15px;border-radius:50px;margin-bottom:18px;box-shadow:0 2px 14px rgba(0,0,0,.3)}
.storhero h1{font-size:clamp(1.95rem,1.1rem + 3.4vw,3.1rem);line-height:1.12;letter-spacing:-.025em;
margin:0 0 16px;text-shadow:0 2px 5px rgba(0,0,0,.92),0 5px 26px rgba(0,0,0,.8)}
.storhero .under{font-size:clamp(1.02rem,.95rem + .4vw,1.16rem);line-height:1.6;margin:0 auto 24px;
max-width:680px;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.94),0 3px 20px rgba(0,0,0,.8)}
.herosok{display:flex;gap:8px;max-width:580px;margin:24px auto 0;background:#fff;
padding:7px 7px 7px 10px;border-radius:50px;border:1px solid rgba(255,255,255,.85);
box-shadow:0 14px 40px rgba(3,12,22,.5),0 2px 6px rgba(3,12,22,.35)}
.herosok .lupe{flex:none;align-self:center;color:var(--graa)}
.herosok input{flex:1 1 0;width:100%;min-width:0;border:none;background:transparent;color:var(--blaa);
font-size:1.02rem;padding:11px 8px}
.herosok input::placeholder{color:#67798a;opacity:1}
.herosok input:focus{outline:none}
.herosok:focus-within{box-shadow:0 0 0 4px rgba(79,227,180,.55),0 14px 40px rgba(3,12,22,.5)}
.herosok button{background:var(--kor-knapp);color:#fff;border:none;border-radius:50px;font-weight:700;
font-size:1rem;padding:12px 26px;cursor:pointer}
.herosok button:hover{background:var(--kor-knapp-m)}
@media(max-width:520px){.herosok{padding:6px 6px 6px 8px}.herosok button{padding:11px 18px}}
@media(prefers-reduced-motion:reduce){.serie .bilde{transition:none}}
.hero-knapper{display:flex;flex-wrap:wrap;gap:12px}
.storhero .hero-knapper{justify-content:center}
.knapp{display:inline-block;background:var(--kor-knapp);color:#fff;text-decoration:none;font-weight:700;
padding:12px 22px;border-radius:9px;border:none;font-size:1rem;cursor:pointer}
.knapp:hover{background:var(--kor-knapp-m);color:#fff}
.knapp.gronn{background:var(--tur-mork)}.knapp.gronn:hover{background:#06614d}
.knapp.sekundar{background:transparent;border:2px solid var(--tur-signal);color:var(--tur-signal)}
.knapp.sekundar:hover{background:rgba(79,227,180,.14);color:#8ff0cd}
/* ---------------- brevmaler ---------------- */
.mal-nav{columns:2;column-gap:26px;margin:0}
@media(max-width:640px){.mal-nav{columns:1}}
.mal{background:var(--kort);border:1px solid var(--linje);border-radius:12px;
padding:22px 24px;margin:26px 0}
.mal h2{margin-top:0;font-size:1.24rem;color:var(--blaa)}
.mal-naar,.mal-til{margin:0 0 8px;font-size:.94rem;color:var(--graa)}
.mal-brev{border:1px solid var(--linje);border-radius:9px;overflow:hidden;margin:16px 0}
.mal-topp{display:flex;justify-content:space-between;align-items:center;
background:var(--tur-lys);padding:9px 14px;font-size:.86rem;font-weight:700;color:var(--tur-mork)}
.mal-brev pre{margin:0;padding:18px;background:#fff;white-space:pre-wrap;
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.6}
.kopier{background:var(--tur-mork);color:#fff;border:none;border-radius:7px;
padding:6px 14px;font-size:.84rem;font-weight:700;cursor:pointer}
.kopier:hover{background:#06614d}
.kopier.kopiert{background:var(--blaa)}
.mal-mer{margin:0;font-size:.94rem}
/* ---------------- kommuneliste ---------------- */
.kommuneliste{columns:4;column-gap:24px;list-style:none;padding:0;margin:0 0 26px;font-size:.94rem}
.kommuneliste li{break-inside:avoid;padding:2px 0}
@media(max-width:900px){.kommuneliste{columns:3}}
@media(max-width:640px){.kommuneliste{columns:2}}
#kommunefilter{width:100%;padding:12px 14px;font-size:1rem;border:2px solid var(--linje);
border-radius:9px;margin:8px 0 4px}
#kommunefilter:focus{outline:none;border-color:var(--tur)}
/* ---------------- veiviser ---------------- */
.veiviser{background:var(--kort);border:1px solid var(--linje);border-radius:14px;padding:26px}
.vv-sporsmal h2{margin:0 0 6px;font-size:1.3rem;color:var(--blaa)}
.vv-sporsmal p{margin:0 0 18px;color:var(--graa)}
.vv-valg{display:grid;gap:10px}
.vv-valg button{text-align:left;background:#fff;border:2px solid var(--linje);
border-radius:10px;padding:14px 16px;font-size:1rem;cursor:pointer;color:var(--tekst)}
.vv-valg button:hover{border-color:var(--tur);background:var(--tur-lys)}
.vv-svar{border-left:6px solid var(--tur);background:var(--tur-lys);
border-radius:0 12px 12px 0;padding:20px 24px}
.vv-svar h2{margin:0 0 8px;color:var(--blaa)}
.vv-svar ul{margin:12px 0 0}
.vv-omigjen{background:none;border:none;color:var(--tur-mork);font-weight:700;
cursor:pointer;padding:0;margin-top:16px;text-decoration:underline}
/* ---------------- hastehjelp og trinnstige ---------------- */
.hastekort{background:var(--tur-lys);border:1px solid #b9e6da;border-left:6px solid var(--tur);
border-radius:12px;padding:22px 24px}
.hastekort h2{margin:0 0 6px;font-size:1.3rem;color:var(--blaa)}
.hastekort>p{margin:0 0 16px;color:var(--graa)}
.hastegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:16px}
.hastegrid strong{display:block;color:var(--blaa);margin-bottom:3px}
.hastegrid span{font-size:.92rem;color:var(--graa)}
.hastekort .mini{margin:16px 0 0;font-size:.9rem}
.trinnstige{list-style:none;counter-reset:t;margin:0;padding:0;display:grid;
grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:16px}
.trinnstige>li{display:flex;gap:14px;background:var(--kort);border:1px solid var(--linje);
border-radius:12px;padding:16px 18px}
.trinn-nr{flex:none;width:32px;height:32px;border-radius:50%;background:var(--blaa);
color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center}
.trinnstige h3{margin:2px 0 5px;font-size:1.02rem}
.trinnstige h3 a{color:var(--blaa);text-decoration:none}
.trinnstige p{margin:0;font-size:.89rem;color:var(--graa)}
.hjelpelinje{border-top:1px solid rgba(255,255,255,.16);margin-top:26px;padding-top:18px}
.hjelpelinje p{margin:0;font-size:.93rem}
.dato-info{margin-top:26px}
/* ---------------- blokker og kort ---------------- */
.blokk{padding:44px 0}
.blokk.lys{background:#fff;border-top:1px solid var(--linje);border-bottom:1px solid var(--linje)}
.blokk h2.b-tittel{font-size:1.7rem;letter-spacing:-.01em;margin:0 0 6px}
.blokk p.b-under{color:var(--graa);margin:0 0 22px;max-width:720px}
.kortgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:18px}
.kortgrid.tre{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.kort{background:var(--kort);border:1px solid var(--linje);border-radius:12px;padding:20px 20px 16px;
display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(18,84,122,.05);position:relative;overflow:hidden}
.kort::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--kor);opacity:0;transition:opacity .15s}
.kort:hover::before{opacity:1}
.kort h3{margin:0 0 8px;font-size:1.05rem;line-height:1.35}
.kort h3 a{text-decoration:none;color:var(--blaa)}
.kort h3 a::after{content:"";position:absolute;inset:0}
.kort p{margin:0;font-size:.9rem;color:var(--graa);flex-grow:1}
.kort .merk{display:inline-block;background:var(--tur-lys);color:var(--tur-mork);font-size:.71rem;
font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:2px 8px;
margin-bottom:10px;align-self:flex-start}
.kort .kdato{font-size:.76rem;color:var(--graa-lys);margin-top:10px}
.seksjonskort{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.sk{display:block;background:var(--kort);border:1px solid var(--linje);border-radius:12px;
padding:22px;text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(18,84,122,.05);
border-top:4px solid var(--tur)}
.sk:hover{box-shadow:0 8px 24px rgba(18,84,122,.1);color:inherit}
.sk h3{margin:0 0 7px;color:var(--blaa);font-size:1.1rem}
.sk p{margin:0;font-size:.9rem;color:var(--graa)}
.sk .antall{display:block;margin-top:10px;font-size:.78rem;font-weight:700;color:var(--kor);
text-transform:uppercase;letter-spacing:.04em}
/* ---------------- artikkel ---------------- */
.brod{font-size:.83rem;color:var(--graa);padding:18px 0 0}
.brod a{color:var(--graa)}
.art-hode{padding:10px 0 6px}
.art-hode h1{font-size:2.05rem;line-height:1.18;letter-spacing:-.02em;margin:6px 0 10px}
.art-hode .ingress{font-size:1.12rem;color:var(--graa);margin:0 0 8px;line-height:1.55}
.art-hode .dato{font-size:.82rem;color:var(--graa-lys)}
.art-bilde{border-radius:12px;overflow:hidden;margin:18px 0 0;line-height:0}
.art-bilde img{width:100%;display:block}
.art-bilde figcaption{background:var(--kort);border:1px solid var(--linje);border-top:none;
font-size:.78rem;color:var(--graa-lys);padding:7px 12px;line-height:1.5}
.innhold{background:var(--kort);border:1px solid var(--linje);border-radius:14px;padding:34px 38px;margin:22px 0}
@media(max-width:640px){.innhold{padding:22px 18px}.art-hode h1{font-size:1.56rem}}
.innhold h2{font-size:1.4rem;letter-spacing:-.01em;margin:34px 0 12px;color:var(--blaa)}
.innhold h2:first-child{margin-top:0}
.hubintro{padding:26px 32px}
.hubintro p:last-child{margin-bottom:0}
@media(max-width:640px){.hubintro{padding:20px}}
.innhold h3{font-size:1.1rem;margin:24px 0 8px;color:var(--blaa)}
.innhold table{width:100%;border-collapse:collapse;margin:18px 0;font-size:.93rem;display:block;overflow-x:auto}
.innhold th,.innhold td{border:1px solid var(--linje);padding:9px 12px;text-align:left;vertical-align:top}
.innhold th{background:var(--tur-lys);color:var(--blaa)}
.innhold tr:nth-child(even) td{background:#fafcfd}
.innhold ul,.innhold ol{padding-left:22px}
.innhold li{margin:5px 0}
.innhold img.arvbilde{float:right;margin:6px 0 14px 18px;max-width:340px;border-radius:10px}
@media(max-width:640px){.innhold img.arvbilde{float:none;margin:14px 0;max-width:100%}}
.tips,.advarsel,.fakta,.kilde{border-radius:10px;padding:14px 18px;margin:20px 0;font-size:.95rem}
.tips{background:var(--tur-lys);border-left:4px solid var(--tur)}
.advarsel{background:var(--kor-lys);border-left:4px solid var(--kor)}
.fakta{background:#e9f2f9;border-left:4px solid var(--blaa)}
.kilde{background:#f3f6f8;border-left:4px solid var(--graa-lys);font-size:.87rem;color:var(--graa)}
.tips p:first-child,.advarsel p:first-child,.fakta p:first-child,.kilde p:first-child{margin-top:0}
.tips p:last-child,.advarsel p:last-child,.fakta p:last-child,.kilde p:last-child{margin-bottom:0}
.tips b,.advarsel b,.fakta b{color:var(--blaa)}
/* Regnearkformler og kommandoer. Lagt til 12.08.2026: to filer i runde 5 tok
   <code> i bruk, og uten en regel her arvet den bare nettleserens monospace. */
.innhold code{background:#f3f6f8;border:1px solid var(--linje);border-radius:5px;
padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
font-size:.88em;white-space:nowrap}
.tips code,.advarsel code,.fakta code{background:rgba(255,255,255,.72)}
.faq details{border:1px solid var(--linje);border-radius:9px;margin:10px 0;background:#fff}
.faq summary{cursor:pointer;font-weight:700;padding:13px 16px;color:var(--blaa)}
.faq details[open] summary{border-bottom:1px solid var(--linje)}
.faq .faq-svar{padding:12px 16px}
.lesogsa{background:var(--tur-lys);border-radius:12px;padding:22px 26px;margin:26px 0}
.lesogsa h2{margin:0 0 12px;font-size:1.14rem;color:var(--blaa)}
.lesogsa ul{margin:0;padding-left:20px}
.lesogsa li{margin:6px 0}
.kildeliste{background:var(--kort);border:1px solid var(--linje);border-radius:12px;padding:20px 24px;margin:22px 0}
.kildeliste h2{margin:0 0 10px;font-size:1.08rem;color:var(--blaa)}
.kildeliste ul{margin:0;padding-left:20px;font-size:.9rem;color:var(--graa)}
.kildeliste li{margin:5px 0}
.arkivmerke{background:var(--sol-lys);border-left:4px solid var(--sol);border-radius:10px;
padding:12px 18px;margin:0 0 20px;font-size:.9rem}
.arkivmerke p{margin:0}
/* ---------------- forsidens arkivutdrag ---------------- */
.utdrag{background:var(--kort);border:1px solid var(--linje);border-radius:14px;padding:26px 30px;margin:18px 0}
.utdrag h3{margin:0 0 4px;font-size:1.25rem;line-height:1.3}
.utdrag h3 a{color:var(--blaa);text-decoration:none}
.utdrag .dato{font-size:.79rem;color:var(--graa-lys);margin:0 0 12px}
.utdrag p{margin:0 0 12px}
.utdrag .mer{font-weight:700}
@media(max-width:640px){.utdrag{padding:20px 18px}}
.velkomst{background:var(--kort);border:1px solid var(--linje);border-left:5px solid var(--tur);
border-radius:14px;padding:28px 32px}
.velkomst h2{margin:0 0 12px;color:var(--blaa);font-size:1.5rem}
@media(max-width:640px){.velkomst{padding:22px 18px}}
/* ---------------- data og verktøy ---------------- */
.statrad{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin:22px 0}
.stat{background:var(--kort);border:1px solid var(--linje);border-radius:11px;padding:15px 17px}
.stat .etikett{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;color:var(--graa-lys);font-weight:700}
.stat .verdi{font-size:1.5rem;font-weight:800;color:var(--blaa);letter-spacing:-.02em;line-height:1.25;margin-top:3px}
.stat .verdi small{font-size:.82rem;font-weight:600;color:var(--graa)}
.stat .under{font-size:.8rem;color:var(--graa);margin-top:2px}
.stat.fram{background:var(--blaa);border-color:var(--blaa)}
.stat.fram .etikett{color:#a5c6dd}
.stat.fram .verdi{color:#fff}
.stat.fram .verdi small,.stat.fram .under{color:#c2d8e6}
.vkt-form{background:var(--kort);border:1px solid var(--linje);border-radius:14px;padding:24px 28px;margin:20px 0}
.vkt-form fieldset{border:none;margin:0 0 18px;padding:0}
.vkt-form legend{font-weight:700;color:var(--blaa);margin-bottom:6px}
.vkt-form label{display:block;margin:5px 0}
.vkt-form .stor-label{font-weight:700;color:var(--blaa);margin:14px 0 6px;display:block}
.vkt-form input[type=number],.vkt-form input[type=text],.vkt-form input[type=search],.vkt-form select{
width:100%;max-width:380px;padding:10px 12px;font-size:1rem;border:1px solid var(--linje);border-radius:8px;background:#fff}
.vkt-form input[type=range]{width:100%;max-width:380px}
.vkt-rad{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.tosidig{display:grid;grid-template-columns:1fr 1fr;gap:10px 26px}
@media(max-width:660px){.tosidig{grid-template-columns:1fr;gap:4px}}
.vkt-resultat{background:var(--kort);border:2px solid var(--tur);border-radius:14px;padding:22px 26px;margin:20px 0}
.vkt-resultat h2{margin:0 0 12px;color:var(--blaa);font-size:1.25rem}
.resultattall{font-size:2rem;font-weight:800;color:var(--tur-mork);letter-spacing:-.02em;line-height:1.2}
.resultattall small{font-size:.9rem;font-weight:600;color:var(--graa)}
.fordeling{display:flex;height:26px;border-radius:6px;overflow:hidden;margin:14px 0 8px;border:1px solid var(--linje)}
.fordeling span{display:block;height:100%}
.f-a{background:var(--tur)}.f-b{background:var(--kor)}.f-c{background:var(--sol)}.f-d{background:var(--blaa-lys)}
.tegnforklaring{display:flex;flex-wrap:wrap;gap:14px;font-size:.84rem;color:var(--graa)}
.tegnforklaring i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.datatabell{width:100%;border-collapse:collapse;font-size:.93rem;background:var(--kort)}
.datatabell th,.datatabell td{border-bottom:1px solid var(--linje);padding:9px 11px;text-align:left}
.datatabell th{background:var(--tur-lys);color:var(--blaa)}
.datatabell td.tall,.datatabell th.tall{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.tabellramme{overflow-x:auto;border:1px solid var(--linje);border-radius:11px;margin:18px 0}
.mini{font-size:.8rem;color:var(--graa)}
.liten{font-size:.85rem;color:var(--graa)}
#tabellfilter,.filterfelt{width:100%;max-width:430px;padding:11px 14px;font-size:1rem;
border:1px solid var(--linje);border-radius:8px;margin:10px 0 14px}
.merkerad{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
.merkerad a,.merkerad span{display:inline-block;background:var(--kort);border:1px solid var(--linje);
border-radius:50px;padding:5px 13px;text-decoration:none;font-size:.85rem;font-weight:600;color:var(--blaa)}
.merkerad a:hover{background:var(--tur-lys);border-color:var(--tur)}
/* ---------------- klynger og ordliste ---------------- */
.klynge{margin-bottom:14px}
.klynge-tittel{font-size:1.32rem;letter-spacing:-.01em;color:var(--blaa);margin:34px 0 14px;
padding-bottom:8px;border-bottom:3px solid var(--tur)}
.klynge:first-of-type .klynge-tittel{margin-top:16px}
.alfarad{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}
.alfarad a{display:inline-block;background:var(--kort);border:1px solid var(--linje);border-radius:6px;
padding:4px 10px;text-decoration:none;font-weight:700;color:var(--blaa)}
.alfarad a:hover{background:var(--tur-lys)}
.ord{background:var(--kort);border:1px solid var(--linje);border-radius:11px;padding:16px 20px;margin:10px 0}
.ord h3{margin:0 0 6px;color:var(--blaa)}
.ord p{margin:0}
.kredittliste{list-style:none;padding:0;margin:0}
.kredittliste li{background:var(--kort);border:1px solid var(--linje);border-radius:9px;
padding:12px 16px;margin:9px 0;font-size:.9rem}
.kredittliste b{color:var(--blaa)}
/* ---------------- bunn ---------------- */
.bunn{background:var(--blaa-dyp);color:#bccbd8;margin-top:54px;padding:44px 0 26px;font-size:.9rem}
.bunn a{color:#d2e2ec;text-decoration:none}.bunn a:hover{color:var(--tur-signal)}
.bunn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:26px;margin-bottom:26px}
.bunn h2{color:#fff;font-size:.95rem;margin:0 0 10px;font-weight:700;letter-spacing:0}
.bunn ul{list-style:none;margin:0;padding:0}
.bunn li{margin:5px 0}
.bunn .kolofon{border-top:1px solid rgba(255,255,255,.15);padding-top:18px;font-size:.81rem;color:#93a8b8}
.bunn button.lenkeknapp{background:none;border:none;color:#d2e2ec;font:inherit;padding:0;cursor:pointer;text-align:left}
.bunn button.lenkeknapp:hover{color:var(--tur-signal);text-decoration:underline}
@media print{.topp,.bunn,.lesogsa,.brod{display:none!important}body{background:#fff}}


/* bakgrunnsbilder, smal fil under 720 px */
.bg-arkiv{background-image:url('/bilder/arkiv-sm.webp')}
.bg-forside{background-image:url('/bilder/forside.webp')}
.bg-gjeldsproblemer{background-image:url('/bilder/gjeldsproblemer-sm.webp')}
.bg-gjeldssanering{background-image:url('/bilder/gjeldssanering-sm.webp')}
.bg-inkasso{background-image:url('/bilder/inkasso-sm.webp')}
.bg-karusell-1{background-image:url('/bilder/karusell-1-sm.webp')}
.bg-kredittopplysning{background-image:url('/bilder/kredittopplysning-sm.webp')}
.bg-lan{background-image:url('/bilder/lan-sm.webp')}
.bg-livet{background-image:url('/bilder/livet-sm.webp')}
.bg-privatokonomi{background-image:url('/bilder/privatokonomi-sm.webp')}
.bg-renter{background-image:url('/bilder/renter-sm.webp')}
.bg-rettigheter{background-image:url('/bilder/rettigheter-sm.webp')}
.bg-rettslig{background-image:url('/bilder/rettslig-sm.webp')}
.bg-verktoy{background-image:url('/bilder/verktoy-sm.webp')}
@media(min-width:720px){.bg-arkiv{background-image:url('/bilder/arkiv.webp')}.bg-gjeldsproblemer{background-image:url('/bilder/gjeldsproblemer.webp')}.bg-gjeldssanering{background-image:url('/bilder/gjeldssanering.webp')}.bg-inkasso{background-image:url('/bilder/inkasso.webp')}.bg-karusell-1{background-image:url('/bilder/karusell-1.webp')}.bg-kredittopplysning{background-image:url('/bilder/kredittopplysning.webp')}.bg-lan{background-image:url('/bilder/lan.webp')}.bg-livet{background-image:url('/bilder/livet.webp')}.bg-privatokonomi{background-image:url('/bilder/privatokonomi.webp')}.bg-renter{background-image:url('/bilder/renter.webp')}.bg-rettigheter{background-image:url('/bilder/rettigheter.webp')}.bg-rettslig{background-image:url('/bilder/rettslig.webp')}.bg-verktoy{background-image:url('/bilder/verktoy.webp')}}