:root{
/* Lysere og lystigere enn oekonomihjelpen-malen: klar koboltblaa gir tyngde og
   troverdighet, mynte og sol gjoer den vennlig for forbrukere. */
--blaa:#3059b5;--blaa-dyp:#26489b;--blaa-lys:#4f7cd6;
--tur:#0ea183;--tur-mork:#0a7f6a;--tur-lys:#e8faf5;--tur-signal:#5ff0cd;
--kor:#f4a029;--kor-mork:#c4780c;--kor-lys:#fff6e6;--kor-knapp:#9d5c08;--kor-knapp-m:#8d5107;
--sol:#c98a00;--sol-lys:#fff8e6;
--rod:#c0392b;--rod-lys:#fcedeb;
/* --graa-lys brukes til datolinjen, som er liten tekst og maa over WCAG AA
   4,5:1 mot --bg. Kontrollert av sjekk.py. */
--bg:#f6faff;--kort:#fff;--tekst:#1b2733;--graa:#4f5d6a;--graa-lys:#5b6a77;
--linje:#d5e2f1;--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-knapp);
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}
/* ---------------- forsinkelsesrentekalkulatoren ---------------- */
.kalk-kort{background:var(--kort);border:1px solid var(--linje);border-radius:16px;
padding:26px 28px;margin:22px 0;box-shadow:0 2px 14px rgba(38,72,155,.06)}
.kalk-kort h2{margin-top:0;color:var(--blaa);font-size:1.3rem}
.kalk-rad{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}
.kalk-kort label{display:block;font-weight:700;color:var(--blaa);margin-bottom:5px;font-size:.95rem}
.kalk-kort input[type=number],.kalk-kort input[type=date],.kalk-kort input[type=text],
.kalk-kort select{width:100%;padding:11px 12px;border:1px solid #b9c9de;border-radius:9px;
font-size:1.02rem;background:#fff;color:var(--tekst)}
.kalk-kort input:focus,.kalk-kort select:focus{outline:3px solid rgba(48,89,181,.35);border-color:var(--blaa)}
.kalk-hjelp{font-size:.86rem;color:var(--graa);margin:6px 0 0;font-weight:400}
.kalk-valg{margin-top:18px;padding-top:16px;border-top:1px solid var(--linje)}
.kalk-valg label{display:flex;gap:9px;align-items:flex-start;font-weight:400;color:var(--tekst)}
.kalk-valg input[type=checkbox]{width:19px;height:19px;margin-top:2px;flex:none}
.knapperad{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.knapperad button,.kalk-kort .lenkeknapp{cursor:pointer;border:none;border-radius:9px;
padding:11px 18px;font-size:.95rem;font-weight:700;background:var(--blaa);color:#fff}
.knapperad button.sekundar{background:var(--kort);color:var(--blaa);border:1.5px solid var(--blaa)}
.knapperad button:hover{background:var(--blaa-dyp)}
.knapperad button.sekundar:hover{background:var(--tur-lys)}
#betalinger{margin-top:12px}
.bet-rad{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-bottom:10px;align-items:center}
.bet-vekk{background:none;border:1.5px solid #c3ceda;color:var(--graa);border-radius:8px;
padding:9px 12px;cursor:pointer;font-size:.88rem}
.bet-vekk:hover{border-color:var(--rod);color:var(--rod)}
.bet-tom{color:var(--graa);font-size:.9rem;margin:6px 0 0}
.kalk-vent{color:var(--graa);margin:0;padding:18px 0}
.kalk-sum{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:22px}
.ks-tall{background:var(--tur-lys);border-radius:12px;padding:16px 18px}
.ks-tall strong{display:block;font-size:1.42rem;color:var(--blaa-dyp);line-height:1.25;margin-top:4px}
.ks-etikett{font-size:.82rem;color:var(--graa);text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.kalk-oppsum{width:100%;border-collapse:collapse;margin:0 0 22px;font-size:.96rem}
.kalk-oppsum th{text-align:left;font-weight:400;padding:8px 0;border-bottom:1px solid var(--linje)}
.kalk-oppsum td{padding:8px 0;border-bottom:1px solid var(--linje)}
.kalk-oppsum .sumrad th,.kalk-oppsum .sumrad td{font-weight:800;font-size:1.05rem;
border-bottom:none;border-top:2px solid var(--blaa);color:var(--blaa-dyp)}
.kalk-tabell{width:100%;border-collapse:collapse;font-size:.88rem;min-width:640px}
.kalk-tabell th,.kalk-tabell td{padding:8px 11px;border-bottom:1px solid var(--linje);text-align:left}
.kalk-tabell thead th{background:var(--blaa-dyp);color:#fff;font-size:.8rem;
text-transform:uppercase;letter-spacing:.03em;position:sticky;top:0}
.kalk-tabell .tal{text-align:right;font-variant-numeric:tabular-nums}
.kalk-tabell .rad-betaling{background:var(--kor-lys)}
.kalk-tabell .sumrad th,.kalk-tabell .sumrad td{font-weight:800;background:var(--tur-lys)}
.kalk-forklaring{font-size:.9rem;color:var(--graa)}
#utskrift-hode{display:none}
@media print{
 /* Auto Ads sproeytes inn som ins.adsbygoogle foerst naar siden er lastet.
    Uten denne regelen havner annonsene midt i den utskrevne oppstillingen. */
 .kalk-kort#kalk-skjema,.knapperad,.brod,.topp,.bunn,.lesogsa,#samtykke,.kalk-etter,
 ins.adsbygoogle{display:none!important}
 #utskrift-hode{display:block;margin-bottom:16px;border-bottom:2px solid #333;padding-bottom:10px}
 #utskrift-hode h2{margin:0;font-size:1.2rem}
 .kalk-resultat{border:none;box-shadow:none;padding:0}
 .kalk-tabell{min-width:0;font-size:.76rem}
 .kalk-tabell thead th{background:#eee;color:#000}
 .ks-tall{background:#f2f2f2}
 body{background:#fff;font-size:12px}
 a[href]:after{content:""}
}
@media(max-width:560px){
 .bet-rad{grid-template-columns:1fr 1fr;gap:8px}
 .bet-vekk{grid-column:1/-1}
}
/* ---------------- samtykke (kun statistikk) ---------------- */
#samtykke{position:fixed;bottom:0;left:0;right:0;background:var(--blaa-dyp);color:#e9eefb;z-index:100;
padding:16px 20px;box-shadow:0 -4px 20px rgba(38,72,155,.35)}
#samtykke .wrap{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
#samtykke p{margin:0;font-size:.88rem;max-width:760px}
#samtykke a{color:var(--tur-signal)}
#samtykke .knapper{display:flex;gap:10px;flex-wrap:wrap}
#samtykke button{cursor:pointer;border-radius:8px;padding:10px 18px;font-size:.92rem;font-weight:700;border:none}
#s-ja{background:var(--tur-mork);color:#fff}
#s-nei{background:transparent;color:#d8e2f6;border:1px solid #6076ad}
@media(max-width:560px){#samtykke .knapper{width:100%}#samtykke button{flex:1}}
@media print{.topp,.bunn,#samtykke,.lesogsa,.brod,ins.adsbygoogle{display:none!important}body{background:#fff}}


/* bakgrunnsbilder, smal fil under 720 px */
.bg-arkiv{background-image:url('/bilder/arkiv-sm.webp')}
.bg-avtaler{background-image:url('/bilder/avtaler-sm.webp')}
.bg-beregning{background-image:url('/bilder/beregning-sm.webp')}
.bg-foreldelse{background-image:url('/bilder/foreldelse-sm.webp')}
.bg-forfall{background-image:url('/bilder/forfall-sm.webp')}
.bg-forside{background-image:url('/bilder/forside-sm.webp')}
.bg-forsinkelsesrente{background-image:url('/bilder/forsinkelsesrente-sm.webp')}
.bg-inkasso{background-image:url('/bilder/inkasso-sm.webp')}
.bg-kalkulator{background-image:url('/bilder/kalkulator-sm.webp')}
.bg-karusell-1{background-image:url('/bilder/karusell-1-sm.webp')}
.bg-kreditt{background-image:url('/bilder/kreditt-sm.webp')}
.bg-naringsliv{background-image:url('/bilder/naringsliv-sm.webp')}
.bg-offentlige-krav{background-image:url('/bilder/offentlige-krav-sm.webp')}
.bg-rettslig{background-image:url('/bilder/rettslig-sm.webp')}
.bg-satser{background-image:url('/bilder/satser-sm.webp')}
.bg-verktoy{background-image:url('/bilder/verktoy-sm.webp')}
@media(min-width:720px){.bg-arkiv{background-image:url('/bilder/arkiv.webp')}.bg-avtaler{background-image:url('/bilder/avtaler.webp')}.bg-beregning{background-image:url('/bilder/beregning.webp')}.bg-foreldelse{background-image:url('/bilder/foreldelse.webp')}.bg-forfall{background-image:url('/bilder/forfall.webp')}.bg-forside{background-image:url('/bilder/forside.webp')}.bg-forsinkelsesrente{background-image:url('/bilder/forsinkelsesrente.webp')}.bg-inkasso{background-image:url('/bilder/inkasso.webp')}.bg-kalkulator{background-image:url('/bilder/kalkulator.webp')}.bg-karusell-1{background-image:url('/bilder/karusell-1.webp')}.bg-kreditt{background-image:url('/bilder/kreditt.webp')}.bg-naringsliv{background-image:url('/bilder/naringsliv.webp')}.bg-offentlige-krav{background-image:url('/bilder/offentlige-krav.webp')}.bg-rettslig{background-image:url('/bilder/rettslig.webp')}.bg-satser{background-image:url('/bilder/satser.webp')}.bg-verktoy{background-image:url('/bilder/verktoy.webp')}}