/* kredittvurdering.info - stilark
   Paletten er lysere og varmere enn okonomihjelpen.com: samme troverdige
   blaatone i bunn, men groent som signalfarge (ja/innvilget) og korall som
   handlingsfarge. Alle graatoner er kontrollert mot WCAG AA av kontrast.py -
   endrer du en verdi her, kjoer kontrast.py paa nytt.
   Fargenavnene brukes ogsaa av kontrast.py, saa behold formatet --navn:#hex. */
:root{
--blaa:#1a5a92;--blaa-dyp:#123f68;--blaa-lys:#2b7ab8;
--gronn:#0b825c;--gronn-mork:#076044;--gronn-lys:#e7f7f0;--gronn-signal:#48e0a6;
--kor:#c94a29;--kor-mork:#a53c1c;--kor-lys:#fdefeb;
--gul:#b97b06;--gul-lys:#fff6e4;
--rod:#c0392b;--rod-lys:#fdedeb;
--bg:#f6f9fc;--kort:#fff;--tekst:#1b2a37;--graa:#4f6270;--graa-lys:#5c6f7d;
--linje:#dde6ee;--maks:1180px}
*{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.68;font-size:17px;
-webkit-font-smoothing:antialiased}
a{color:var(--blaa)}a:hover{color:var(--gronn-mork)}
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:830px;margin:0 auto;padding:0 20px}
.hoppe{position:absolute;left:-9999px;background:#fff;padding:10px 16px;z-index:200;border-radius:6px}
.hoppe:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--gronn-signal);outline-offset:2px}

/* ---------------- topp og meny ---------------- */
.topp{background:var(--blaa-dyp);color:#fff;position:sticky;top:0;z-index:60;
box-shadow:0 2px 14px rgba(18,63,104,.28)}
.topp-indre{max-width:var(--maks);margin:0 auto;padding:0 20px;display:flex;align-items:center;
justify-content:space-between;min-height:60px;flex-wrap:nowrap;gap:8px}
.logo{color:#fff;text-decoration:none;font-weight:800;font-size:1.16rem;letter-spacing:-.022em;
padding:10px 0;white-space:nowrap;display:flex;align-items:center;gap:9px}
.logo b{color:var(--gronn-signal);font-weight:800}
/* .logo er flex med gap, saa loese tekstnoder blir egne flex-elementer.
   Uten denne wrapperen kom det et mellomrom foer .info */
.logo-tekst{white-space:nowrap}
.logo:hover{color:#fff}
.logo svg{flex:none}
#burger{display:none;background:none;border:2px solid rgba(255,255,255,.42);color:#fff;
font-size:1rem;padding:6px 12px;border-radius:7px;cursor:pointer}
.sok-lenke{display:flex;align-items:center;justify-content:center;color:#e4eef6;padding:8px;
border-radius:7px;flex:0 0 auto}
.sok-lenke:hover{color:var(--gronn-signal);background:rgba(255,255,255,.1)}
.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:#e4eef6;text-decoration:none;padding:18px 9px;font-size:.865rem;font-weight:600}
.meny>li>a:hover{color:var(--gronn-signal)}
@media(min-width:1100px) and (max-width:1339.98px){.meny>li>a{padding:18px 5px;font-size:.79rem}.logo{font-size:1rem}}
.dd{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:272px;max-width:350px;
list-style:none;margin:0;padding:8px 0;box-shadow:0 14px 38px rgba(18,63,104,.22);
border-radius:0 0 10px 10px;border-top:3px solid var(--gronn)}
.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(--gronn-lys);color:var(--blaa)}
.dd .dd-alle a{font-weight:700;color:var(--gronn-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:60px;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,.13);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,.07);
border-top:none;min-width:0;padding:0}
.dd a{color:#cddded;padding:9px 16px}
.dd a:hover{background:none;color:var(--gronn-signal)}
.dd .dd-alle a{color:var(--gronn-signal);border-top:1px solid rgba(255,255,255,.16)}
.meny>li.apen>.dd{display:block}
body.meny-laast{overflow:hidden}}

/* ---------------- hero ---------------- */
.storhero{position:relative;min-height:500px;height:66vh;max-height:640px;display:flex;
align-items:center;justify-content:center;text-align:center;overflow:hidden;background:var(--blaa-dyp)}
/* Ekte bildeelement, ikke CSS-bakgrunn: da henter nettleseren bare den
   ene kilden den faktisk bruker, og LCP-maalingen treffer riktig. */
.storhero .bilde{position:absolute;inset:0;z-index:0;line-height:0}
.storhero .bilde img{width:100%;height:100%;object-fit:cover;display:block}
/* Ikke noe filter over fotoet i det hele tatt. Menyen har egen bunnfarge,
   og teksten har sin egen boks - se .storhero-panel under. */
.storhero-innhold{position:relative;z-index:2;color:#fff;max-width:920px;padding:2rem 20px;width:100%;min-width:0}
/* Frostet boks bak tekstblokken. Maalt mot det lyseste punktet i bildet:
   uten boks 1,76 i kontrast, med boks over 4,5. Fotoet rundt er uroert. */
.storhero-panel{display:inline-block;max-width:820px;padding:30px 38px 34px;
border-radius:18px;background:rgba(0,0,0,.82);
backdrop-filter:blur(6px) saturate(115%);-webkit-backdrop-filter:blur(6px) saturate(115%);
border:1px solid rgba(255,255,255,.13);box-shadow:0 14px 60px rgba(0,0,0,.42)}
@media(max-width:640px){.storhero-panel{padding:22px 20px 26px;border-radius:14px}}
.merkelapp{display:inline-block;background:var(--gronn-signal);color:#04291d;font-size:.79rem;
font-weight:800;letter-spacing:.04em;padding:6px 16px;border-radius:50px;margin-bottom:18px;
box-shadow:0 2px 14px rgba(0,0,0,.3);text-transform:uppercase}
.storhero h1{font-size:clamp(1.95rem,1.1rem + 3.4vw,3.05rem);line-height:1.13;letter-spacing:-.026em;
margin:0 0 16px;text-shadow:0 1px 3px rgba(0,0,0,.96),0 3px 12px rgba(0,0,0,.9),0 6px 34px rgba(0,0,0,.7)}
.storhero .under{font-size:clamp(1.02rem,.95rem + .4vw,1.15rem);line-height:1.6;margin:0 auto 26px;
max-width:700px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.96),0 3px 14px rgba(0,0,0,.88),0 6px 30px rgba(0,0,0,.65)}
.herosok{display:flex;gap:8px;max-width:600px;margin:26px auto 0;background:#fff;
padding:7px 7px 7px 12px;border-radius:50px;border:1px solid rgba(255,255,255,.85);
box-shadow:0 14px 42px rgba(3,14,26,.5),0 2px 6px rgba(3,14,26,.34)}
.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-dyp);
font-size:1.02rem;padding:11px 8px}
.herosok input::placeholder{color:#66798a;opacity:1}
.herosok input:focus{outline:none}
.herosok:focus-within{box-shadow:0 0 0 4px rgba(72,224,166,.55),0 14px 42px rgba(3,14,26,.5)}
.herosok button{background:var(--kor);color:#fff;border:none;border-radius:50px;font-weight:700;
font-size:1rem;padding:12px 26px;cursor:pointer}
.herosok button:hover{background:var(--kor-mork)}
@media(max-width:520px){.herosok{padding:6px 6px 6px 8px}.herosok button{padding:11px 16px}}
.hero{background:linear-gradient(135deg,var(--blaa-dyp) 0%,var(--blaa) 58%,#2b7ab8 100%);
color:#fff;padding:46px 0 40px}
.hero.foto{padding:0;position:relative;overflow:hidden}
.hero.foto .bilde{position:absolute;inset:0;z-index:0;line-height:0}
.hero.foto .bilde img{width:100%;height:100%;object-fit:cover;display:block}
.hero.foto .wrap{position:relative;z-index:2}
.hero.foto.kompakt{min-height:290px;display:flex;align-items:center;padding:40px 0}
/* En boks bak teksten, ikke et filter over bildet. Noeytral svart, slik at
   fotoet ved siden av beholder fargene sine. */
.hero-panel{background:rgba(0,0,0,.82);backdrop-filter:saturate(115%) blur(6px);-webkit-backdrop-filter:saturate(115%) blur(6px);
border-radius:14px;padding:26px 32px;max-width:810px;
box-shadow:0 8px 40px rgba(0,0,0,.4)}
.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:#d5e5f1;max-width:730px;margin:0}
.hero .intro a{color:var(--gronn-signal)}
@media(max-width:640px){.hero-panel{padding:20px}.hero-panel h1{font-size:1.42rem}}
.hero-knapper{display:flex;flex-wrap:wrap;gap:12px}
.storhero .hero-knapper{justify-content:center}
.knapp{display:inline-block;background:var(--kor);color:#fff;text-decoration:none;font-weight:700;
padding:12px 24px;border-radius:10px;border:none;font-size:1rem;cursor:pointer}
.knapp:hover{background:var(--kor-mork);color:#fff}
.knapp.gronn{background:var(--gronn)}.knapp.gronn:hover{background:var(--gronn-mork)}
.knapp.sekundar{background:transparent;border:2px solid var(--gronn-signal);color:var(--gronn-signal)}
.knapp.sekundar:hover{background:rgba(72,224,166,.15);color:#8bf0cb}

/* ---------------- blokker og kort ---------------- */
.blokk{padding:46px 0}
.blokk.lys{background:#fff;border-top:1px solid var(--linje);border-bottom:1px solid var(--linje)}
.blokk h2.b-tittel{font-size:1.72rem;letter-spacing:-.014em;margin:0 0 6px}
.blokk p.b-under{color:var(--graa);margin:0 0 24px;max-width:730px}
.kortgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(266px,1fr));gap:18px}
.kortgrid.tre{grid-template-columns:repeat(auto-fit,minmax(292px,1fr))}
.kort{background:var(--kort);border:1px solid var(--linje);border-radius:13px;padding:20px 20px 16px;
display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(18,63,104,.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.36}
.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(--gronn-lys);color:var(--gronn-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(252px,1fr));gap:18px}
.sk{display:block;background:var(--kort);border:1px solid var(--linje);border-radius:13px;
padding:22px;text-decoration:none;color:inherit;box-shadow:0 1px 3px rgba(18,63,104,.05);
border-top:4px solid var(--gronn)}
.sk:hover{box-shadow:0 8px 26px rgba(18,63,104,.11);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:11px;font-size:.78rem;font-weight:700;color:var(--kor-mork);
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.19;letter-spacing:-.022em;margin:6px 0 10px}
.art-hode .ingress{font-size:1.12rem;color:var(--graa);margin:0 0 8px;line-height:1.56}
.art-hode .dato{font-size:.82rem;color:var(--graa-lys)}
.art-bilde{border-radius:13px;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:15px;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:-.012em;margin:34px 0 12px;color:var(--blaa)}
.innhold h2:first-child{margin-top:0}
.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(--gronn-lys);color:var(--blaa)}
.innhold tr:nth-child(even) td{background:#fafcfe}
.innhold ul,.innhold ol{padding-left:22px}
.innhold li{margin:5px 0}
.innhold code{background:#f2f6fa;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}
.hubintro{padding:26px 32px}
.hubintro p:last-child{margin-bottom:0}
@media(max-width:640px){.hubintro{padding:20px}}

/* Innholdsbokser. .ja og .nei er nettstedets egne: de markerer utfallet av en
   kredittvurdering, og er grunnen til at groent og roedt er egne signalfarger. */
.tips,.advarsel,.fakta,.kilde,.ja,.nei,.paragraf{border-radius:11px;padding:14px 18px;margin:20px 0;font-size:.95rem}
.tips{background:var(--gronn-lys);border-left:4px solid var(--gronn)}
.advarsel{background:var(--kor-lys);border-left:4px solid var(--kor)}
.fakta{background:#e8f1f9;border-left:4px solid var(--blaa)}
.kilde{background:#f2f6fa;border-left:4px solid var(--graa-lys);font-size:.87rem;color:var(--graa)}
.ja{background:var(--gronn-lys);border-left:4px solid var(--gronn);position:relative;padding-left:52px}
.nei{background:var(--rod-lys);border-left:4px solid var(--rod);position:relative;padding-left:52px}
.ja::before,.nei::before{position:absolute;left:16px;top:13px;width:24px;height:24px;border-radius:50%;
display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;color:#fff}
.ja::before{content:"\2713";background:var(--gronn)}
.nei::before{content:"\2715";background:var(--rod)}
.paragraf{background:var(--gul-lys);border-left:4px solid var(--gul);font-size:.93rem}
.paragraf .lovsitat{font-style:italic;color:var(--tekst);margin:6px 0 8px;padding-left:12px;
border-left:2px solid rgba(185,123,6,.4)}
.paragraf .hjemmel{font-size:.82rem;color:var(--graa);margin:0}
.tips p:first-child,.advarsel p:first-child,.fakta p:first-child,.kilde p:first-child,
.ja p:first-child,.nei p:first-child,.paragraf p:first-child{margin-top:0}
.tips p:last-child,.advarsel p:last-child,.fakta p:last-child,.kilde p:last-child,
.ja p:last-child,.nei p:last-child,.paragraf p:last-child{margin-bottom:0}
.tips b,.advarsel b,.fakta b,.ja b,.nei b{color:var(--blaa)}
.faq details{border:1px solid var(--linje);border-radius:10px;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(--gronn-lys);border-radius:13px;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:13px;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}
.velkomst{background:var(--kort);border:1px solid var(--linje);border-left:5px solid var(--gronn);
border-radius:15px;padding:28px 32px}
.velkomst h2{margin:0 0 12px;color:var(--blaa);font-size:1.5rem}
@media(max-width:640px){.velkomst{padding:22px 18px}}

/* ---------------- kalkulator ---------------- */
.kalk{background:var(--kort);border:1px solid var(--linje);border-radius:15px;padding:28px 32px;margin:22px 0;
box-shadow:0 1px 3px rgba(18,63,104,.05)}
@media(max-width:640px){.kalk{padding:20px 18px}}
.kalk h2{margin:0 0 6px;font-size:1.3rem;color:var(--blaa)}
.kalk .kalk-under{color:var(--graa);font-size:.93rem;margin:0 0 20px}
.kalk-rad{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.kalk-felt{display:flex;flex-direction:column;gap:5px}
.kalk-felt label{font-size:.85rem;font-weight:700;color:var(--tekst)}
.kalk-felt .hint{font-size:.78rem;color:var(--graa-lys);font-weight:400}
.kalk-felt input,.kalk-felt select{border:1px solid var(--linje);border-radius:9px;padding:11px 12px;
font-size:1rem;background:#fff;color:var(--tekst);font-family:inherit}
.kalk-felt input:focus,.kalk-felt select:focus{outline:none;border-color:var(--gronn);
box-shadow:0 0 0 3px rgba(11,130,92,.18)}
.kalk-svar{margin-top:22px;border-radius:12px;padding:20px 22px;background:var(--bg);
border:1px solid var(--linje)}
.kalk-svar.god{background:var(--gronn-lys);border-color:#b9e6d3}
.kalk-svar.stopp{background:var(--rod-lys);border-color:#f2c9c4}
.kalk-svar .dom{font-size:1.18rem;font-weight:800;margin:0 0 10px;color:var(--blaa)}
.kalk-svar .dom .ikon{display:inline-flex;width:26px;height:26px;border-radius:50%;color:#fff;
align-items:center;justify-content:center;font-size:.95rem;margin-right:9px;vertical-align:-5px}
.kalk-svar.god .dom .ikon{background:var(--gronn)}
.kalk-svar.stopp .dom .ikon{background:var(--rod)}
.kalk-tall{list-style:none;margin:0;padding:0;display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px 22px}
.kalk-tall li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dotted var(--linje);
padding:6px 0;font-size:.92rem}
.kalk-tall li b{font-variant-numeric:tabular-nums;white-space:nowrap}
.kalk-note{font-size:.82rem;color:var(--graa);margin:14px 0 0}

/* ---------------- bunn ---------------- */
.bunn{background:var(--blaa-dyp);color:#c6d8e7;margin-top:50px;padding:42px 0 26px;font-size:.9rem}
.bunn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px}
.bunn h2{color:#fff;font-size:.95rem;margin:0 0 10px;letter-spacing:.02em;
font-weight:700}
.bunn ul{list-style:none;margin:0;padding:0}
.bunn li{margin:5px 0}
.bunn a{color:#c6d8e7;text-decoration:none}
.bunn a:hover{color:var(--gronn-signal)}
.bunn .om{max-width:400px;line-height:1.6}
.bunn-under{border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding-top:18px;
font-size:.83rem;color:#9fb6c9}
.bunn-under a{color:#9fb6c9;text-decoration:underline}

/* ---------------- samtykkebanner ---------------- */
#samtykke{position:fixed;left:0;right:0;bottom:0;z-index:120;background:#fff;
border-top:3px solid var(--gronn);box-shadow:0 -6px 30px rgba(18,63,104,.2);padding:18px 20px;display:none}
#samtykke.vis{display:block}
.samtykke-indre{max-width:var(--maks);margin:0 auto;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.samtykke-indre p{margin:0;flex:1 1 380px;font-size:.9rem;color:var(--graa)}
.samtykke-knapper{display:flex;gap:10px;flex-wrap:wrap}
.samtykke-knapper button{border:none;border-radius:9px;padding:11px 20px;font-size:.93rem;
font-weight:700;cursor:pointer;font-family:inherit}
#godta{background:var(--gronn);color:#fff}
#godta:hover{background:var(--gronn-mork)}
#avslaa{background:#eef3f8;color:var(--tekst)}
#avslaa:hover{background:#e2eaf2}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{.topp,.bunn,#samtykke,.herosok,.hero-knapper{display:none}
.innhold{border:none;padding:0}body{background:#fff;font-size:12pt}}

/* ---------------- lenker til sider som ennå ikke er skrevet ---------------- */
/* Rendres som ren tekst i stedet for som en død lenke. Tennes automatisk
   ved neste bygg når artikkelen er på plass. */
.kommer{color:var(--graa);border-bottom:1px dotted var(--linje)}

/* ---------------- tabeller som må kunne rulle ---------------- */
.tabellramme{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0}
.tabellramme table{margin:0;display:table;min-width:100%}

/* ---------------- kalkulatortillegg ---------------- */
.kalk-tall li.uth{border-bottom:none;border-top:2px solid var(--linje);
margin-top:4px;padding-top:9px;font-size:1rem}
.kalk-tall li.uth b{color:var(--blaa)}
.sjekk-gruppe{margin:24px 0 8px;font-size:1rem;color:var(--blaa)}
.sjekkliste{list-style:none;margin:0;padding:0}
.sjekkliste li{margin:0}
.sjekkliste label{display:flex;gap:11px;align-items:flex-start;padding:9px 0;
border-bottom:1px solid var(--linje);cursor:pointer;font-size:.95rem}
.sjekkliste input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:var(--gronn)}
.sjekkliste input:checked+span{color:var(--graa);text-decoration:line-through}
.sjekk-status{margin:18px 0 0;font-weight:700;color:var(--gronn-mork)}
.veiviser-teller{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;
color:var(--graa-lys);margin:0 0 8px;font-weight:700}
.veiviser-spm{font-size:1.22rem;font-weight:700;color:var(--blaa);margin:0 0 20px;
line-height:1.35}
.veiviser-knapper{display:flex;gap:11px;flex-wrap:wrap}
.veiviser-knapper button{border:none;border-radius:10px;padding:12px 30px;
font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;
background:var(--gronn);color:#fff}
.veiviser-knapper button:hover{background:var(--gronn-mork)}
.veiviser-knapper button.vet-ikke{background:#eef3f8;color:var(--tekst)}
.veiviser-knapper button.vet-ikke:hover{background:#e2eaf2}
.veiviser-lenker{margin:14px 0 0;padding-left:20px}
.veiviser-lenker li{margin:6px 0}
#veiviser .kalk-svar{margin-top:0}
#veiviser .knapp{margin-top:16px}

/* ---------------- ordliste ---------------- */
.alfabet{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 4px}
.alfabet a{display:inline-flex;align-items:center;justify-content:center;
min-width:36px;height:36px;border:1px solid var(--linje);border-radius:9px;
background:var(--kort);text-decoration:none;font-weight:700;font-size:.9rem}
.alfabet a:hover{background:var(--gronn-lys);border-color:var(--gronn)}
.ordliste dl.ord{margin:0;padding:15px 0;border-bottom:1px solid var(--linje)}
.ordliste dl.ord:last-child{border-bottom:none}
.ordliste dt{font-weight:700;color:var(--blaa);font-size:1.04rem;margin-bottom:4px}
.ordliste dd{margin:0;color:var(--tekst);font-size:.95rem}
.ord-mer{white-space:nowrap;font-weight:700;font-size:.88rem}
.ordliste h2{scroll-margin-top:74px}

/* ---------------- emneliste ---------------- */
.emneliste h2{font-size:1.25rem;margin:28px 0 8px;color:var(--blaa);
border-bottom:2px solid var(--gronn-lys);padding-bottom:5px}
.emneliste ul{columns:2;column-gap:34px;padding-left:20px;margin:0}
.emneliste li{margin:5px 0;break-inside:avoid}
@media(max-width:700px){.emneliste ul{columns:1}}

/* ---------------- søk ---------------- */
.sokeboks{display:flex;gap:9px;max-width:640px;margin:6px 0 26px;background:#fff;
padding:7px 7px 7px 14px;border-radius:50px;border:1px solid var(--linje);
box-shadow:0 2px 10px rgba(18,63,104,.07)}
.sokeboks input{flex:1 1 0;min-width:0;border:none;background:transparent;
font-size:1.02rem;padding:11px 4px;color:var(--tekst);font-family:inherit}
.sokeboks input:focus{outline:none}
.sokeboks:focus-within{box-shadow:0 0 0 3px rgba(11,130,92,.2)}
.sokeboks button{background:var(--gronn);color:#fff;border:none;border-radius:50px;
font-weight:700;font-size:1rem;padding:12px 26px;cursor:pointer;font-family:inherit}
.sokeboks button:hover{background:var(--gronn-mork)}
.treffantall{grid-column:1/-1;margin:0 0 4px;color:var(--graa);font-size:.9rem}
#treff p{grid-column:1/-1}

/* ---------------- diverse ---------------- */
.art-hode h1{text-wrap:balance}
.blokk h2.b-tittel,.innhold h2,.innhold h3{text-wrap:balance}
.innhold h2{scroll-margin-top:74px}

/* ---------------- oppsummering og kilder ---------------- */
.oppsummert{background:var(--gronn-lys);border-radius:12px;padding:20px 26px;
margin:30px 0 0}
.oppsummert h2{margin:0 0 10px;font-size:1.16rem}
.oppsummert ul{margin:0;padding-left:20px}
.oppsummert li{margin:6px 0}
.kildenote{font-size:.83rem;color:var(--graa-lys);margin:12px 0 0}