/* ════════ Forklaringsblokkene (lrn) — felleskomponentene under kalkulatorene ════════
   Kilde: Claude Design, canvaset «Forklaringsblokkene» (side «Felles»). Hver side velger
   klossene den trenger. Farger kommer bare fra temaets tokens, og all tekst er HTML
   (aldri SVG-tekst), så frase-oversetteren i core.js når den.

   Grafspråket (research 2026-10-03, FT/Datawrapper-stil): to linjer bærer dataene og
   flatene er dempede toner, tre linjetyper (data 1,5–2 px · referanse 1 px · rutenett
   1 px svakt), etiketter direkte i grafen med kontur i stedet for bokser. */

.lrn{
  /* Toner: heldekkende blandinger, aldri fill-opacity (da skinner rutenettet gjennom) */
  --lrn-viz-1:color-mix(in oklch, var(--accent) 45%, var(--bg));
  --lrn-viz-2:color-mix(in oklch, var(--ink) 16%, var(--bg));
  --lrn-viz-3:color-mix(in oklch, var(--ink) 30%, var(--bg));
  /* Svak aksenttone: plass som finnes, men ikke kan brukes (lånerommet i maks lån) */
  --lrn-viz-1b:color-mix(in oklch, var(--accent) 22%, var(--bg));
  /* Blekktone som også er synlig i svart-hvitt (innskuddene i sparegrafen) */
  --lrn-viz-2k:color-mix(in oklch, var(--ink) 16%, var(--bg));
  /* Linjene: serie 1 er aksenten (minst 3:1 mot bakgrunnen i alle temaer) */
  --lrn-line-1:var(--accent);
  --lrn-line-2:color-mix(in oklch, var(--ink) 65%, var(--bg));
  --lrn-ref:color-mix(in oklch, var(--ink) 55%, var(--bg));
  --lrn-grid:color-mix(in oklch, var(--ink) 12%, var(--bg));
  --lrn-zero:color-mix(in oklch, var(--ink) 45%, var(--bg));
  /* Mønstre: skattestripen i bakgrunnsfargen over rentetonen; skravur som bare vises i svart-hvitt */
  --lrn-hatch:var(--bg);
  --lrn-pat-line:transparent;
  display:flex;flex-direction:column;gap:64px;padding:24px 0 72px;
  color:var(--ink);font-size:15px;line-height:1.6;
}
/* Aksenten ligger nær 3:1 på de lyseste temaene, så linja bruker den dype varianten der */
html[data-theme="pink"] .lrn,html[data-theme="glass"] .lrn{--lrn-line-1:var(--accent-deep)}
/* Svart-hvitt: avdrag tomt, renter skravert 45°, skattedelen krysskravert. Aldri farge alene. */
html[data-theme="bw"] .lrn{
  --lrn-viz-1:transparent;
  --lrn-viz-1b:transparent;
  --lrn-viz-2k:color-mix(in oklch, var(--ink) 34%, var(--bg));
  --lrn-viz-2:transparent;
  --lrn-hatch:transparent;
  --lrn-pat-line:var(--ink2);
}

.lrn-sec{display:flex;flex-direction:column;gap:28px;min-width:0}
/* hidden skal skjule også klosser som har egen display (flex, grid) */
.lrn [hidden]{display:none!important}

/* ── Seksjonshode: én serif i to nivåer. Stor (signaturen), dempet undernivå (oppslag og spørsmål) ── */
.lrn-head{display:flex;flex-direction:column;gap:14px;max-width:760px}
.lrn-h2{margin:0;font:500 34px/1.1 var(--font-serif);letter-spacing:-.7px;color:var(--ink);text-wrap:balance}
.lrn-lede{margin:0;font-size:16px;line-height:1.6;color:var(--ink2);max-width:60ch;text-wrap:pretty}
.lrn-h3{margin:0;font:500 24px/1.2 var(--font-serif);letter-spacing:-.4px;color:var(--ink);text-wrap:balance}

/* ── Eksempel eller dine tall + bryter ── */
.lrn-bar{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap}
.lrn-state{margin:0;display:flex;align-items:center;gap:6px 10px;flex-wrap:wrap;font-size:13.5px;line-height:1.4;color:var(--ink2)}
.lrn-state-l{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-weight:600}
.lrn-dot{width:8px;height:8px;box-sizing:border-box;border-radius:50%;border:1.5px solid var(--ink3);background:transparent}
.lrn-state[data-state="dine"] .lrn-dot{border-color:var(--accent);background:var(--accent)}
.lrn-state-t{font-variant-numeric:tabular-nums}
.lrn-state a,.lrn-p a,.lrn-also a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid var(--line-warm)}
.lrn-state[data-state="dine"] .lrn-state-a{display:none}

.lrn-seg{display:inline-flex;gap:2px;padding:3px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line)}
.lrn-seg button{
  min-height:36px;padding:0 18px;border:0;border-radius:6px;cursor:pointer;
  font:500 13.5px/1 var(--font-sans);background:transparent;color:var(--ink3);
  transition:background .2s var(--ease),color .2s var(--ease);
}
.lrn-seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px var(--line-2)}
.lrn-seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ── Grafen: SVG for geometri, HTML for all tekst ── */
.lrn-figrow{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;align-items:start}
.lrn-fig{margin:0;display:flex;flex-direction:column;gap:10px;min-width:0}
.lrn-cap{font:500 12.5px/1.3 var(--font-sans);color:var(--ink3)}
/* Nøkkeltallet over en graf: stort tall og enheten etter */
.lrn-kpi{margin:4px 0 2px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.lrn-kpi b{font:500 44px/1 var(--font-serif);letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-kpi span{font:500 15px/1.3 var(--font-sans);color:var(--ink2)}
/* To figurer side om side: hovedfiguren og en sammenligning bak en hårstrek */
.lrn-figrow.duo{grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:48px}
.lrn-fig.cmp{padding-left:32px;border-left:1px solid var(--line-2)}
.lrn-fig.cmp > figcaption{font:500 19px/1.25 var(--font-serif);letter-spacing:-.2px;color:var(--ink)}
.lrn-fig .lrn-p.s{font-size:14px;line-height:1.5;text-wrap:pretty}
.lrn-fig .lrn-p.s strong{font-weight:600;color:var(--ink)}
.lrn-fig .lrn-p.k{padding-left:48px;max-width:300px}
/* Tekst under en graf (smal skjerm), på linje med rutene */
.lrn-after{display:flex;flex-direction:column;gap:6px;padding-left:46px;font-size:13px;line-height:1.45;color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-after strong{font-weight:600;color:var(--ink)}
.lrn-after:empty{display:none}
.lrn-plot{position:relative;width:100%;height:424px;touch-action:pan-y;cursor:crosshair}
.lrn-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
/* Graf uten sikte (bare merknader): vanlig peker */
.lrn-plot.is-static{cursor:default}

/* Flatene */
.lrn-a2{fill:var(--lrn-viz-2)}
.lrn-a1{fill:var(--lrn-viz-1)}
.lrn-a3{fill:var(--lrn-viz-3)}
.lrn-a1b{fill:var(--lrn-viz-1b)}
.lrn-a2k{fill:var(--lrn-viz-2k)}
.lrn-dotp{fill:var(--lrn-pat-line)}
/* Skille mellom lag i bakgrunnsfargen, klamme og krysningslinje i blekk */
.lrn-sep{fill:none;stroke:var(--bg);stroke-width:1;stroke-linejoin:round}
.lrn-brk{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linejoin:round}
.lrn-crossk{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3}
/* Stablet søyle (selvkost): mellomrom mellom segmentene, fortjenesten som omriss */
.lrn-gap{stroke:var(--bg);stroke-width:1}
.lrn-outl{fill:none;stroke:var(--ink);stroke-width:1.5}
/* Mva utenfor kalkylen: stiplet boks */
.lrn-dashbox{fill:none;stroke:var(--ink3);stroke-width:1.5;stroke-dasharray:4 3}
/* Andre kostnader: svak blekktone med prikker i alle tema */
.lrn-a4{fill:color-mix(in oklch, var(--ink) 7%, var(--bg))}
.lrn-dotq{fill:var(--ink3)}
.lrn-pat{stroke:var(--lrn-pat-line);stroke-width:1.25}
.lrn-ps-a{stroke:var(--lrn-hatch);stroke-width:1}
.lrn-ps-b{stroke:var(--lrn-pat-line);stroke-width:1}
/* Data: heltrukket. Terminbeløpet øverst, grensen mellom avdrag og renter under. */
.lrn-l1{fill:none;stroke:var(--lrn-line-1);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.lrn-l2{fill:none;stroke:var(--lrn-line-2);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
/* Grensen som binder (det laveste taket): blekk, 3 px. Den andre grensen er .lrn-dash. */
.lrn-lk{fill:none;stroke:var(--ink);stroke-width:3;shape-rendering:crispEdges}
/* Ruter (én per måned): tomme ruter og spøkelsesruter etter lånets slutt som omriss, merket som blekklinje */
.lrn-cell0{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-ghost{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:3 2}
.lrn-mark{fill:none;stroke:var(--ink);stroke-width:1.5}
/* Referanser: 1 px. Stresstesten stiplet, annuiteten prikket, krysningen prikket. */
.lrn-dash{fill:none;stroke:var(--lrn-ref);stroke-width:1;stroke-dasharray:4 3}
.lrn-ref{fill:none;stroke:var(--lrn-ref);stroke-width:1.25;stroke-dasharray:1 3;stroke-linecap:round}
.lrn-cross{fill:none;stroke:var(--lrn-ref);stroke-width:1.25;stroke-dasharray:1 3;stroke-linecap:round}
/* Rutenett: bare vannrette linjer, nullinja litt sterkere */
.lrn-grid{fill:none;stroke:var(--lrn-grid);stroke-width:1;shape-rendering:crispEdges}
.lrn-base{fill:none;stroke:var(--lrn-zero);stroke-width:1;shape-rendering:crispEdges}
/* Merknader: punktet på grafen og en tynn linje til sirkelen */
.lrn-lead{fill:none;stroke:var(--lrn-ref);stroke-width:1}
.lrn-anchor{fill:var(--ink)}
/* Siktet: tynn linje, punktene i linjens farge med 2 px ring i bakgrunnsfargen */
.lrn-sight{fill:none;stroke:color-mix(in oklch, var(--ink) 40%, var(--bg));stroke-width:1}
.lrn-sight-dot{fill:var(--lrn-line-2);stroke:var(--bg);stroke-width:2}
.lrn-sight-dot.d1{fill:var(--lrn-line-1)}

.lrn-labels{position:absolute;inset:0;pointer-events:none}
/* Grafen står i dir="ltr" så aksene ikke snus. Hver etikett får likevel retning fra sin egen tekst,
   ellers leses «اختبار الضغط 23 413 kr» med «kr» først på arabisk. */
.lrn-tick,.lrn-lab{unicode-bidi:plaintext}
.lrn-tick{position:absolute;font:400 12px/16px var(--font-sans);color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap}
.lrn-tick.y{left:0;text-align:right}
.lrn-tick.y.up{text-align:left}
.lrn-tick.x{width:48px;text-align:center}
/* Direkte etiketter med kontur i bakgrunnsfargen i stedet for boks */
.lrn-lab{
  position:absolute;font:600 13px/16px var(--font-sans);color:var(--ink);white-space:nowrap;
  text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg);
}
.lrn-lab.ref{font-weight:500;font-size:12px;color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-lab.sub{font-weight:400;font-size:11.5px;color:var(--ink3);font-variant-numeric:tabular-nums}
/* Etikett som brytes over flere linjer innenfor bredden den får */
.lrn-lab.txt{font-weight:400;font-size:12px;line-height:17px;color:var(--ink2);white-space:normal;text-wrap:pretty;font-variant-numeric:tabular-nums}
.lrn-lab b{font-weight:600;color:var(--ink)}
/* Stor verdi i en etikett (netto etter siste rute) */
.lrn-lab.big{font:500 22px/1 var(--font-serif);letter-spacing:-.3px;font-variant-numeric:tabular-nums lining-nums}
/* Etikettblokk: navn, utregning og spaker stablet under hverandre, festet med top eller bottom */
.lrn-lbk{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.lrn-lbk .lrn-lab{position:static;white-space:normal;line-height:17px}
.lrn-lbk .lrn-lab.sub{line-height:16px}
/* Verdiskilt i en søyle: liten etikett over et stort tall, på bakgrunnsfargen */
.lrn-tag{position:absolute;display:flex;flex-direction:column;gap:6px;padding:7px 10px 8px;border-radius:3px;background:var(--bg)}
.lrn-tag .l{font:500 11px/1 var(--font-sans);letter-spacing:.2px;color:var(--ink3)}
.lrn-tag .v{font:500 20px/1 var(--font-serif);letter-spacing:-.3px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.lrn-tag .lrn-u{font-size:11px}
/* Nummerert merke: samme sirkel i grafen og i lista */
.lrn-mk{
  display:inline-block;width:18px;height:18px;box-sizing:border-box;border-radius:50%;
  background:var(--bg);border:1.25px solid var(--ink);color:var(--ink);
  font:600 12px/15.5px var(--font-sans);text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;
}
.lrn-labels .lrn-mk{position:absolute;transition:background .15s var(--ease),color .15s var(--ease)}
/* Merknaden leseren holder over i lista, fremhevet i grafen */
.lrn-mk.is-hot{background:var(--ink);color:var(--bg)}
@media(hover:hover){.lrn-notes li{cursor:default}}

/* Under overgangen mellom lånetypene toner etiketter og merknader ut, og inn igjen når formen har landet */
.lrn-labels,.lrn-cross,.lrn-ref,.lrn-lead,.lrn-anchor,.lrn-sight,.lrn-sight-dot{transition:opacity .15s var(--ease)}
.lrn-plot.is-moving :is(.lrn-labels,.lrn-cross,.lrn-ref,.lrn-lead,.lrn-anchor,.lrn-sight,.lrn-sight-dot){opacity:0;transition-duration:.1s}

.lrn-notes{list-style:none;margin:0;padding:30px 0 0;display:flex;flex-direction:column;gap:16px}
.lrn-notes li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;align-items:start}
.lrn-notes li > span:last-child{font-size:14px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
.lrn-notes b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}

/* ── Sikte og utlesing: én bestemt måned. Prøven foran etiketten gjør utlesingen til tegnforklaring. ── */
.lrn-scrub{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:center;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lrn-scrub-c{display:flex;flex-direction:column;gap:8px}
.lrn-scrub label{font:500 12.5px/1.2 var(--font-sans);color:var(--ink3)}
.lrn-scrub input[type="range"]{width:100%;height:24px;margin:0;accent-color:var(--accent);cursor:pointer}
.lrn-dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.lrn-dl > div{display:flex;flex-direction:column;gap:6px;min-width:0}
.lrn-dl dt{display:flex;align-items:center;gap:6px;font:500 12px/1.2 var(--font-sans);letter-spacing:.2px;color:var(--ink3)}
.lrn-dl dd{margin:0;font:500 22px/1.1 var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.3px;white-space:nowrap}
.lrn-u{font:500 12px/1 var(--font-sans);color:var(--ink3);letter-spacing:0}
.lrn-sw{display:inline-block;width:10px;height:10px;flex-shrink:0}
.lrn-sw-a1{background:repeating-linear-gradient(45deg, var(--lrn-pat-line) 0 1.25px, transparent 1.25px 4px), var(--lrn-viz-1);box-shadow:inset 0 2px 0 var(--lrn-line-1)}
.lrn-sw-in{background:var(--lrn-viz-2k)}
.lrn-sw-ri{background:repeating-linear-gradient(-45deg, var(--lrn-pat-line) 0 1.25px, transparent 1.25px 4px), var(--lrn-viz-1b)}
.lrn-sw-rr{background:radial-gradient(circle, var(--lrn-pat-line) 1px, transparent 1.4px) 0 0/5px 5px, var(--lrn-viz-1)}
.lrn-dl.five{grid-template-columns:repeat(5,minmax(0,1fr))}
/* Regnestykket i kort med forklaringen ved siden av */
.lrn-calcrow{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:40px;align-items:center}
.lrn-sw-a2{background:var(--lrn-viz-2);box-shadow:inset 0 1.5px 0 var(--lrn-line-2), inset 0 0 0 1px var(--lrn-grid)}

.lrn-cmp{margin:0;font-size:16px;line-height:1.55;color:var(--ink2);text-wrap:pretty}
.lrn-cmp strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.lrn-p{margin:0;font-size:15px;line-height:1.6;color:var(--ink2);max-width:72ch}

/* ── Utregning i ramme (maks boligpris): hårstrek over og under, delbeløpene brytes ikke ── */
.lrn-box{display:flex;flex-direction:column;gap:12px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lrn-box .lrn-f.n > span{white-space:nowrap}
.lrn-f.n strong{font-weight:600;color:var(--ink)}

/* ── Det tallet ikke tar med: forbehold i to kolonner, fortsetter seksjonen over med en hårstrek ── */
.lrn-also{border-top:1px solid var(--line-2);padding-top:32px;gap:20px}
.lrn-also ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.lrn-also li{margin:0;font-size:15px;line-height:1.6;color:var(--ink2);text-wrap:pretty}
.lrn-also strong{font-weight:600;color:var(--ink)}
.lrn-ps{display:flex;flex-direction:column;gap:14px}

/* ── Regninger side om side (dokumentavgift): ett kort per alternativ, det valgte med blekkramme ── */
.lrn-bills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.lrn-bill{display:flex;flex-direction:column;box-sizing:border-box;padding:22px 24px 20px;background:var(--surface);border:1.5px solid var(--line-2);border-radius:10px;min-width:0}
.lrn-bill.is-sel{border-color:var(--ink)}
.lrn-bill-h{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}
.lrn-bill h3{margin:0;font:500 21px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink)}
.lrn-pick{padding:1px 7px;border-radius:3px;background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-sans);white-space:nowrap}
.lrn-bill:not(.is-sel) .lrn-pick{display:none}
/* Andelsstrek: rammen er hele beløpet, det fylte er andelen. Skravur i svart-hvitt. */
.lrn-meter{position:relative;height:14px;margin-top:18px;box-shadow:inset 0 0 0 1px var(--ink3)}
.lrn-meter > i{position:absolute;top:0;bottom:0;inset-inline-start:0;background:repeating-linear-gradient(45deg, var(--lrn-pat-line) 0 1.25px, transparent 1.25px 4px), var(--lrn-viz-1)}
.lrn-meter.is-off > i{opacity:.35}
.lrn-bill-g{margin:8px 0 0;font:400 13px/1.4 var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-bill-g strong{font-weight:600;color:var(--ink)}
.lrn-bill dl{margin:18px 0 0;display:grid;grid-template-columns:minmax(0,1fr) auto;border-top:1px solid var(--line)}
.lrn-bill dt,.lrn-bill dd{margin:0;padding:10px 0;box-sizing:border-box;min-height:64px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.lrn-bill dd{padding-inline-start:12px;align-items:flex-end;text-align:end}
.lrn-bill dt b{font:500 14px/1.35 var(--font-sans);color:var(--ink)}
.lrn-bill dd b{font:500 17px/1.3 var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.lrn-bill dt span,.lrn-bill dd span{font:400 12.5px/1.4 var(--font-sans);color:var(--ink3);font-variant-numeric:tabular-nums}
.lrn-bill dd span{white-space:nowrap}
.lrn-bill dl > :nth-last-child(-n+2){border-bottom:0}
.lrn-bill-sum{padding-top:14px;border-top:1px solid var(--line-2);display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.lrn-bill-sum span{font:500 12px/1 var(--font-sans);letter-spacing:.2px;color:var(--ink3)}
.lrn-bill-sum b{font:500 32px/1.1 var(--font-serif);letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.lrn-bill-eff{margin-top:8px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:400 13px/1.4 var(--font-sans);color:var(--ink3);font-variant-numeric:tabular-nums}
.lrn-bill-note{margin:16px 0 0;font:400 13px/1.5 var(--font-sans);color:var(--ink2);text-wrap:pretty}
/* Linje med tekst og beløp, hårstrek over og under */
.lrn-line{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lrn-line > span{font-size:15px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
.lrn-line > b{font:500 17px/1.3 var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.lrn-line > b:empty{display:none}
/* Kilder og hjemmel: liten og dempet */
.lrn-fine{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink3);max-width:90ch;text-wrap:pretty}

/* ── Søyletrapp (BSU): årsblokker, spøkelsessøyler etter fristen, ubrukt tak, saldolinje og fradrag ── */
.lrn-a1k{fill:var(--lrn-viz-1)}
html[data-theme="bw"] .lrn .lrn-a1k{fill:color-mix(in oklch, var(--ink) 70%, var(--bg))}
.lrn-ghostbar{fill:var(--surface-2);stroke:var(--ink4);stroke-width:1;stroke-dasharray:3 3}
.lrn-hole{stroke:var(--ink3);stroke-width:1;stroke-dasharray:3 2}
.lrn-holep{stroke:var(--ink3);stroke-width:1.2}
.lrn-capl{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:6 5}
.lrn-endl{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:2 3}
.lrn-leadk{fill:none;stroke:var(--ink);stroke-width:1}
.lrn-balk{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}
.lrn-dotk{fill:var(--bg);stroke:var(--ink);stroke-width:1.5}
.lrn-tick.is-key{color:var(--ink);font-weight:600}
.lrn-tick.is-dim{color:var(--ink4)}
.lrn-lab.em{font-weight:500;color:var(--ink)}
/* Klammeetikett (stor prosent, grunnlaget under), verdietikett på bakgrunnsfargen og fri tekst i grafen */
.lrn-brl{position:absolute;display:flex;flex-direction:column;gap:2px;white-space:nowrap;unicode-bidi:plaintext}
.lrn-brl b{font:500 22px/24px var(--font-serif);letter-spacing:-.4px;color:var(--ink);font-variant-numeric:tabular-nums}
.lrn-brl span{font:400 13px/16px var(--font-sans);color:var(--ink2)}
.lrn-vlab{position:absolute;padding:0 4px;background:var(--bg);white-space:nowrap;font:400 13px/18px var(--font-sans);color:var(--ink2);unicode-bidi:plaintext}
.lrn-vlab b{font-weight:600;color:var(--ink)}
.lrn-vlab.sub{font:400 16px/20px var(--font-serif);color:var(--ink)}
.lrn-anno{position:absolute;margin:0;font:400 13.5px/1.45 var(--font-sans);color:var(--ink2);text-wrap:pretty}
.lrn-anno strong{color:var(--ink);font-weight:600}
.lrn-anno.dim{font-size:13px;color:var(--ink3)}
/* Margin og påslag: stort beløp i stolpen, klammeetikett med regnestykke, «du oppga»-merke */
.lrn-chip.dim{color:var(--ink2)}
.lrn-bigv{position:absolute;box-sizing:border-box;padding:5px 0 4px;border-radius:3px;background:var(--bg);display:flex;flex-direction:column;align-items:center;gap:2px}
.lrn-bigv span{font:500 11px/13px var(--font-sans);color:var(--ink3)}
.lrn-bigv b{font:500 28px/30px var(--font-serif);letter-spacing:-.5px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.lrn-bigv.sm{padding:0}
.lrn-bigv.sm b{font-size:20px;line-height:28px}
.lrn-brlab{position:absolute;display:flex;flex-direction:column;gap:4px}
.lrn-brlab .h{font:600 13px/16px var(--font-sans);color:var(--ink)}
.lrn-brlab .r{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;font:400 15px/30px var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-brlab .r .n{white-space:nowrap}
.lrn-brlab .r b{font:500 26px/30px var(--font-serif);letter-spacing:-.4px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.lrn-you{display:inline-flex;align-items:center;height:20px;padding:0 8px;box-sizing:border-box;border:1px solid var(--ink3);border-radius:10px;font:500 12px/1 var(--font-sans);color:var(--ink2);white-space:nowrap;align-self:center}
.lrn-legend{display:flex;flex-direction:column;gap:14px}
.lrn-legend > div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;align-items:start}
.lrn-legend svg{margin-top:2px}
.lrn-legend .lrn-brlab{position:static}
.lrn-legend .lrn-brlab .r{line-height:26px}
.lrn-legend .lrn-brlab .r b{font-size:22px;line-height:26px}
/* Omregningstabell (påslag og margin): liggende på bred skjerm, stående på smal */
.lrn-convh{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.lrn-fq{margin:0;font:400 18px/1.35 var(--font-serif);color:var(--ink)}
.lrn-convw{overflow-x:auto}
.lrn-conv{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
.lrn-conv thead td,.lrn-conv thead th{padding:0 12px 8px;border-bottom:1px solid var(--line-2);text-align:end;font:600 12px/16px var(--font-sans);color:var(--ink);white-space:nowrap}
.lrn-conv thead td{width:96px;padding-inline:0}
.lrn-conv tbody th{text-align:start;padding:12px 0;border-bottom:1px solid var(--line);font:500 13px/1.3 var(--font-sans);color:var(--ink3)}
.lrn-conv td{padding:12px;border-bottom:1px solid var(--line);text-align:end;font:400 17px/1.3 var(--font-serif);color:var(--ink2);white-space:nowrap}
.lrn-conv .is-you{background:var(--surface-2);color:var(--ink);font-weight:600}
.lrn-conv.is-col{table-layout:auto}
.lrn-conv.is-col thead th{font:500 12px/1.2 var(--font-sans);color:var(--ink3);padding:0 0 8px}
.lrn-conv.is-col thead th:first-child{text-align:start}
.lrn-conv.is-col tbody th{font:400 16px/1.3 var(--font-serif);color:var(--ink2);display:flex;align-items:center;gap:8px}
.lrn-conv.is-col td{padding:12px 0;font-size:16px}
.lrn-conv.is-col tr.is-you th,.lrn-conv.is-col tr.is-you td{background:var(--surface-2);color:var(--ink);font-weight:600}
.lrn-p strong{color:var(--ink);font-weight:600}
.lrn-chip{position:absolute;padding:1px 6px;border-radius:3px;background:var(--bg);color:var(--ink);font:500 12px/18px var(--font-sans);white-space:nowrap;unicode-bidi:plaintext}
.lrn-coin{position:absolute;box-sizing:border-box;border-radius:50%;border:1px solid var(--ink3);background:var(--surface);color:var(--ink);font:600 11px var(--font-sans);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.lrn-coin.pill{border-radius:11px;font-size:10.5px}
.lrn-coin.is-0{border-style:dashed;border-color:var(--ink4);background:transparent;color:var(--ink3)}
.lrn-endv{position:absolute;display:flex;flex-direction:column;white-space:nowrap;unicode-bidi:plaintext}
.lrn-endv.row{flex-direction:row;gap:6px;justify-content:flex-end}
.lrn-endv span{font:400 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-endv b{font:600 13px/16px var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums}
/* Aldersvelger: minus, verdi, pluss. Bare visning, lagres ikke. */
.lrn-age{display:flex;align-items:center;justify-content:flex-end;gap:12px 20px;flex-wrap:wrap}
.lrn-age-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.lrn-age-t > span:first-child{font:500 12.5px/1.2 var(--font-sans);color:var(--ink3)}
.lrn-age-t > span:last-child{font-size:12px;line-height:1.4;color:var(--ink3);max-width:280px}
.lrn-step{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line)}
.lrn-step button{width:38px;min-height:36px;border:0;border-radius:6px;cursor:pointer;background:transparent;color:var(--ink);font:500 20px/1 var(--font-sans)}
.lrn-step button:disabled{opacity:.4;cursor:default}
.lrn-step button:focus-visible,.lrn-linkbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lrn-step [role="status"]{min-width:76px;text-align:center;font:600 15px/1 var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums}
.lrn-step [role="status"].is-unset{color:var(--ink3)}
.lrn-linkbtn{min-height:44px;padding:0 6px;border:0;background:transparent;cursor:pointer;font:500 13px/1 var(--font-sans);color:var(--accent-2);text-decoration:underline;text-decoration-color:var(--line-warm);text-underline-offset:4px}
/* To kolonner: forklaring til venstre, regnestykket i kort til høyre */
.lrn-two{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:56px;align-items:start}
.lrn-two-l{display:flex;flex-direction:column;gap:20px;min-width:0}
.lrn-big{margin:0;font-size:17px;line-height:1.55;color:var(--ink2);max-width:62ch;text-wrap:pretty}
.lrn-big strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
/* Delt strek: hvor stor del av en sum hver kilde står for */
.lrn-split{display:flex;flex-direction:column;gap:10px;max-width:560px}
.lrn-split-b{display:flex;gap:2px;height:14px}
.lrn-split-b i{display:block;flex-basis:0}
.lrn-split-b i:first-child{background:repeating-linear-gradient(45deg, var(--lrn-pat-line) 0 1.25px, transparent 1.25px 4px), var(--lrn-viz-1)}
.lrn-split-b i:last-child{background:var(--lrn-viz-1b);box-shadow:inset 0 0 0 1px var(--lrn-pat-line)}
.lrn-split-l{display:flex;justify-content:space-between;gap:16px}
.lrn-split-l > span{display:flex;flex-direction:column;gap:3px;font:400 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-split-l > span:last-child{text-align:end}
.lrn-split-l b{font:600 14px/16px var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums}
.lrn-tbl tr.is-dim th{color:var(--ink3)}
/* ── Trapp og kurve (effektiv rente): to figurer side om side, merknadene under hver ── */
.lrn-figrow.pair{grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:36px}
.lrn-col{display:flex;flex-direction:column;gap:18px;min-width:0}
.lrn-figrow.pair .lrn-notes{padding:0}
.lrn-acc{fill:var(--lrn-line-1)}
.lrn-hl{stroke:var(--ink2);stroke-width:1.2}
.lrn-hk{stroke:var(--ink2);stroke-width:1}
.lrn-cut{fill:var(--bg)}
.lrn-thin{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-solk{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.lrn-dotl{fill:none;stroke:var(--ink);stroke-width:1.75;stroke-dasharray:.1 4.5;stroke-linecap:round}
.lrn-dot2{fill:var(--ink2)}
.lrn-youd{fill:var(--ink);stroke:var(--bg);stroke-width:1.5}
.lrn-lab.tot{font:500 18px/22px var(--font-serif);letter-spacing:-.3px;font-variant-numeric:tabular-nums lining-nums}
.lrn-xn{position:absolute;display:flex;flex-direction:column;gap:4px;text-align:center;unicode-bidi:plaintext}
.lrn-xn b{font:500 11.5px/15px var(--font-sans);color:var(--ink)}
.lrn-xn span{font:400 11.5px/15px var(--font-sans);color:var(--ink3);font-variant-numeric:tabular-nums}
.lrn-labels .lrn-pick{position:absolute;unicode-bidi:plaintext}
.lrn-tbl table + table{margin-top:32px}
.lrn-tbl thead th.s{text-align:start;padding-inline-start:0}
.lrn-tbl thead th.k{text-align:start;padding-inline-start:14px}
.lrn-tbl td.k{text-align:start;padding-inline-start:14px;font:400 13.5px/1.4 var(--font-sans);color:var(--ink2);white-space:normal}
.lrn-tbl tr.is-key th{font-weight:600}
/* Formel med sumtegn, og ordlista ved siden av */
.lrn-cards.fm{grid-template-columns:minmax(0,1fr) 360px;gap:44px;align-items:start}
.lrn-sig{display:inline-flex;flex-direction:column;align-items:center;line-height:1;margin:0 4px}
.lrn-sig > span{font:400 12px/1.2 var(--font-sans);color:var(--ink2)}
.lrn-sig > .s{font:400 36px/1 var(--font-serif);color:var(--ink)}
.lrn-hr{margin:0;border:0;height:1px;background:var(--line)}
.lrn-gl{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.lrn-gl > div{display:flex;flex-direction:column;gap:3px;padding:11px 0;border-bottom:1px solid var(--line)}
.lrn-gl dt{font:600 14px/1.35 var(--font-sans);color:var(--ink)}
.lrn-gl dd{margin:0;font-size:14px;line-height:1.5;color:var(--ink2)}
/* ── Rektangler i samme skala (forbrukslån): bredde er måneder, høyde er kroner per måned ── */
.lrn-a1f{fill:var(--lrn-line-1)}
html[data-theme="bw"] .lrn .lrn-a1f{fill:transparent}
.lrn-ink{fill:var(--ink)}
.lrn-kl{stroke:var(--ink);stroke-width:1.1}
.lrn-sk{stroke:var(--ink);stroke-width:1}
.lrn-amt{position:absolute;padding:2px 8px 2px 0;display:flex;flex-direction:column;white-space:nowrap;text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-amt b{font:500 30px/34px var(--font-serif);letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-amt > span{font:400 11px/14px var(--font-sans);color:var(--ink3)}
.lrn-ctr{position:absolute;text-align:center;white-space:nowrap;unicode-bidi:plaintext}
.lrn-ctr.s > span{background:var(--bg)}
.lrn-ctr.d > span{text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-vlab.h{background:none;text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-ctr.s > span{padding:0 3px;font:500 11px/16px var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums}
.lrn-ctr.d > span{padding:0 5px;font:500 12.5px/16px var(--font-sans);color:var(--ink)}
.lrn-stat{position:absolute;display:flex;flex-direction:column;gap:2px;white-space:nowrap}
.lrn-stat > span{font:500 11px/14px var(--font-sans);color:var(--ink3)}
.lrn-stat b{font:500 16px/20px var(--font-serif);letter-spacing:-.3px;color:var(--ink2);font-variant-numeric:tabular-nums lining-nums}
.lrn-stat.big b{font-size:24px;line-height:28px;color:var(--ink)}
.lrn-tbl tr.is-sel > *{background:var(--surface-2)}
/* ── Beløpsakse (MVA): stasjoner ved linjene, regnestykket ved hver pil, piller med merke ── */
.lrn-arr{fill:none;stroke:var(--ink);stroke-width:2.5}
.lrn-arr.dim{stroke:var(--ink2);stroke-width:1.5}
.lrn-arrh{fill:var(--ink)}
.lrn-arrh.dim{fill:var(--ink2)}
.lrn-blind{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:6 5}
.lrn-tend{fill:none;stroke:var(--ink);stroke-width:2.5}
.lrn-stn{position:absolute;display:flex;gap:0 8px;white-space:nowrap;unicode-bidi:plaintext;text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-stn.col{flex-direction:column}
.lrn-stn.rev{flex-direction:column-reverse}
.lrn-stn b{font:500 22px/26px var(--font-serif);letter-spacing:-.3px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-stn.lane b{font-size:17px;line-height:22px}
.lrn-stn b.dim{color:var(--ink2)}
.lrn-stn span{font:400 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-pill{position:absolute;display:flex;justify-content:center}
.lrn-pill > span{display:inline-flex;align-items:center;gap:6px;font:600 12px/18px var(--font-sans);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext;text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-labels .lrn-pill .lrn-mk{position:static;text-shadow:none}
/* Bøtter (MVA-satsene): samme skala i alle, den valgte satsen fremhevet */
.lrn-bkrow{display:grid;grid-template-columns:minmax(0,748px) minmax(0,1fr);gap:48px;align-items:stretch}
.lrn-bks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.lrn-bk{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0 18px;box-sizing:border-box;border-radius:8px;min-width:0}
.lrn-bk.is-on{background:var(--surface-2)}
.lrn-bk-g{position:relative;width:100%;max-width:172px;aspect-ratio:1}
.lrn-bk-g svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lrn-bk-out{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.lrn-bk.is-on .lrn-bk-out{stroke-width:2.5}
.lrn-bk-c{position:absolute;left:0;right:0;display:flex;justify-content:center}
.lrn-bk-c span{padding:1px 7px;border-radius:3px;background:var(--bg);font:600 13px/18px var(--font-sans);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.lrn-bk.is-on .lrn-bk-c span{background:var(--surface-2)}
.lrn-bk-r{font:500 30px/1 var(--font-serif);letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-bk-n{font:600 14px/1.3 var(--font-sans);color:var(--ink);text-align:center}
.lrn-bk-d{font-size:14px;line-height:1.5;color:var(--ink2);text-align:center;text-wrap:balance;padding:0 12px}
.lrn-bk-a{display:none;font:500 12px/1.3 var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap}
.lrn-gl.lrn-bkdl{display:none}
.lrn-out{border:1.5px dashed var(--ink3);border-radius:8px;padding:22px 24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
.lrn-out .l{font:500 12px/1 var(--font-sans);letter-spacing:.2px;color:var(--ink3)}
.lrn-out .h{font:500 22px/1.25 var(--font-serif);letter-spacing:-.3px;color:var(--ink);text-wrap:balance}
.lrn-out .p{font-size:14px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
/* Tabell som alltid vises (ingen bryter) */
.lrn-tbl.is-flat{border:0}
.lrn-tbl.is-flat caption{font:500 19px/1.25 var(--font-serif);letter-spacing:-.2px;color:var(--ink)}
/* Formel som ikke skal brytes inne i et ledd, og tilstanden når formelen ikke gjelder */
/* Et navn inne i et ledd deles ikke. Står navnet alene etter tegnet, kan det brytes hvis det ikke får plass på én linje. */
.lrn-f .nw,.lrn-f span i{white-space:nowrap}
.lrn-f .lrn-fj > i{white-space:normal}
/* Regnetegnet og leddet etter det, samlet av learn.js: linjeskift kommer foran tegnet, aldri etter */
.lrn-fj{display:inline-flex;align-items:center;gap:inherit;min-width:0}
.lrn-fj > :first-child{flex:none}
.lrn-jst{font:500 24px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink);text-wrap:balance}
/* ── Break-even (dekningsbidrag): inntekt i aksentfarge, totalkostnad i blekk, faste kostnader stiplet ── */
.lrn-rev{fill:none;stroke:var(--lrn-line-1);stroke-width:2.75;stroke-linecap:round}
.lrn-cost{fill:none;stroke:var(--ink2);stroke-width:2;stroke-linecap:round}
.lrn-fixl{fill:none;stroke:var(--ink3);stroke-width:1.5;stroke-dasharray:6 5}
.lrn-brk2{fill:none;stroke:var(--ink);stroke-width:2}
.lrn-two2{position:absolute;display:flex;flex-direction:column;padding:2px 7px;white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext;text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-two2 b{font:600 12.5px/16px var(--font-sans);color:var(--ink)}
.lrn-two2 span{font:400 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-lg{display:flex;flex-direction:column;gap:4px;font-variant-numeric:tabular-nums}
.lrn-lg > span{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:18px;color:var(--ink3)}
.lrn-lg svg{flex-shrink:0}
.lrn-lg b{color:var(--ink);font-weight:600}
/* Formelkort i to felt: regelen til venstre, de samme leddene med tallene dine til høyre på en mørkere flate */
/* Navnet (.lrn-fnm) har egen kolonne som er like bred i alle rader (subgrid), så likhetstegnene står under hverandre på alle språk */
.lrn-card:has(> .lrn-frow){padding:0;gap:0;overflow:hidden;display:grid;grid-template-columns:max-content minmax(0,1fr)}
.lrn-card:has(> .lrn-frow > :nth-child(3)){grid-template-columns:max-content minmax(0,1fr) minmax(0,1fr)}
.lrn-frow{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:stretch}
.lrn-frow + .lrn-frow{border-top:1px solid var(--line)}
.lrn-frow > *{padding:20px 24px;align-content:center;justify-content:center}
.lrn-frow > .lrn-fnm{padding-inline-end:0;align-self:center;font:600 16px/1.4 var(--font-sans);color:var(--ink)}
.lrn-frow > .lrn-f{justify-content:flex-start}
.lrn-frow > .lrn-fnm + .lrn-f{padding-inline-start:9px}
.lrn-frow > :nth-child(3),.lrn-frow.hd > :nth-child(2){background:var(--surface-2);border-inline-start:1px solid var(--line)}
.lrn-frow.hd > *{padding-block:13px}
.lrn-frow.hd > :first-child{grid-column:1 / 3}
/* Flere formler under hverandre (.lrn-fl): navn, likhetstegn og uttrykk i hver sin kolonne.
   display:contents på .lrn-fj gir samme tre ruter før og etter at learn.js har samlet tegn og ledd. */
.lrn-fl{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);gap:14px 9px;align-items:baseline}
.lrn-fl > .lrn-f{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;align-items:baseline}
.lrn-fl > .lrn-f > .lrn-fj{display:contents}
/* Lista skal se lik ut også på sider uten learn.js (prosent, kroneverdi): navn og likhetstegn styles rett fra plassen sin */
.lrn-fl > .lrn-f > i:first-child{font-weight:600}
.lrn-fl > .lrn-f > i:first-child::first-letter{text-transform:uppercase}
.lrn-fl > .lrn-f > i:first-child + span:not(.lrn-fj){color:var(--ink3)}
/* «Vis formel» i kalkylekortene: learn.js bygger lista (.lrn-fl.hw) av tekstlinjene i .lrn-hwf. Uten skript vises linjene som de er. */
.lrn-hwf{display:flex;flex-direction:column;gap:8px;font:400 15px/1.5 var(--font-sans);color:var(--ink2)}
.lrn-hwf[hidden]{display:none}
.lrn-fl.hw{gap:12px 9px}
.lrn-fl.hw .lrn-f{font-size:15px;color:var(--ink)}
/* Kort med flere regnestykker under hverandre (ikke i rader): det samme navnet-først-oppsettet, og stor forbokstav */
.lrn-f > i:first-child:has(+ .lrn-fj > .lrn-op.eq:first-child)::first-letter{text-transform:uppercase}
.lrn-frow > .lrn-fnm::first-letter{text-transform:uppercase}
/* I radene er hele høyre felt den mørke flaten, så tallinja har ikke egen bakgrunn */
.lrn-frow > .lrn-f.n{padding:20px 24px;border-radius:0}
.lrn-frow .lrn-fs .lrn-f.n{padding:0;border-radius:0;background:none}
.lrn-card .lrn-frow .lrn-f.n b{font:500 24px/1 var(--font-serif);letter-spacing:-.4px}
.lrn-kt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;max-width:760px}
.lrn-kt > div{display:flex;flex-direction:column;gap:10px;min-width:0}
.lrn-kt-h{display:flex;align-items:center;gap:10px}
.lrn-kt-h svg{flex-shrink:0}
.lrn-kt-h > span{display:flex;flex-direction:column;gap:2px}
.lrn-kt-h b{font:600 14px/1.3 var(--font-sans);color:var(--ink)}
.lrn-kt-h small{font-size:12.5px;line-height:1.3;color:var(--ink3)}
.lrn-kt ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lrn-kt li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.4;color:var(--ink2)}
/* ── Tallerkener (food cost): råvaresektor, mva som kant, etiketter fri for skillelinjene ── */
.lrn-figrow.fc{grid-template-columns:minmax(0,800px) minmax(0,1fr)}
.lrn-fcside{display:flex;flex-direction:column;gap:24px;min-width:0}
.lrn-sk3{stroke:var(--ink3);stroke-width:1}
.lrn-sep2{fill:none;stroke:var(--bg);stroke-width:1.5}
.lrn-swo{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-ptitle{position:absolute;text-align:center;font:600 15px/20px var(--font-sans);color:var(--ink);unicode-bidi:plaintext}
.lrn-pick-c,.lrn-chip-c{transform:translateX(-50%)}
.lrn-sl{position:absolute;box-sizing:border-box;padding:2px 4px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext;text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-sl b{display:block;font:600 13px/17px var(--font-sans);color:var(--ink)}
.lrn-sl span{display:block;font:400 13px/17px var(--font-sans);color:var(--ink2)}
.lrn-sl.box{background:var(--bg);border-radius:3px;text-shadow:none}
.lrn-sl small{display:block;margin-top:3px;font:400 12px/15px var(--font-sans);color:var(--ink3);white-space:normal}
.lrn-bigp{position:absolute;width:220px;text-align:center;font-variant-numeric:tabular-nums}
.lrn-bigp b{display:block;font:500 44px/48px var(--font-serif);letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-bigp span{display:block;margin-top:4px;font:400 14px/18px var(--font-sans);color:var(--ink2)}
.lrn-fk{display:inline-flex;flex-direction:column;align-items:center;gap:3px}
.lrn-f .lrn-fk b{font:600 17px/1 var(--font-sans);color:var(--ink);letter-spacing:0}
.lrn-fk span{font:400 12px/1 var(--font-sans);color:var(--ink3)}
.lrn-fcst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
.lrn-fcst > div{display:flex;flex-direction:column;gap:6px;min-width:0}
.lrn-fcst dl{margin:0;display:flex;flex-direction:column}
.lrn-fcst dl > div{display:grid;grid-template-columns:14px minmax(0,1fr);gap:8px;align-items:start;padding:9px 0;border-top:1px solid var(--line)}
.lrn-fcst dl > div.o{display:block;font:500 13px/1.4 var(--font-sans);color:var(--ink)}
.lrn-fcst svg{margin-top:2px}
.lrn-fcst dt{font:400 12px/16px var(--font-sans);color:var(--ink2)}
.lrn-fcst dd{margin:0;font:600 13px/17px var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums}
.lrn-fcst dd.s{font:400 12px/15px var(--font-sans);color:var(--ink3)}
.lrn-fcst .p{display:flex;flex-direction:column;gap:2px;padding-top:6px;border-top:1px solid var(--line-2)}
.lrn-fcst .p b{font:500 32px/36px var(--font-serif);letter-spacing:-.8px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-fcst .p span{font:400 12px/16px var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums}
/* ── Klosser (enhetskost): bredde = mengde, høyde = kostnad per enhet, avviket skravert ── */
.lrn-blk{position:absolute;display:flex;flex-direction:column;text-align:center;padding:0 4px;box-sizing:border-box;font-variant-numeric:tabular-nums;unicode-bidi:plaintext;text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-blk b{font:600 12.5px/16px var(--font-sans);color:var(--ink)}
.lrn-blk span{font:400 12.5px/16px var(--font-sans);color:var(--ink2)}
.lrn-blk.m{text-align:start;padding:0}
.lrn-blk.m b,.lrn-blk.m span{font-size:11px;line-height:14px}
.lrn-dv{position:absolute;box-sizing:border-box;padding:2px 4px;border-radius:3px;background:var(--bg);text-align:center;font:500 12.5px/17px var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
/* ── Saldolinje (likviditet): punkt per måned, stiplet forlengelse til krysset, setning under grafen ── */
.lrn-pt{fill:var(--bg);stroke:var(--ink);stroke-width:1.6}
.lrn-pt.e{stroke:var(--ink3);stroke-width:1.4}
.lrn-pt.x{stroke-width:2.5}
.lrn-extk{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:6 5}
.lrn-say{margin:0;font:500 18px/1.5 var(--font-serif);letter-spacing:-.2px;color:var(--ink);max-width:62ch;text-wrap:pretty}
.lrn-say span{font:400 15px/1.5 var(--font-sans);letter-spacing:0;color:var(--ink2)}
/* ── Trapp og summering (nåverdi): inntekten som spøkelse, nåverdien fylt inn, stablet mot investeringen ── */
.lrn-sf{fill:var(--surface)}
.lrn-lys{stroke:var(--ink3);stroke-width:1;opacity:.75}
.lrn-gho{stroke:var(--ink3);stroke-width:1}
html[data-theme="bw"] .lrn .lrn-gho{stroke-dasharray:3 3}
.lrn-gapo{stroke:var(--ink3);stroke-width:1;stroke-dasharray:3 3}
.lrn-psb{stroke:var(--bg);stroke-width:1.6}
.lrn-sep15{fill:none;stroke:var(--bg);stroke-width:1.5}
.lrn-dk3{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:2 3}
.lrn-invl{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:6 5}
.lrn-kd{fill:var(--lrn-viz-1);stroke:var(--ink);stroke-width:2}
html[data-theme="bw"] .lrn .lrn-kd{fill:var(--ink)}
.lrn-yl,.lrn-cat,.lrn-vb{position:absolute;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;white-space:nowrap;unicode-bidi:plaintext;font-variant-numeric:tabular-nums}
.lrn-yl span{font:400 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-yl span:first-child{font-size:12.5px;color:var(--ink2)}
.lrn-cat span{font:400 12.5px/16px var(--font-sans);color:var(--ink2)}
.lrn-cat b{font:500 17px/22px var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-vb{gap:0;text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-vb b{font:500 20px/24px var(--font-serif);letter-spacing:-.2px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-vb span{font:400 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-vb.m{flex-direction:row;align-items:baseline;gap:10px}
.lrn-vb.m b{font-size:18px;line-height:22px}
.lrn-npt{position:absolute;display:flex;flex-direction:column;gap:6px;unicode-bidi:plaintext}
.lrn-npt b{font:500 22px/26px var(--font-serif);letter-spacing:-.2px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.lrn-npt.s b{font-size:18px}
.lrn-npt span{font:400 12.5px/16px var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-npt.r{align-items:flex-end;text-align:end;gap:2px}
.lrn-npt.r b{font-size:17px;line-height:22px}
.lrn-npt.r span{font-size:12px}
.lrn-mrow{position:absolute;display:flex;justify-content:space-between;align-items:baseline;gap:8px;unicode-bidi:plaintext}
.lrn-mrow span{font:500 12px/22px var(--font-sans);color:var(--ink2)}
.lrn-mrow b{font:500 17px/22px var(--font-serif);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.lrn-pfrow{display:grid;grid-template-columns:372px minmax(0,1fr);gap:48px;align-items:start}
.lrn-pfrow > div{display:flex;flex-direction:column;gap:12px;padding-top:30px;max-width:56ch}
.lrn-pft{font:500 24px/1.2 var(--font-serif);letter-spacing:-.4px;color:var(--ink);text-wrap:balance}
.lrn-fg{display:flex;flex-direction:column;gap:6px}
/* ── Regnearket (tilbud): postene med subtotaler, merknadene i margen og sammenligningen ved siden av ── */
.lrn-sheetrow{display:grid;grid-template-columns:minmax(0,800px) minmax(0,1fr);gap:40px;align-items:start}
.lrn-sheetcol{display:flex;flex-direction:column;gap:20px;min-width:0}
.lrn-sheet{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-variant-numeric:tabular-nums}
.lrn-sheet caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lrn-sheet tr{--pad:11px}
.lrn-sheet tr.sec{--pad:9px}
.lrn-sheet tr.sub{--pad:10px}
.lrn-sheet tr.eks{--pad:12px}
.lrn-sheet tr.tot{--pad:16px}
.lrn-sheet .hd th{padding:22px 24px 8px;background:var(--surface);border:1px solid var(--line);border-bottom:0;text-align:start;font-weight:400}
.lrn-sheet .hd th > span{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lrn-sheet .hd b{font:500 28px/1.1 var(--font-serif);letter-spacing:-.5px;color:var(--ink)}
.lrn-sheet .hd td,.lrn-sheet .ch td{padding:0}
.lrn-sheet .ch th{padding:10px 10px 8px;background:var(--surface);border-bottom:1px solid var(--line-2);font:500 12px/1.2 var(--font-sans);color:var(--ink3);text-align:end}
.lrn-sheet .ch th:first-child{text-align:start;padding-inline-start:24px;border-inline-start:1px solid var(--line)}
.lrn-sheet .ch th.a{padding-inline-end:24px;border-inline-end:1px solid var(--line)}
.lrn-sheet .ch th.n{background:none;border:0;text-align:start;padding:10px 0 8px}
.lrn-sheet tbody th{padding:var(--pad) 14px;padding-inline-start:24px;background:var(--surface);border-inline-start:1px solid var(--line);text-align:start;font:400 15px/1.35 var(--font-sans);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrn-sheet tbody th.e{color:var(--ink3);font-style:italic}
.lrn-sheet td.q{padding:var(--pad) 10px;background:var(--surface);text-align:end;font:400 14px/1.35 var(--font-sans);color:var(--ink2);white-space:nowrap}
.lrn-sheet td.a{padding:var(--pad) 10px;padding-inline-end:24px;background:var(--surface);border-inline-end:1px solid var(--line);text-align:end;font:500 15px/1.2 var(--font-sans);color:var(--ink);white-space:nowrap}
.lrn-sheet td.a .u{font:400 12px/1 var(--font-sans);font-style:normal;letter-spacing:0;color:var(--ink3)}
.lrn-sheet td.l{padding:0;vertical-align:middle}
.lrn-sheet td.l i{display:block;height:1px;background:var(--ink3)}
.lrn-sheet td.n{padding:5px 0;vertical-align:middle;font-variant-numeric:normal}
.lrn-sheet td.n > div{display:flex;align-items:center;gap:10px}
.lrn-sheet td.n > div > span:last-child{display:flex;flex-direction:column;gap:2px;font-size:13.5px;line-height:1.4;color:var(--ink2);text-wrap:pretty}
.lrn-sheet small,.lrn-notes small{display:block;font-size:inherit;color:var(--ink3)}
.lrn-sheet tr.bb > :not(.l):not(.n){border-bottom:1px solid var(--line)}
.lrn-sheet tr.sec th{font-weight:600;font-size:14px}
.lrn-sheet tr.sub th{font-size:14px;color:var(--ink2)}
.lrn-sheet tr.sub td.a{font:500 17px/1.2 var(--font-serif);border-top:1px solid var(--ink3)}
.lrn-sheet tr:is(.pas,.eks,.mva,.tot) > :not(.l):not(.n){background:var(--surface-2)}
.lrn-sheet tr:is(.pas,.mva) > :is(th,td.a){font-style:italic}
.lrn-sheet tr.eks th{font-weight:600}
.lrn-sheet tr.eks td.a{font:500 20px/1.2 var(--font-serif);border-top:1px solid var(--ink3)}
.lrn-sheet tr.tot th{font:500 20px/1.35 var(--font-serif);letter-spacing:-.2px}
.lrn-sheet tr.tot td.a{font:500 32px/1.2 var(--font-serif);letter-spacing:-.5px;border-top:2px solid var(--ink)}
/* Smal: merket i egen kolonne til venstre, antall × pris samlet, merknadene som liste under */
.lrn-sheet.m tr{--pad:10px}
.lrn-sheet.m tr.sec,.lrn-sheet.m tr.sub{--pad:9px}
.lrn-sheet.m tr.eks{--pad:11px}
.lrn-sheet.m tr.tot{--pad:13px}
.lrn-sheet.m .hd th{padding:18px 14px 8px 16px}
.lrn-sheet.m .hd b{font-size:24px}
.lrn-sheet.m .ch th{padding:8px 6px 7px}
.lrn-sheet.m .ch th:first-child{padding:8px 0 7px}
.lrn-sheet.m .ch th:nth-child(2){text-align:start;padding-inline-start:0}
.lrn-sheet.m .ch th.a{padding-inline-end:14px;border-inline-end:1px solid var(--line)}
.lrn-sheet.m td.m{padding:0;padding-inline-start:6px;background:var(--surface);border-inline-start:1px solid var(--line);vertical-align:middle}
.lrn-sheet.m tbody th{padding:var(--pad) 6px;padding-inline-start:0;border-inline-start:0;font-size:13.5px;white-space:normal;overflow-wrap:anywhere}
.lrn-sheet.m tr.sec th{font-size:14px}
.lrn-sheet.m tr.eks th{font-size:14.5px}
.lrn-sheet.m tr.tot th{font-size:17px}
.lrn-sheet.m td.qp{padding:var(--pad) 6px;background:var(--surface);text-align:end;font:400 12.5px/1.3 var(--font-sans);color:var(--ink3);white-space:nowrap}
.lrn-sheet.m td.a{padding:var(--pad) 6px;padding-inline-end:14px;font-size:14.5px}
.lrn-sheet.m td.a .u{font-size:12px}
.lrn-sheet.m tr.sub td.a{font-size:16px}
.lrn-sheet.m tr.eks td.a{font-size:18px}
.lrn-sheet.m tr.tot td.a{font-size:24px}
.lrn-sheet.m .lrn-mk{display:block}
.lrn-sheetcmp{display:flex;flex-direction:column;gap:20px;padding-inline-start:28px;border-inline-start:1px solid var(--line)}
.lrn-sheetcmp p{margin:0;font:400 21px/1.35 var(--font-serif);letter-spacing:-.2px;color:var(--ink2);text-wrap:pretty}
.lrn-sheetcmp strong{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
/* ── Formelkort per type (finans): navn til venstre, formel, utfylt regnestykke og forklaring til høyre ── */
.lrn-seg.scr{display:flex;max-width:100%;overflow-x:auto;scrollbar-width:none;align-self:flex-start}
.lrn-seg.scr::-webkit-scrollbar{display:none}
.lrn-seg.scr button{flex:0 0 auto;white-space:nowrap}
.lrn-fcard{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:26px 28px 22px;display:flex;flex-direction:column;gap:8px;min-width:0}
.lrn-fcard-t{font:500 28px/1.15 var(--font-serif);letter-spacing:-.5px;color:var(--ink)}
.lrn-frow2{display:grid;grid-template-columns:152px minmax(0,1fr);gap:0 28px;align-items:baseline;padding:22px 0;border-top:1px solid var(--line)}
.lrn-frow2.f{padding-top:4px;border-top:0}
.lrn-frow2-l{font:600 13.5px/1.35 var(--font-sans);color:var(--ink)}
.lrn-frow2 > div{display:flex;flex-direction:column;gap:10px;min-width:0}
.lrn-frow2 .lrn-p{font-variant-numeric:tabular-nums;text-wrap:pretty}
.lrn-go{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;min-height:44px;color:var(--accent-2);text-decoration:none;font:500 14.5px/1.3 var(--font-sans)}
.lrn-go span{border-bottom:1px solid var(--line-warm)}
.lrn-go svg{flex-shrink:0;fill:none;stroke:var(--accent-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lrn-cmpsec{display:flex;flex-direction:column;gap:20px}
.lrn-figrow.cmp{grid-template-columns:minmax(0,680px) minmax(0,1fr);gap:44px}
.lrn-cmpside{display:flex;flex-direction:column;gap:28px;padding-top:24px;min-width:0}
.lrn-dblh{display:flex;flex-direction:column;gap:4px}
.lrn-dblh b{font:600 14.5px/1.3 var(--font-sans);color:var(--ink)}
.lrn-dblh span{font-size:12.5px;line-height:1.45;color:var(--ink3)}
.lrn-cmpside .lrn-tbl > div{padding:0}
.lrn-dk4{fill:none;stroke:var(--ink4);stroke-width:1;stroke-dasharray:2 3}
.lrn-dotk3{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:1 3;stroke-linecap:round}
.lrn-stair{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:miter}
.lrn-tk{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-kd.s{stroke-width:1.5}
html[data-theme="bw"] .lrn .lrn-l1.dsh{stroke-dasharray:4 3}
/* ── Speilet (valutagevinst): gevinst over nullinja, tap under, kurspila og regnestykket ── */
.lrn-arw{fill:none;stroke:var(--ink);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.lrn-ghar{fill:none;stroke:var(--ink3);stroke-width:1.5;stroke-dasharray:4 3;stroke-linecap:round;stroke-linejoin:round}
.lrn-rl{position:absolute;display:flex;flex-direction:column;gap:1px;white-space:nowrap;unicode-bidi:plaintext;font-variant-numeric:tabular-nums lining-nums;text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-rl.r{align-items:flex-end;transform:translateX(-100%)}
.lrn-rl.c{align-items:center;transform:translateX(-50%)}
.lrn-rl span{font:400 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-rl b{font:500 22px/26px var(--font-serif);color:var(--ink)}
.lrn-rl.dim b{color:var(--ink3)}
.lrn-amtrow{position:absolute;display:flex;align-items:baseline;gap:8px;white-space:nowrap;unicode-bidi:plaintext;font-variant-numeric:tabular-nums lining-nums;text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-amtrow b{font:600 12px/16px var(--font-sans);color:var(--ink)}
.lrn-amtrow span{font:500 22px/26px var(--font-serif);color:var(--ink)}
.lrn-amtrow.dim b,.lrn-amtrow.dim span{color:var(--ink3)}
.lrn-pl{position:absolute;display:flex;flex-direction:column;gap:1px;unicode-bidi:plaintext;font-variant-numeric:tabular-nums}
.lrn-pl b{font:600 12px/16px var(--font-sans);color:var(--ink)}
.lrn-pl span{font:400 12px/16px var(--font-sans);color:var(--ink2)}
.lrn-pl.dim b,.lrn-pl.dim span{color:var(--ink3)}
.lrn-say0{position:absolute;font:500 24px/30px var(--font-serif);color:var(--ink);white-space:nowrap;unicode-bidi:plaintext}
.lrn-fl3s{display:flex;flex-direction:column;gap:10px;padding:13px 16px;border-radius:8px;background:var(--surface-2)}
.lrn-fl3{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:6px 16px;align-items:baseline;font-variant-numeric:tabular-nums}
.lrn-fl3 span:first-child{font:500 12px/1.4 var(--font-sans);color:var(--ink3)}
.lrn-fl3 span{font:400 16px/1.4 var(--font-sans);color:var(--ink2)}
.lrn-fl3 b{font:500 22px/1.2 var(--font-serif);color:var(--ink);letter-spacing:-.3px;white-space:nowrap}
/* ── Tidslinjer (feriepenger): potten vokser gjennom opptjeningsåret og betales ut i juni ── */
.lrn-segs{display:flex;gap:12px;flex-wrap:wrap}
.lrn-a1s{fill:var(--lrn-line-1)}
html[data-theme="bw"] .lrn .lrn-a1s{fill:var(--ink)}
.lrn-gh{opacity:.28}
.lrn-ovr{fill:none;stroke:var(--ink3);stroke-width:1.25;stroke-dasharray:3 3}
.lrn-arw2{fill:none;stroke:var(--ink2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lrn-sumv{position:absolute;font:500 24px/28px var(--font-serif);letter-spacing:-.4px;color:var(--ink);white-space:nowrap;unicode-bidi:plaintext;font-variant-numeric:tabular-nums lining-nums;text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-rowl{position:absolute;display:flex;flex-direction:column;gap:2px;unicode-bidi:plaintext}
.lrn-rowl b{font:600 13.5px/1.3 var(--font-sans);color:var(--ink)}
.lrn-rowl span{font:400 12px/1.35 var(--font-sans);color:var(--ink3)}
.lrn-call{position:absolute;font:400 12.5px/17px var(--font-sans);color:var(--ink2);text-wrap:pretty;unicode-bidi:plaintext}
.lrn-call a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid var(--line-warm)}
.lrn-notes a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid var(--line-warm)}
.lrn-calcrow.top{align-items:start}
/* ── Hundre ruter (budsjett): inntekten i prosent mot 50/30/20-båndene ── */
.lrn-bu-b1{fill:var(--surface)}
.lrn-bu-b2{fill:var(--surface-2)}
.lrn-bu-base{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-bu-f{fill:var(--accent)}
.lrn-bu-pb{fill:var(--bg)}
.lrn-bu-sl{stroke:color-mix(in oklch, var(--ink) 30%, var(--bg));stroke-width:2.2}
.lrn-bu-pd{fill:color-mix(in oklch, var(--accent) 60%, var(--bg))}
.lrn-bu-px{fill:none;stroke:var(--ink);stroke-width:1.1}
.lrn-bu-v{stroke:color-mix(in oklch, var(--ink) 30%, var(--bg));stroke-width:1}
.lrn-bu-s{stroke:color-mix(in oklch, var(--accent) 60%, var(--bg));stroke-width:1}
.lrn-bu-o{fill:none;stroke:var(--lrn-line-1);stroke-width:1.6}
.lrn-bu-x{stroke:var(--ink);stroke-width:1.25}
.lrn-bu-div{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:6 5}
.lrn-bu-lead{fill:none;stroke:var(--ink3);stroke-width:1}
html[data-theme="bw"] .lrn .lrn-bu-pd{fill:color-mix(in oklch, var(--ink) 60%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-bu-s{stroke:color-mix(in oklch, var(--ink) 60%, var(--bg))}
.lrn-bul{position:absolute;font:600 13px/18px var(--font-sans);color:var(--ink);white-space:nowrap;unicode-bidi:plaintext}
.lrn-bul.a{font-weight:500;font-size:12.5px}
.lrn-bul.m{font-size:12px;line-height:16px}
.lrn-bul.m.r{font-weight:500;color:var(--ink2)}
.lrn-bul.c{font-weight:400;font-size:12px;color:var(--ink3)}
.lrn-bun{position:absolute;display:flex;align-items:baseline;gap:8px;white-space:nowrap;unicode-bidi:plaintext;font-variant-numeric:tabular-nums}
.lrn-bun b{font:600 13px/18px var(--font-sans);color:var(--ink)}
.lrn-bun span{font:400 12.5px/18px var(--font-sans);color:var(--ink2)}
.lrn-bsw{display:block;width:16px;height:16px;box-sizing:border-box;border:1.3px solid var(--line-2)}
.lrn-bsw.f{background:var(--accent)}
.lrn-bsw.v{border-color:color-mix(in oklch, var(--ink) 30%, var(--bg));background:repeating-linear-gradient(45deg, color-mix(in oklch, var(--ink) 30%, var(--bg)) 0 1.6px, var(--bg) 1.6px 3.6px)}
.lrn-bsw.s{border-color:color-mix(in oklch, var(--accent) 60%, var(--bg));background:radial-gradient(circle, color-mix(in oklch, var(--accent) 60%, var(--bg)) 1.4px, transparent 1.7px) 0 0/5px 5px, var(--bg)}
html[data-theme="bw"] .lrn .lrn-bsw.s{border-color:color-mix(in oklch, var(--ink) 60%, var(--bg));background:radial-gradient(circle, color-mix(in oklch, var(--ink) 60%, var(--bg)) 1.4px, transparent 1.7px) 0 0/5px 5px, var(--bg)}
.lrn-bsw.o{border:1.6px solid var(--lrn-line-1)}
.lrn-bsw.x{border-color:var(--ink);background:repeating-linear-gradient(45deg, var(--ink) 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, var(--ink) 0 1px, transparent 1px 4px), var(--bg)}
.lrn-bu-leg > div,.lrn-bu-tbl > div{max-width:820px}
.lrn-bu-leg td.sw,.lrn-bu-tbl td.sw{width:16px;padding-inline-end:10px;padding-inline-start:0;vertical-align:middle}
.lrn-bu-leg td.p,.lrn-bu-tbl td.p,.lrn-bu-top td.p{font:400 14px/1.3 var(--font-sans);color:var(--ink2)}
.lrn-bu-ann{display:flex;flex-direction:column;gap:8px}
.lrn-bu-top{padding-top:32px;border-top:1px solid var(--line-2);gap:20px}
.lrn-bu-top .lrn-tbl > div{max-width:none}
.lrn-bu-top th.b,.lrn-bu-top td.b{width:180px}
.lrn-bu-top td.b{padding-inline-start:16px}
.lrn-bu-top td.b span{display:block;height:5px;background:var(--accent)}
/* ── Tre målestokker (abonnementer): samme segmenter per måned, per år og spart i årene ── */
.lrn-ab-s{stroke:var(--bg);stroke-width:1.5}
.lrn-ab-s.k0{fill:var(--accent)}
.lrn-ab-s.k1{fill:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-ab-s.k2{fill:url(#lrn-ab-p2)}
.lrn-ab-s.k3{fill:url(#lrn-ab-p3)}
html[data-theme="bw"] .lrn .lrn-ab-s.k0{fill:url(#lrn-ab-p0)}
.lrn-ab-pb{fill:var(--bg)}
.lrn-ab-pl0{stroke:var(--ink2);stroke-width:2}
.lrn-ab-p2b{fill:color-mix(in oklch, var(--accent) 45%, var(--bg))}
.lrn-ab-pl{stroke:color-mix(in oklch, var(--ink) 55%, var(--bg));stroke-width:1.1}
.lrn-ab-p3b{fill:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-ab-pd{fill:color-mix(in oklch, var(--ink) 60%, var(--bg))}
.lrn-ab-e{fill:none;stroke:var(--ink3);stroke-width:1.25;stroke-dasharray:4 4}
.lrn-ab-selp{fill:none;stroke:var(--ink);stroke-width:2}
.lrn-ab-in{fill:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-ab-av{fill:var(--accent)}
html[data-theme="bw"] .lrn .lrn-ab-av{fill:url(#lrn-ab-p0)}
.lrn-ab-fun{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ab-fr{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-ab-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ab-labels > *{position:absolute;white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-ab-chip{display:flex;flex-direction:column;padding:2px 6px;border-radius:3px;background:var(--bg)}
.lrn-ab-chip span{font:500 12px/15px var(--font-sans);color:var(--ink2)}
.lrn-ab-chip b{font:600 12px/15px var(--font-sans);color:var(--ink)}
.lrn-ab-chip.m span,.lrn-ab-chip.m b{font-size:11px}
.lrn-ab-ld{padding:0 4px;font:500 12px/18px var(--font-sans);color:var(--ink2);text-shadow:0 0 2px var(--bg),0 0 2px var(--bg),0 0 2px var(--bg)}
.lrn-ab-ld b,.lrn-ab-sp b{font-weight:600;color:var(--ink)}
.lrn-ab-mul{font:500 26px/1 var(--font-serif);letter-spacing:-.4px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-ab-mul.m{font-size:22px}
.lrn-ab-fc{font:500 11px/16px var(--font-sans);color:var(--ink)}
.lrn-ab-fc span{padding:0 3px;background:var(--bg)}
.lrn-ab-lv{display:flex;flex-direction:column;gap:2px}
.lrn-ab-lv.m{align-items:flex-end;text-align:right}
.lrn-ab-lv .l{display:flex;align-items:center;gap:6px;font:500 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-ab-lv .l .lrn-mk{position:static}
.lrn-ab-lv .v{font:500 34px/38px var(--font-serif);letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-ab-lv.m .v{font-size:28px;line-height:30px}
.lrn-ab-lv .u{font:500 12px/1 var(--font-sans);letter-spacing:0;color:var(--ink3)}
.lrn-ab-note{font:400 12px/16px var(--font-sans);color:var(--ink3);white-space:normal!important;text-wrap:pretty}
.lrn-ab-empty{text-align:center;font:500 13px/20px var(--font-sans);color:var(--ink2)}
.lrn-ab-sp{font:500 12.5px/16px var(--font-sans);color:var(--ink2)}
.lrn-ab-hit{padding:0;margin:0;border:0;border-radius:0;background:transparent;cursor:pointer;pointer-events:auto}
.lrn-ab-hit:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.lrn-ab-rd{font-size:16px;line-height:1.55;max-width:70ch;text-wrap:pretty}
.lrn-ab-tbl tbody th{padding-block:6px}
.lrn-ab-row{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:0;margin:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}
.lrn-ab-row:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.lrn-ab-tbl tr.is-sel > *{background:var(--surface-2)}
.lrn-ab-sw{display:block;width:14px;height:14px;flex-shrink:0;box-sizing:border-box;border:1px solid var(--line-2)}
.lrn-ab-sw.k0{background:var(--accent)}
html[data-theme="bw"] .lrn .lrn-ab-sw.k0{background:repeating-linear-gradient(45deg, var(--ink2) 0 1.4px, var(--bg) 1.4px 4.2px)}
.lrn-ab-sw.k1{background:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-ab-sw.k2{background:repeating-linear-gradient(-45deg, color-mix(in oklch, var(--ink) 55%, var(--bg)) 0 1px, color-mix(in oklch, var(--accent) 45%, var(--bg)) 1px 4.2px)}
.lrn-ab-sw.k3{background:radial-gradient(circle, color-mix(in oklch, var(--ink) 60%, var(--bg)) 1px, transparent 1.3px) 0 0/5px 5px, color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-ab-calc .lrn-notes{padding-top:0}
/* ── Hva én kilometer koster (bil): meter mot den skattefrie satsen, og kurven etter kjørelengde ── */
.lrn-vc-main{display:flex;flex-direction:column;gap:28px}
.lrn-vc-ax{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-vc-verd{fill:var(--accent)}
.lrn-vc-driv{fill:color-mix(in oklch, var(--accent) 45%, var(--bg))}
.lrn-vc-fast{fill:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-vc-vedl{fill:color-mix(in oklch, var(--ink) 12%, var(--bg));stroke:var(--ink3);stroke-width:1}
html[data-theme="bw"] .lrn .lrn-vc-verd{fill:color-mix(in oklch, var(--ink) 88%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-vc-driv{fill:url(#lrn-vc-pd)}
html[data-theme="bw"] .lrn .lrn-vc-fast{fill:url(#lrn-vc-pf)}
html[data-theme="bw"] .lrn .lrn-vc-vedl{fill:none}
.lrn-vc-pb{fill:var(--bg)}
.lrn-vc-pl{stroke:var(--ink2);stroke-width:1.6}
.lrn-vc-pc{fill:var(--ink2)}
.lrn-vc-pole0{fill:none;stroke:var(--bg);stroke-width:3.5;stroke-dasharray:6 5}
.lrn-vc-pole{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:6 5}
.lrn-vc-labels > *{position:absolute;white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-vc-ref{display:flex;flex-direction:column;align-items:center;text-align:center}
.lrn-vc-ref b{font:600 12.5px/16px var(--font-sans);color:var(--ink)}
.lrn-vc-ref span{font:400 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-vc-ref.m b{font-size:11.5px}
.lrn-vc-ref.m span{font-size:11px}
.lrn-vc-ref.m{white-space:normal!important;text-wrap:balance}
.lrn-vc-lb,.lrn-vc-tot{display:flex;flex-direction:column;gap:2px}
.lrn-vc-lb > span{font:500 12px/16px var(--font-sans);color:var(--ink2)}
.lrn-vc-lb b,.lrn-vc-tot b{font:500 22px/26px var(--font-serif);letter-spacing:-.3px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-vc-lb .u,.lrn-vc-tot .u{font:500 12px/1 var(--font-sans);color:var(--ink3);letter-spacing:0;margin-inline-start:4px}
.lrn-vc-tot{gap:1px}
.lrn-vc-tot > span{font:400 11px/14px var(--font-sans);color:var(--ink3)}
.lrn-vc-sh{font:600 14px/18px var(--font-sans);color:var(--ink)}
.lrn-vc-ann{font:400 13px/19px var(--font-sans);color:var(--ink2);white-space:normal!important;text-wrap:pretty}
.lrn-vc-say{font-size:16px;line-height:1.55;max-width:70ch;text-wrap:pretty;font-variant-numeric:tabular-nums}
.lrn-vc-say strong{font-weight:600;color:var(--ink)}
.lrn-vc-card{max-width:640px}
.lrn-vc-tbl td.sw{width:14px;padding-inline-end:10px;padding-inline-start:0;vertical-align:middle}
.lrn-vc-tbl td.p{font:400 14px/1.3 var(--font-sans);color:var(--ink2)}
.lrn-vc-sw{display:block;width:14px;height:14px;box-sizing:border-box;border:1px solid var(--line-2)}
.lrn-vc-sw.verd{background:var(--accent)}
.lrn-vc-sw.driv{background:color-mix(in oklch, var(--accent) 45%, var(--bg))}
.lrn-vc-sw.fast{background:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-vc-sw.vedl{background:color-mix(in oklch, var(--ink) 12%, var(--bg));border-color:var(--ink3)}
html[data-theme="bw"] .lrn .lrn-vc-sw.verd{background:color-mix(in oklch, var(--ink) 88%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-vc-sw.driv{background:repeating-linear-gradient(-45deg, var(--ink2) 0 1.3px, var(--bg) 1.3px 3.6px)}
html[data-theme="bw"] .lrn .lrn-vc-sw.fast{background:radial-gradient(circle, var(--ink2) 1px, transparent 1.3px) 0 0/5px 5px, var(--bg)}
html[data-theme="bw"] .lrn .lrn-vc-sw.vedl{background:none}
.lrn-vc-s2{padding-top:32px;border-top:1px solid var(--line-2)}
.lrn-vc-band{fill:color-mix(in oklch, var(--accent) 45%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-vc-band{fill:url(#lrn-vc-pd)}
.lrn-vc-refl{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:6 5}
.lrn-vc-drop{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3}
.lrn-vc-curve{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.lrn-vc-xdot{fill:var(--bg);stroke:var(--ink);stroke-width:1.5}
.lrn-vc-udot{fill:var(--ink);stroke:var(--bg);stroke-width:1.5}
.lrn-vc-chip{padding:1px 6px;border-radius:3px;background:var(--bg);font:500 12px/18px var(--font-sans);color:var(--ink)}
.lrn-vc-tag{padding:1px 7px;border-radius:3px;background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-sans)}
.lrn-vc-scr{padding:1px 6px;border-radius:3px;background:var(--bg);border:1px solid var(--ink3);box-sizing:border-box;font:500 12px/16px var(--font-sans);color:var(--ink)}
.lrn-dl.three{grid-template-columns:repeat(3,minmax(0,1fr))}
/* ── Varen på reise (innførselskost): stasjoner fra fabrikk til lager, trappen under ── */
.lrn-lc-main{display:flex;flex-direction:column;gap:28px}
.lrn-lc-ax{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-lc-stair{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:miter}
.lrn-lc-route{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-lc-route2{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:6 5}
.lrn-lc-brk{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linejoin:miter}
.lrn-lc-arc{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.lrn-lc-phb{fill:var(--accent)}
.lrn-lc-phl{stroke:color-mix(in oklch, var(--bg) 55%, transparent);stroke-width:1.6}
.lrn-lc-pdb{fill:color-mix(in oklch, var(--ink) 12%, var(--bg))}
.lrn-lc-pdc{fill:var(--ink2)}
html[data-theme="bw"] .lrn .lrn-lc-phb{fill:var(--bg)}
html[data-theme="bw"] .lrn .lrn-lc-phl{stroke:var(--ink2)}
.lrn-lc-c,.lrn-lc-l{stroke:none}
.lrn-lc-c{stroke:var(--ink);stroke-width:1.5}
.lrn-lc-c.s0,.lrn-lc-l.s0{fill:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-lc-c.s1,.lrn-lc-l.s1{fill:url(#lrn-lc-ph)}
.lrn-lc-c.s2,.lrn-lc-l.s2{fill:url(#lrn-lc-pd)}
.lrn-lc-c.s5,.lrn-lc-l.s5{fill:var(--bg)}
.lrn-lc-l.s5{stroke:var(--ink3);stroke-width:1}
.lrn-lc-c.s6{fill:var(--ink);stroke:none}
.lrn-lc-c.s7{fill:var(--bg);stroke-dasharray:3 2.5}
.lrn-lc-labels > *{position:absolute;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-lc-st{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.lrn-lc-st b{font:500 17px/22px var(--font-serif);letter-spacing:-.2px;color:var(--ink)}
.lrn-lc-st .a{font:600 14px/18px var(--font-sans);color:var(--ink);white-space:nowrap}
.lrn-lc-st .bs{font:400 12px/16px var(--font-sans);color:var(--ink2);text-wrap:pretty}
.lrn-lc-st.end .a{font:500 32px/36px var(--font-serif);letter-spacing:-.8px;font-variant-numeric:tabular-nums lining-nums}
.lrn-lc-st.end .bs{font-size:13px;line-height:17px}
.lrn-lc-st a,.lrn-lc-mob a{margin-top:4px;font:500 12.5px/16px var(--font-sans);color:var(--accent-2);text-decoration:none;border-bottom:1px solid var(--line-warm)}
.lrn-lc-br,.lrn-lc-in{padding:1px 8px;border-radius:3px;background:var(--bg);font:500 12.5px/18px var(--font-sans);color:var(--ink);white-space:nowrap}
.lrn-lc-mob{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.lrn-lc-mob li{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);column-gap:12px}
.lrn-lc-mob li::before{content:"";position:absolute;left:10.25px;top:24px;bottom:2px;border-left:1.5px solid var(--ink3)}
.lrn-lc-mob li.is-end::before{display:none}
.lrn-lc-mob li.is-end:has(+ li)::before{display:block;border-left-style:dashed}
.lrn-lc-mob li.is-hylle::before{display:none}
.lrn-lc-dot{display:block;width:20px;height:20px;box-sizing:border-box;border-radius:50%;border:1.5px solid var(--ink);margin-top:1px}
.lrn-lc-dot.s0,.lrn-lc-bar i.s0{background:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-lc-dot.s1,.lrn-lc-bar i.s1{background:repeating-linear-gradient(-45deg, color-mix(in oklch, var(--bg) 55%, transparent) 0 1.4px, transparent 1.4px 3.6px), var(--accent)}
.lrn-lc-dot.s2,.lrn-lc-bar i.s2{background:radial-gradient(circle, var(--ink2) 1px, transparent 1.3px) 0 0/5px 5px, color-mix(in oklch, var(--ink) 12%, var(--bg))}
.lrn-lc-dot.s5{background:var(--bg)}
.lrn-lc-bar i.s5{background:color-mix(in oklch, var(--ink) 12%, var(--bg))}
.lrn-lc-dot.s6{background:var(--ink);border-color:var(--ink)}
.lrn-lc-dot.s7{background:var(--bg);border-style:dashed}
html[data-theme="bw"] .lrn .lrn-lc-dot.s1,html[data-theme="bw"] .lrn .lrn-lc-bar i.s1{background:repeating-linear-gradient(-45deg, var(--ink2) 0 1.4px, var(--bg) 1.4px 3.6px)}
.lrn-lc-mob .b{min-width:0;padding-bottom:14px;display:flex;flex-direction:column}
.lrn-lc-mob .r{display:flex;align-items:flex-start;justify-content:space-between;column-gap:12px}
.lrn-lc-mob .n{display:flex;flex-direction:column;gap:1px;min-width:0}
.lrn-lc-mob .nm{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.lrn-lc-mob .nm b{font:500 17px/22px var(--font-serif);letter-spacing:-.2px;color:var(--ink)}
.lrn-lc-mob .a{font:600 14px/22px var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums}
.lrn-lc-mob .nm .lrn-mk{align-self:center}
.lrn-lc-mob .bs{font:400 12.5px/17px var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-lc-mob .run{flex-shrink:0;text-align:end;font:500 17px/22px var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.lrn-lc-bar{position:relative;display:block;height:6px;margin-top:8px}
.lrn-lc-bar i{position:absolute;top:0;bottom:0}
.lrn-lc-say{font-size:16px;line-height:1.55;max-width:70ch;text-wrap:pretty;font-variant-numeric:tabular-nums}
.lrn-lc-say strong{font-weight:600;color:var(--ink)}
.lrn-lc-s2{padding-top:32px;border-top:1px solid var(--line-2)}
.lrn-lc-qs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.lrn-lc-q{display:flex;flex-direction:column;gap:8px;min-width:0}
.lrn-lc-q .h{display:flex;align-items:center;gap:8px;min-height:22px;font:500 13px/1.2 var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-lc-q .you{display:inline-flex;align-items:center;height:20px;padding:0 8px;box-sizing:border-box;border:1px solid var(--ink3);border-radius:10px;font:500 12px/1 var(--font-sans);white-space:nowrap}
.lrn-lc-q .v{font:500 30px/1.1 var(--font-serif);letter-spacing:-.5px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.lrn-lc-qb{display:block;height:6px;max-width:356px}
.lrn-lc-qb i{display:block;height:100%;background:color-mix(in oklch, var(--ink) 28%, var(--bg))}
/* ── Netthandel: én ordre som stolpe, resultat mot ROAS, og kundens levetid (LTV) ── */
.lrn-nh-mode,.lrn-nh-v{display:flex;flex-direction:column;gap:28px}
.lrn-defs{position:absolute;width:0;height:0;overflow:hidden}
.lrn-nh-row{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:40px;align-items:start}
.lrn-nh-row.s{grid-template-columns:minmax(0,840px) minmax(0,1fr)}
.lrn-nh-side{display:flex;flex-direction:column;gap:24px;min-width:0}
.lrn-nh-side .lrn-notes{padding-top:30px}
.lrn-nh-pb{fill:color-mix(in oklch, var(--ink) 12%, var(--bg))}
.lrn-nh-pl{stroke:var(--ink2);stroke-width:1}
.lrn-nh-pc{fill:var(--ink2)}
.lrn-nh-phl{stroke:color-mix(in oklch, var(--bg) 55%, transparent);stroke-width:1.6}
.lrn-nh-pab{fill:var(--bg)}
html[data-theme="bw"] .lrn .lrn-nh-phl{stroke:var(--ink2)}
.lrn-nh-b{stroke:var(--bg);stroke-width:1}
.lrn-nh-b.vare{fill:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-nh-b.frakt{fill:url(#lrn-nh-ps)}
.lrn-nh-b.gebyr{fill:url(#lrn-nh-pd)}
.lrn-nh-b.emb{fill:url(#lrn-nh-px)}
.lrn-nh-b.db{fill:var(--accent)}
html[data-theme="bw"] .lrn .lrn-nh-b.db{fill:color-mix(in oklch, var(--ink) 88%, var(--bg))}
.lrn-nh-br{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:miter}
.lrn-nh-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-nh-labels > *{position:absolute;white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-nh-chip{display:flex;flex-direction:column;padding:2px 7px;border-radius:3px;background:var(--bg)}
.lrn-nh-chip b{font:600 12.5px/17px var(--font-sans);color:var(--ink)}
.lrn-nh-chip span{font:400 12.5px/17px var(--font-sans);color:var(--ink2)}
.lrn-nh-db{display:flex;flex-direction:column;padding:4px 10px 5px;border-radius:3px;background:var(--bg)}
.lrn-nh-db b{font:500 30px/34px var(--font-serif);letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-nh-db.m b{font-size:22px;line-height:26px}
.lrn-nh-db span{font:500 12px/16px var(--font-sans);color:var(--ink2)}
.lrn-nh-cpa,.lrn-nh-val{padding:1px 6px;border-radius:3px;background:var(--bg);font:500 12.5px/18px var(--font-sans);color:var(--ink)}
.lrn-nh-pos{fill:color-mix(in oklch, var(--ink) 12%, var(--bg))}
.lrn-nh-neg{fill:var(--accent)}
html[data-theme="bw"] .lrn .lrn-nh-neg{fill:transparent}
.lrn-nh-zero{fill:none;stroke:var(--ink3);stroke-width:1.25}
.lrn-nh-curve{fill:none;stroke:var(--ink);stroke-width:1.75;stroke-linejoin:round}
.lrn-nh-be{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:6 5}
.lrn-nh-dot{fill:var(--bg);stroke:var(--ink);stroke-width:1.5}
.lrn-nh-bedot{fill:var(--ink)}
.lrn-nh-area{fill:var(--accent)}
html[data-theme="bw"] .lrn .lrn-nh-area{fill:url(#lrn-nh-pa)}
.lrn-nh-cac{fill:var(--accent)}
html[data-theme="bw"] .lrn .lrn-nh-cac{fill:var(--bg)}
.lrn-nh-top{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linejoin:miter}
.lrn-nh-rect{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:6 5}
.lrn-nh-lt{padding:1px 8px;border-radius:3px;background:var(--bg);font:500 12.5px/18px var(--font-sans);color:var(--ink);text-wrap:pretty;box-sizing:border-box}
.lrn-nh-ratio b{font:500 44px/1 var(--font-serif);letter-spacing:-1.2px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.lrn-nh-say{font-size:16px;line-height:1.55;max-width:70ch;text-wrap:pretty}
/* ── Reisefradrag: mindre skatt etter avstand, med veien (egenandel, fradrag, tak) under ── */
.lrn-rs-row{grid-template-columns:minmax(0,800px) minmax(0,1fr);gap:36px}
.lrn-rs-col{display:flex;flex-direction:column;gap:18px;min-width:0}
.lrn-rs-sl{display:flex;flex-direction:column;gap:8px}
.lrn-rs-sl label{font:500 12.5px/1.2 var(--font-sans);color:var(--ink3)}
.lrn-rs-sl input[type="range"]{width:100%;height:24px;margin:0;accent-color:var(--accent);cursor:pointer}
.lrn-rs-base{fill:none;stroke:var(--ink3);stroke-width:1.25}
.lrn-rs-z0{fill:color-mix(in oklch, var(--ink) 12%, var(--bg))}
.lrn-rs-z1{fill:var(--accent)}
html[data-theme="bw"] .lrn .lrn-rs-z1{fill:color-mix(in oklch, var(--ink) 88%, var(--bg))}
.lrn-rs-phl{stroke:var(--ink3);stroke-width:1.4}
.lrn-rs-pdc{fill:var(--ink3)}
.lrn-rs-band{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-rs-capl{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:6 5}
.lrn-rs-curve{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.lrn-rs-dot{fill:var(--bg);stroke:var(--ink);stroke-width:1.5}
.lrn-rs-ydash{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3}
.lrn-rs-yline{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-rs-yend{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:butt}
.lrn-rs-ydot{fill:var(--ink);stroke:var(--bg);stroke-width:1.5}
.lrn-rs-labels > *{position:absolute;white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-rs-labels .lrn-tick{padding:0 2px;background:var(--bg)}
.lrn-rs-chip,.lrn-rs-pill{padding:1px 6px;border-radius:3px;background:var(--bg);font:600 12px/18px var(--font-sans);color:var(--ink)}
.lrn-rs-you{padding:1px 7px;border-radius:3px;background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-sans)}
.lrn-rs-cp{display:flex;flex-direction:column;padding:1px 6px;border-radius:3px;background:var(--bg);box-sizing:border-box}
.lrn-rs-cp.r{align-items:flex-end;text-align:right}
.lrn-rs-cp span{font:400 11.5px/15px var(--font-sans);color:var(--ink3)}
.lrn-rs-cp b{font:600 12px/16px var(--font-sans);color:var(--ink)}
.lrn-rs-card{max-width:760px}
.lrn-rs-card .lrn-f.n{gap:8px 10px}
.lrn-rs-du{display:inline-block;margin-inline-start:6px;padding:0 6px;border:1px solid var(--ink3);border-radius:9px;font:500 12px/16px var(--font-sans);color:var(--ink2)}
.lrn-rs-s2{padding-top:32px;border-top:1px solid var(--line-2);gap:16px}
.lrn-rs-bom{display:flex;flex-direction:column;gap:10px;max-width:72ch}
/* ── Utbytte: 100 kr overskudd gjennom AS og ENK i samme målestokk ── */
.lrn-ut-main{display:flex;flex-direction:column;gap:28px}
.lrn-ut-pl{stroke:var(--ink2);stroke-width:1.8}
.lrn-ut-pc{fill:var(--ink3)}
.lrn-ut-fill{fill:var(--accent)}
html[data-theme="bw"] .lrn .lrn-ut-fill{fill:color-mix(in oklch, var(--ink) 88%, var(--bg))}
.lrn-ut-t1{fill:url(#lrn-ut-ph)}
.lrn-ut-t2{fill:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-ut-t3{fill:url(#lrn-ut-pv)}
.lrn-ut-t4{fill:url(#lrn-ut-pz)}
.lrn-ut-shield{fill:url(#lrn-ut-pd);stroke:var(--ink3);stroke-width:1}
.lrn-ut-ghost{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:4 3}
.lrn-ut-tick{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:3 2}
.lrn-ut-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ut-labels > *{position:absolute;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-ut-head{display:flex;flex-direction:column}
.lrn-ut-head b{font:600 14px/18px var(--font-sans);color:var(--ink)}
.lrn-ut-head span{font:400 12.5px/16px var(--font-sans);color:var(--ink3)}
.lrn-ut-tag{padding:1px 7px;border-radius:3px;background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-sans);white-space:nowrap}
.lrn-ut-bar{display:flex;flex-direction:column;justify-content:center;padding:0 10px;box-sizing:border-box;color:var(--on-accent);overflow:hidden;white-space:nowrap}
.lrn-ut-bar span{font:500 12px/14px var(--font-sans)}
.lrn-ut-bar b{font:500 22px/1.15 var(--font-serif);letter-spacing:-.3px;font-variant-numeric:tabular-nums lining-nums}
html[data-theme="bw"] .lrn .lrn-ut-bar{color:var(--bg)}
.lrn-ut-lbl{display:flex;flex-direction:column}
.lrn-ut-lbl.row{flex-direction:row;align-items:baseline;gap:8px}
.lrn-ut-lbl.rev span{order:2}
.lrn-ut-lbl span{font:400 12.5px/16px var(--font-sans);color:var(--ink3)}
.lrn-ut-lbl b{font:500 18px/22px var(--font-serif);letter-spacing:-.2px;color:var(--ink);white-space:nowrap}
.lrn-ut-lbl.row b{line-height:18px}
.lrn-ut-lbl i{order:3;margin-top:4px;font:400 12.5px/17px var(--font-sans);font-style:normal;color:var(--ink2);text-wrap:pretty}
.lrn-ut-tx{font:400 13px/19px var(--font-sans);color:var(--ink2);text-wrap:pretty}
.lrn-ut-tx.b{font:600 14px/18px var(--font-sans);color:var(--ink)}
.lrn-ut-tx.s{font-size:12.5px;line-height:17px;color:var(--ink3)}
.lrn-ut-tx.k{font:500 12.5px/16px var(--font-sans);color:var(--ink)}
.lrn-ut-tx.m{font-weight:500;color:var(--ink)}
.lrn-ut-labels .dim{opacity:.62}
.lrn-ut-card{max-width:760px}
.lrn-ut-say{font-size:16px;line-height:1.55;max-width:70ch;text-wrap:pretty;font-variant-numeric:tabular-nums}
.lrn-ut-you{display:inline-block;margin-inline-start:6px;padding:0 6px;border:1px solid var(--ink3);border-radius:9px;font:500 12px/16px var(--font-sans);color:var(--ink2)}
.lrn-ut-you:empty{display:none}
/* ── Formuesskatt: fem stasjoner fra markedsverdi til skatt, bunnfradraget som vannlinje ── */
.lrn-fm-main{display:flex;flex-direction:column;gap:24px}
.lrn-fm-grid{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-fm-zero{fill:none;stroke:var(--ink3);stroke-width:1.25}
.lrn-fm-f1,.lrn-fm-f5{fill:var(--accent)}
html[data-theme="bw"] .lrn .lrn-fm-f1{fill:color-mix(in oklch, var(--ink) 88%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-fm-f5{fill:url(#lrn-fm-pm)}
.lrn-fm-pml{stroke:var(--ink2);stroke-width:2}
.lrn-fm-out{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-fm-line{fill:none;stroke:var(--ink);stroke-width:1.25}
.lrn-fm-t14{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:3 3}
.lrn-fm-sep{fill:none;stroke:var(--bg);stroke-width:1.5}
.lrn-fm-conn{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:2 3}
.lrn-fm-gj{fill:url(#lrn-fm-ph)}
.lrn-fm-gjbg{fill:color-mix(in oklch, var(--accent) 45%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-fm-gjbg{fill:color-mix(in oklch, var(--ink) 60%, var(--bg))}
.lrn-fm-pl{stroke:color-mix(in oklch, var(--bg) 62%, transparent);stroke-width:1.6}
.lrn-fm-net{fill:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-fm-dot{fill:url(#lrn-fm-pd)}
.lrn-fm-pc{fill:var(--ink3)}
.lrn-fm-netout{fill:none;stroke:var(--ink3);stroke-width:1.25}
.lrn-fm-hi{fill:url(#lrn-fm-pk)}
.lrn-fm-lim{fill:none;stroke:var(--ink2);stroke-width:1;stroke-dasharray:6 5}
.lrn-fm-water{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-dasharray:7 5}
.lrn-fm-labels > *{position:absolute;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
/* Hver tekstbit får retning fra sin egen tekst, ellers havner «kr» og «%» feil på arabisk */
.lrn-fm-labels > * > *,.lrn-fm-pill span{unicode-bidi:plaintext}
.lrn-fm-yt{left:0;width:52px;text-align:right;font:400 12px/16px var(--font-sans);color:var(--ink3);white-space:nowrap}
.lrn-fm-xt{top:0;width:56px;text-align:center;font:400 11px/16px var(--font-sans);color:var(--ink3);white-space:nowrap}
.lrn-fm-hd{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center}
.lrn-fm-hd b{display:flex;align-items:flex-end;justify-content:center;font:600 13px/16px var(--font-sans);color:var(--ink)}
.lrn-fm-hd .v{margin-top:2px;font-family:var(--font-serif);font-weight:500;letter-spacing:-.4px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.lrn-fm-hd span:last-child{margin-top:2px;font:400 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-fm-cap{display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center}
.lrn-fm-cap b{font:600 12px/15px var(--font-sans);color:var(--ink);hyphens:auto}
.lrn-fm-cap span{font:400 12px/15px var(--font-sans);color:var(--ink3);white-space:nowrap}
.lrn-fm-pill{display:flex}
.lrn-fm-pill > span{display:inline-flex;align-items:center;gap:6px;padding:1px 4px;border-radius:3px;background:var(--bg);font:500 12px/18px var(--font-sans);color:var(--ink2);white-space:nowrap}
.lrn-fm-pill.b > span{padding:0 6px 0 0;border-radius:9px;font-weight:600;color:var(--ink)}
.lrn-fm-pill.r > span{padding:1px 6px;font-weight:600;color:var(--ink)}
.lrn-fm-labels .lrn-fm-pill .lrn-mk,.lrn-fm-labels .lrn-fm-hm .lrn-mk{position:static}
.lrn-fm-rl{display:flex;flex-direction:column;gap:1px}
.lrn-fm-rl b{font:600 12px/15px var(--font-sans);color:var(--ink)}
.lrn-fm-rl span{font:500 14px/18px var(--font-serif);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.lrn-fm-hm,.lrn-fm-cm{left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap}
.lrn-fm-hm b{display:inline-flex;align-items:center;gap:8px;padding-inline-end:4px;background:var(--bg);font:600 14px/22px var(--font-sans);color:var(--ink)}
.lrn-fm-hm > span{padding-inline-start:4px;background:var(--bg);font:500 19px/22px var(--font-serif);letter-spacing:-.3px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-fm-cm{align-items:baseline}
.lrn-fm-cm.two{flex-direction:column;align-items:flex-start;gap:0}
.lrn-fm-cm.two span{align-self:flex-end}
.lrn-fm-cm b{padding-inline-end:4px;background:var(--bg);font:600 12px/16px var(--font-sans);color:var(--ink)}
.lrn-fm-cm span{padding-inline-start:4px;background:var(--bg);font:400 12px/16px var(--font-sans);color:var(--ink2)}
.lrn-fm-foot{margin:0;font-size:12.5px;line-height:1.45;color:var(--ink3);font-variant-numeric:tabular-nums}
.lrn-fm-notes{display:block;padding:0;column-count:2;column-gap:56px}
.lrn-fm-notes li{break-inside:avoid;margin:0 0 16px}
.lrn-fm-say{font-size:16px;line-height:1.55;max-width:70ch;text-wrap:pretty;font-variant-numeric:tabular-nums}
/* ── Arbeidsgiveravgift: årskostnaden som én søyle, med AGA-grunnlaget som klamme og vannlinja under lønna ── */
.lrn-ag-main{display:flex;flex-direction:column;gap:28px}
.lrn-ag-row{display:grid;grid-template-columns:minmax(0,780px) minmax(0,1fr);gap:36px;align-items:start}
.lrn-ag-side{display:flex;flex-direction:column;gap:16px;padding-top:30px}
.lrn-ag-notes{padding-top:0}
.lrn-ag-ghp{font-size:15px;line-height:1.55;font-variant-numeric:tabular-nums}
.lrn-ag-ctl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;max-width:100%}
.lrn-ag-cl{font:500 12.5px/1.2 var(--font-sans);color:var(--ink3)}
.lrn-ag-ctl .lrn-seg button{padding:0 12px}
.lrn-ag-sl{display:flex;flex-direction:column;gap:8px;max-width:420px}
.lrn-ag-sl label{font:500 12.5px/1.2 var(--font-sans);color:var(--ink3);font-variant-numeric:tabular-nums}
.lrn-ag-sl input{width:100%;height:24px;margin:0;accent-color:var(--accent);cursor:pointer}
.lrn-ag-ghost{fill:none;stroke:var(--ink3);stroke-width:1.25;stroke-dasharray:5 4}
.lrn-ag-guide{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:2 3}
.lrn-ag-c1{fill:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-ag-c2{fill:url(#lrn-ag-ph)}
.lrn-ag-phbg{fill:color-mix(in oklch, var(--accent) 45%, var(--bg))}
.lrn-ag-pl{stroke:color-mix(in oklch, var(--bg) 62%, transparent);stroke-width:1.6}
.lrn-ag-c3{fill:url(#lrn-ag-pd)}
.lrn-ag-pdbg{fill:color-mix(in oklch, var(--ink) 12%, var(--bg))}
.lrn-ag-pc{fill:var(--ink2)}
.lrn-ag-c4{fill:var(--accent)}
html[data-theme="bw"] .lrn .lrn-ag-c1{fill:color-mix(in oklch, var(--ink) 88%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ag-phbg{fill:color-mix(in oklch, var(--ink) 60%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ag-c4{fill:color-mix(in oklch, var(--ink) 40%, var(--bg))}
.lrn-ag-sep{fill:none;stroke:var(--bg);stroke-width:1.5}
.lrn-ag-notch{fill:var(--bg)}
.lrn-ag-base{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ag-wlp{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:6 5}
.lrn-ag-brp{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-ag-arrow{fill:none;stroke:var(--ink);stroke-width:1.25}
.lrn-ag-head{fill:var(--ink)}
.lrn-ag-dim{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-ag-labels > *{position:absolute;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-ag-labels > * > *{unicode-bidi:plaintext}
.lrn-ag-lb{display:flex;flex-wrap:wrap;align-items:center;column-gap:6px}
/* Fargeprøven er en liten svg inne i grafen; den skal ikke arve hele-grafen-regelen for .lrn-plot svg */
.lrn-plot .lrn-ag-lb svg{position:static;flex-shrink:0;width:10px;height:10px}
.lrn-ag-lb span{font:500 12px/16px var(--font-sans);color:var(--ink2)}
.lrn-ag-lb b{font:600 13px/16px var(--font-sans);color:var(--ink);white-space:nowrap}
.lrn-ag-lb.m span{font-size:11px}
.lrn-ag-lb.m b{font-size:12px}
.lrn-ag-lb.sub span{color:var(--ink3)}
.lrn-ag-br{display:flex;flex-direction:column;gap:3px;white-space:nowrap}
.lrn-ag-br span{font:500 12px/16px var(--font-sans);color:var(--ink2)}
.lrn-ag-br b{font:500 24px/1.1 var(--font-serif);letter-spacing:-.4px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-ag-br.m span{font-size:11px}
.lrn-ag-br.m b{font-size:20px}
.lrn-ag-chip{padding:1px 6px;border-radius:3px;background:var(--bg);font:500 12px/18px var(--font-sans);color:var(--ink);white-space:nowrap}
.lrn-ag-wl{font:500 12px/16px var(--font-sans);color:var(--ink2);white-space:nowrap}
.lrn-ag-wl.dn{display:flex;flex-direction:column;gap:2px}
.lrn-ag-wl.dn b{font:500 22px/1.1 var(--font-serif);letter-spacing:-.3px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-ag-gh{display:flex;flex-direction:column;gap:2px}
.lrn-ag-gh span{font:500 12px/16px var(--font-sans);color:var(--ink2)}
.lrn-ag-gh b{font:600 14px/16px var(--font-sans);color:var(--ink);white-space:nowrap}
.lrn-ag-gap{display:flex;flex-direction:column;gap:1px;white-space:nowrap}
.lrn-ag-gap b{font:600 12px/15px var(--font-sans);color:var(--ink)}
.lrn-ag-gap span{font:500 12px/15px var(--font-sans);color:var(--ink2)}
.lrn-ag-big{display:flex;flex-direction:column;gap:6px}
.lrn-ag-big > span:first-child{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.lrn-ag-big b{font:500 42px/1 var(--font-serif);letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-ag-big b + span{font:500 14px/1 var(--font-sans);color:var(--ink2)}
.lrn-ag-big > span:last-child{font-size:14px;line-height:1.4;color:var(--ink2)}
.lrn-ag-big.m b{font-size:34px}
.lrn-ag-big.m > span:last-child{font-size:13px}
.lrn-ag-zw{display:flex;flex-direction:column;gap:14px;max-width:820px}
.lrn-ag-zw table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.lrn-ag-zw thead th{padding:0 8px 10px;border-bottom:1px solid var(--line-2);font:500 12px/1.2 var(--font-sans);color:var(--ink3);text-align:end;vertical-align:bottom}
.lrn-ag-zw thead th.s{text-align:start}
.lrn-ag-zw tbody th{text-align:start;padding:11px 8px;border-bottom:1px solid var(--line);font:600 14px/1.35 var(--font-sans);color:var(--ink)}
.lrn-ag-zw td{text-align:end;padding:11px 8px;border-bottom:1px solid var(--line);font:500 16px/1.35 var(--font-serif);color:var(--ink);white-space:nowrap}
.lrn-ag-zw td.s{text-align:start;font:400 14px/1.35 var(--font-sans);color:var(--ink2);white-space:normal}
.lrn-ag-zw tr.is-sel{background:var(--surface-2)}
.lrn-ag-zsel{display:inline-flex;align-items:center;height:18px;padding:0 7px;margin-inline-start:8px;box-sizing:border-box;border:1px solid var(--ink3);border-radius:9px;font:500 12px/1 var(--font-sans);color:var(--ink2);vertical-align:1px}
.lrn-ag-zm{display:none;font:400 12px/1.35 var(--font-sans);color:var(--ink3)}
.lrn-ag-zb{display:inline-flex;align-items:center;justify-content:flex-end;gap:14px}
.lrn-ag-zb rect{fill:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-ag-zw tr.is-sel .lrn-ag-zb rect{fill:var(--accent)}
html[data-theme="bw"] .lrn .lrn-ag-zw tr.is-sel .lrn-ag-zb rect{fill:color-mix(in oklch, var(--ink) 88%, var(--bg))}
.lrn-ag-zt{min-width:76px;text-align:end}
.lrn-ag-zw p{margin:0;font-size:12.5px;line-height:1.45;color:var(--ink3);max-width:90ch;text-wrap:pretty}
/* ── Sykepenger: to spor med kroner per måned for hver sykepengedag ── */
.lrn-sy-main{display:flex;flex-direction:column;gap:24px}
.lrn-sy-row{display:grid;grid-template-columns:minmax(0,700px) minmax(0,1fr);gap:36px;align-items:start}
.lrn-sy-grid{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-sy-aap{fill:color-mix(in oklch, var(--ink) 10%, var(--bg));stroke:var(--line-2);stroke-width:1}
.lrn-sy-aap.on{fill:url(#lrn-sy-ph);stroke:var(--ink)}
.lrn-sy-phl{stroke:var(--ink2);stroke-width:1.6}
.lrn-sy-ag{fill:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-sy-nav{fill:var(--accent)}
html[data-theme="bw"] .lrn .lrn-sy-nav{fill:url(#lrn-sy-pm)}
.lrn-sy-pml{stroke:var(--ink);stroke-width:2}
.lrn-sy-ml{fill:url(#lrn-sy-px)}
.lrn-sy-pxbg{fill:color-mix(in oklch, var(--ink) 10%, var(--bg))}
.lrn-sy-pxl{stroke:var(--ink2);stroke-width:1}
.lrn-sy-out{fill:none;stroke:var(--ink3);stroke-width:.75}
.lrn-sy-no{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:4 3}
.lrn-sy-base{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-sy-sal{fill:none;stroke:var(--ink2);stroke-width:1}
.lrn-sy-six{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:6 5}
.lrn-sy-split{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:1 3}
.lrn-sy-brp{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linejoin:round}
.lrn-sy-mark{fill:none;stroke:var(--ink);stroke-width:1.25}
.lrn-sy-labels > *{position:absolute;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-sy-yt{left:0;width:76px;text-align:right;font:400 12px/16px var(--font-sans);color:var(--ink3);white-space:nowrap}
.lrn-sy-yt.m{width:46px;font-size:11px}
.lrn-sy-xt{width:48px;text-align:center;font:400 12px/16px var(--font-sans);color:var(--ink3);white-space:nowrap}
.lrn-sy-chip{padding:1px 6px;border-radius:3px;background:var(--bg);color:var(--ink);font:500 12px/18px var(--font-sans);white-space:nowrap}
.lrn-sy-chip.dim,.lrn-sy-title.dim{color:var(--ink3)}
.lrn-sy-title{font:600 12.5px/16px var(--font-sans);color:var(--ink);white-space:nowrap}
.lrn-sy-title.m{font-size:12px}
.lrn-sy-tag{padding:1px 7px;border-radius:3px;background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-sans);white-space:nowrap}
.lrn-sy-msg{grid-column:1 / -1;margin:0;font-size:13.5px;line-height:1.5;color:var(--ink2)}
.lrn-sy-say{font-size:16px;line-height:1.55;max-width:70ch;text-wrap:pretty;font-variant-numeric:tabular-nums}
.lrn-sy-card{max-width:760px}
.lrn-sy-cp{margin:0;font-size:14px;line-height:1.55;color:var(--ink2);text-wrap:pretty}
.lrn-sy-lines{display:flex;flex-direction:column;gap:8px;padding:13px 16px;border-radius:8px;background:var(--surface-2)}
.lrn-sy-lines:empty{display:none}
.lrn-sy-fl > span:nth-child(3){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.lrn-sy-fl{display:grid;grid-template-columns:110px minmax(0,1fr) auto auto;gap:4px 12px;align-items:baseline;font:400 15px/1.4 var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-sy-fl .l{font-size:13px;color:var(--ink3)}
.lrn-sy-fl b{font:500 20px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink);white-space:nowrap}
.lrn-sy-fl.s{padding-top:8px;border-top:1px solid var(--line)}
.lrn-sy-info{display:flex;flex-direction:column;gap:6px;max-width:72ch}
.lrn-sy-info p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink3)}
@media(max-width:1100px){.lrn-sy-row{grid-template-columns:minmax(0,1fr);gap:20px}}
@media(max-width:640px){.lrn-sy-fl{grid-template-columns:minmax(0,1fr) auto auto}.lrn-sy-fl .l{grid-column:1 / -1}}
/* ── Foreldrepenger: én rute per uke, høyden er ukesatsen og toppen 6G ── */
.lrn-fp-main{display:flex;flex-direction:column;gap:24px}
.lrn-fp-row{display:grid;grid-template-columns:minmax(0,808px) minmax(0,1fr);gap:36px;align-items:start}
.lrn-fp-band{fill:url(#lrn-fp-ph)}
.lrn-fp-phl{stroke:var(--ink2);stroke-width:1.4}
.lrn-fp-pre{fill:color-mix(in oklch, var(--ink) 12%, var(--bg))}
.lrn-fp-mor{fill:var(--accent)}
.lrn-fp-felles{fill:color-mix(in oklch, var(--ink) 28%, var(--bg))}
.lrn-fp-far{fill:color-mix(in oklch, var(--accent) 45%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-fp-pre{fill:none;stroke:var(--ink2);stroke-width:1}
html[data-theme="bw"] .lrn .lrn-fp-mor{fill:color-mix(in oklch, var(--ink) 88%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-fp-felles{fill:url(#lrn-fp-pd)}
html[data-theme="bw"] .lrn .lrn-fp-far{fill:url(#lrn-fp-pm)}
.lrn-fp-pml{stroke:var(--ink2);stroke-width:2}
.lrn-fp-pc{fill:var(--ink2)}
.lrn-fp-frame{fill:none;stroke:var(--ink3);stroke-width:.75}
.lrn-fp-edge{fill:var(--ink)}
.lrn-fp-cap{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:6 5}
.lrn-fp-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-fp-brp{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linejoin:round}
.lrn-fp-sw{fill:url(#lrn-fp-ph);stroke:var(--ink3);stroke-width:.75}
.lrn-fp-labels > *{position:absolute;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-fp-labels > * > *{unicode-bidi:plaintext}
.lrn-fp-tx{font:400 12px/15px var(--font-sans);color:var(--ink3);white-space:nowrap}
.lrn-fp-tx.n{font-weight:600;color:var(--ink)}
.lrn-fp-tx.q{font-weight:600;color:var(--ink)}
.lrn-fp-tx.dim{color:var(--ink3)}
.lrn-fp-tx.q.dim{color:var(--ink2)}
.lrn-fp-tx.s2{color:var(--ink2)}
.lrn-fp-tx.tak{font-weight:500;line-height:16px;color:var(--ink);white-space:normal}
.lrn-fp-tx.b{font-weight:500;color:var(--ink);white-space:normal}
.lrn-fp-tx.k{font-size:10.5px;line-height:14px}
.lrn-fp-tx.m{font-size:11px;line-height:13px}
.lrn-fp-tx.tak.m,.lrn-fp-tx.s2.m{font-size:11.5px;line-height:16px;font-weight:400;color:var(--ink2);white-space:normal}
.lrn-fp-tx.big{font:600 13px/18px var(--font-sans);color:var(--ink);white-space:normal}
.lrn-fp-rl{left:0;width:52px;text-align:right;font:500 19px/1.1 var(--font-serif);letter-spacing:-.3px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.lrn-fp-rl.m{width:auto;text-align:left;font-size:22px}
.lrn-fp-rl.dim,.lrn-fp-tot.dim,.lrn-fp-tot.dim b{color:var(--ink3)}
.lrn-fp-tot{font:400 12.5px/18px var(--font-sans);color:var(--ink2);white-space:nowrap}
.lrn-fp-tot b{font-weight:600;color:var(--ink)}
.lrn-fp-say{font-size:16px;line-height:1.55;max-width:70ch;text-wrap:pretty;font-variant-numeric:tabular-nums}
.lrn-fp-card{max-width:760px}
.lrn-fp-lines{display:flex;flex-direction:column;gap:8px;padding:13px 16px;border-radius:8px;background:var(--surface-2)}
.lrn-fp-fl{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;font:400 16px/1.4 var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-fp-fl .l{min-width:44px;font:500 12px/1.4 var(--font-sans);color:var(--ink3)}
.lrn-fp-fl b{margin-inline-start:auto;font:500 22px/1 var(--font-serif);color:var(--ink);letter-spacing:-.3px;white-space:nowrap}
.lrn-fp-fl > span:nth-child(3){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.lrn-fp-info{display:flex;flex-direction:column;gap:6px;max-width:760px}
.lrn-fp-info p{margin:0;font-size:13px;line-height:1.5;color:var(--ink3)}
@media(max-width:1100px){.lrn-fp-row{grid-template-columns:minmax(0,1fr);gap:20px}}
@media(max-width:1100px){.lrn-ag-row{grid-template-columns:minmax(0,1fr);gap:20px}.lrn-ag-side{padding-top:0}}
@media(max-width:640px){.lrn-ag-za,.lrn-ag-zb svg{display:none}.lrn-ag-zm{display:block}.lrn-ag-zt{min-width:0}}

/* ── Bolig mot leie: tre skalaer med vippepunktet, din verdi og målestreken mellom dem ── */
.lrn-bv-main{display:flex;flex-direction:column;gap:22px}
.lrn-bv-head{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap}
.lrn-bv-over{margin:0;font:600 15px/1.4 var(--font-sans);color:var(--ink)}
.lrn-bv-rows{display:flex;flex-direction:column;gap:22px}
.lrn-bv-row{display:grid;grid-template-columns:minmax(0,780px) minmax(0,1fr);gap:36px;align-items:start}
.lrn-bv-row + .lrn-bv-row{padding-top:22px;border-top:1px solid var(--line)}
.lrn-bv-plot{height:auto}
.lrn-bv-side{display:flex;flex-direction:column;gap:6px;padding-top:34px}
.lrn-bv-side .t{font:600 14px/1.4 var(--font-sans);color:var(--ink)}
.lrn-bv-side .d{font-size:14px;line-height:1.55;color:var(--ink2);text-wrap:pretty;font-variant-numeric:tabular-nums}
.lrn-bv-eie{fill:url(#lrn-bv-p)}
.lrn-bv-pl{stroke:var(--ink3);stroke-width:1.2}
.lrn-bv-chip{fill:var(--bg)}
.lrn-bv-band,.lrn-bv-tick,.lrn-bv-zbr{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-bv-hist{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:2 3}
.lrn-bv-guide{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3}
.lrn-bv-dimbg{fill:none;stroke:var(--bg);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.lrn-bv-dim{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.lrn-bv-usr{fill:none;stroke:var(--ink);stroke-width:1.25}
.lrn-bv-brk{fill:none;stroke:var(--ink);stroke-width:2}
.lrn-bv-tri{fill:var(--ink)}
.lrn-bv-tx{position:absolute;font:400 12px/16px var(--font-sans);color:var(--ink2);white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-bv-tx.b{font-weight:600;color:var(--ink)}
.lrn-bv-tx.z{font-weight:500;color:var(--ink)}
.lrn-bv-tx.k{width:56px;text-align:center;color:var(--ink3)}
.lrn-bv-tag{position:absolute;white-space:nowrap}
.lrn-bv-tag > span{display:inline-block;padding:1px 7px;border-radius:3px;background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-sans);font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-bv-plot.m .lrn-bv-tx,.lrn-bv-plot.m .lrn-bv-tag > span{font-size:11px}
.lrn-bv-fine{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink3);max-width:80ch;text-wrap:pretty;font-variant-numeric:tabular-nums}
.lrn-bv-say{margin:0;font-size:16px;line-height:1.55;color:var(--ink2);max-width:70ch;text-wrap:pretty;font-variant-numeric:tabular-nums}
/* To regnestykker: én tabell med eie og leie side om side, på mobil to tabeller under hverandre */
.lrn-bv-rg table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.lrn-bv-rg caption{text-align:start;padding:0 0 12px;font:500 12.5px/1.4 var(--font-sans);color:var(--ink3)}
.lrn-bv-rg thead th{text-align:start;padding:0 0 10px;border-bottom:1px solid var(--line-2);font:600 15px/1.3 var(--font-sans);color:var(--ink)}
.lrn-bv-rg tbody th{text-align:start;vertical-align:top;padding:11px 0;border-bottom:1px solid var(--line);font:500 14px/1.35 var(--font-sans);color:var(--ink)}
.lrn-bv-rg tbody th span{display:block;margin-top:2px;font:400 12.5px/1.4 var(--font-sans);color:var(--ink3)}
.lrn-bv-rg tbody th span.l{display:inline;margin:0;font:inherit;color:inherit}
.lrn-bv-rg td{text-align:end;vertical-align:top;padding:11px 0;padding-inline-start:12px;border-bottom:1px solid var(--line);font:500 16px/1.35 var(--font-serif);color:var(--ink);white-space:nowrap}
.lrn-bv-rg th.s{padding-inline-start:48px}
.lrn-bv-rg tr.n th,.lrn-bv-rg tr.n td{font-weight:600;border-bottom:0}
.lrn-bv-rgm{display:none}
@media(max-width:960px){
  .lrn-bv-row{grid-template-columns:minmax(0,1fr);gap:12px}
  .lrn-bv-side{padding-top:0}
}
@media(max-width:640px){
  .lrn-bv-main{gap:20px}
  .lrn-bv-rows{gap:20px}
  .lrn-bv-row + .lrn-bv-row{padding-top:20px}
  .lrn-bv-fine{font-size:13px}
  .lrn-bv-say{font-size:15px}
  .lrn-bv-rgd{display:none}
  .lrn-bv-rgm{display:flex;flex-direction:column;gap:14px}
  .lrn-bv-rgm caption{padding:0 0 8px;font:600 15px/1.3 var(--font-sans);color:var(--ink);border-bottom:1px solid var(--line-2)}
  .lrn-bv-rgm .lrn-cap{margin:0}
  .lrn-bv-rg td{font-size:15px}
}
/* ── Avskrivning: lineær og saldo i samme graf, gapet mellom dem som utsatt skatt ── */
.lrn-av-main{display:flex;flex-direction:column;gap:28px}
.lrn-av-row{display:grid;grid-template-columns:minmax(0,780px) minmax(0,1fr);gap:36px;align-items:start}
.lrn-av-plot{height:440px}
.lrn-av-grid{fill:none;stroke:var(--lrn-grid);stroke-width:1;shape-rendering:crispEdges}
.lrn-av-base{fill:none;stroke:var(--ink3);stroke-width:1;shape-rendering:crispEdges}
.lrn-av-pos{fill:var(--lrn-viz-1)}
.lrn-av-posp{fill:url(#lrn-av-ps)}
.lrn-av-neg{fill:url(#lrn-av-dot)}
.lrn-av-dotbg{fill:var(--bg)}
.lrn-av-dotc{fill:var(--ink2)}
.lrn-av-thr{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:6 5}
.lrn-av-l{fill:none;stroke-linejoin:round}
.lrn-av-l.b{stroke:var(--ink);stroke-width:2.5}
.lrn-av-l.b2{stroke:var(--ink2);stroke-width:1.75}
.lrn-av-l.t2{stroke:var(--ink);stroke-width:2.75}
.lrn-av-l.g{stroke:var(--ink3);stroke-width:1.25;stroke-dasharray:2 3}
.lrn-av-ext{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:6 5;stroke-linejoin:round}
.lrn-av-br{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-av-guide{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3}
.lrn-av-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-av-dot{fill:var(--ink)}
.lrn-av-open{fill:var(--bg);stroke:var(--ink);stroke-width:1.5}
.lrn-av-sikte{fill:none;stroke:var(--ink);stroke-width:1}
.lrn-av-sdot{fill:var(--bg);stroke:var(--ink);stroke-width:1.5}
.lrn-av-yt{position:absolute;left:0;width:64px;text-align:right;font:400 12px/16px var(--font-sans);color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap}
.lrn-av-xt{position:absolute;width:48px;text-align:center;font:400 12px/16px var(--font-sans);color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap}
.lrn-av-chip{position:absolute;padding:1px 6px;border-radius:3px;background:var(--bg);color:var(--ink);font:500 12px/18px var(--font-sans);white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-av-chip.m{color:var(--ink2)}
.lrn-av-chip.d{color:var(--ink3)}
.lrn-av-mk{display:inline-block;width:22px;height:22px;box-sizing:border-box;border-radius:50%;background:var(--bg);border:1.5px solid var(--ink);color:var(--ink);font:600 12px/19px var(--font-sans);text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0}
.lrn-labels .lrn-av-mk{position:absolute}
.lrn-av-tag{position:absolute;padding:1px 7px;border-radius:3px;background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-sans);white-space:nowrap;pointer-events:none;unicode-bidi:plaintext}
.lrn-av-plot.m .lrn-av-yt{width:auto;text-align:left;padding-inline-end:4px;background:var(--bg);font-size:11px;line-height:15px}
.lrn-av-plot.m .lrn-av-xt,.lrn-av-plot.m .lrn-av-chip{font-size:11px}
.lrn-av-plot.m .lrn-av-mk{width:20px;height:20px;font-size:12px;line-height:17px}
.lrn-av-notes li{grid-template-columns:22px minmax(0,1fr)}
.lrn-av-scrub{grid-template-columns:250px minmax(0,1fr)}
.lrn-av-tab td span{font:400 12px/1 var(--font-sans);color:var(--ink3)}
/* Saldogruppene: den valgte raden er markert, søylen viser satsen mot 30 % */
.lrn-av-gr{display:flex;flex-direction:column;gap:10px;max-width:760px}
.lrn-av-gr table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.lrn-av-gr thead th{text-align:start;padding:0 0 10px;border-bottom:1px solid var(--line-2);font:500 12px/1.2 var(--font-sans);color:var(--ink3)}
.lrn-av-gr thead th:last-child{text-align:end}
.lrn-av-gr tbody th{text-align:start;padding:11px 10px;border-bottom:1px solid var(--line);font:600 14px/1.35 var(--font-sans);color:var(--ink);white-space:nowrap}
.lrn-av-gr tbody td{text-align:start;padding:11px 8px 11px 0;border-bottom:1px solid var(--line);font:400 14px/1.35 var(--font-sans);color:var(--ink2)}
.lrn-av-gr tbody td.r{text-align:end;padding:11px 10px 11px 8px;white-space:nowrap}
.lrn-av-gr td.r > span{display:inline-flex;align-items:center;justify-content:flex-end;gap:14px}
.lrn-av-gr td.r svg{flex-shrink:0}
.lrn-av-gr td.r rect{fill:var(--lrn-viz-2)}
.lrn-av-gr td.r b{min-width:44px;text-align:end;font:500 16px/1.35 var(--font-serif);color:var(--ink)}
.lrn-av-gr tr.on{background:var(--surface-2)}
.lrn-av-gr tr.on td{color:var(--ink)}
.lrn-av-gr tr.on td.r rect{fill:var(--accent)}
/* To grenser på 30 000 kr */
.lrn-av-dl{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.lrn-av-dl > div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
.lrn-av-dl dt{font:600 15px/1.4 var(--font-sans);color:var(--ink)}
.lrn-av-dl dd{margin:0;display:flex;flex-direction:column;gap:6px;max-width:70ch}
.lrn-av-dl dd > span{font-size:15px;line-height:1.6;color:var(--ink2);font-variant-numeric:tabular-nums;text-wrap:pretty}
.lrn-av-dl dd > span + span{font-size:14px;line-height:1.55;color:var(--ink3)}
.lrn-av-dl dd > span:empty{display:none}
@media(max-width:960px){
  .lrn-av-row{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media(max-width:640px){
  .lrn-av-main{gap:20px}
  .lrn-av-scrub{grid-template-columns:minmax(0,1fr)}
  .lrn-av-gr tbody th{padding:10px 8px}
  .lrn-av-gr td.r svg{display:none}
  .lrn-av-dl > div{grid-template-columns:minmax(0,1fr);gap:6px}
}
/* ── Valutakonverter: midtkursen på en akse mellom bankens kjøp og salg, kursens alder og regnestykket ── */
.lrn-uc-main{display:flex;flex-direction:column;gap:28px}
.lrn-uc-ax{height:206px}
.lrn-uc-line{fill:none;stroke:var(--ink3);stroke-width:1;stroke-linejoin:round}
.lrn-uc-span{fill:color-mix(in oklch, var(--ink) 8%, var(--bg))}
.lrn-uc-spanp{fill:url(#lrn-uc-ps);stroke:var(--ink3);stroke-width:.75}
.lrn-uc-tick{fill:none;stroke:var(--ink);stroke-width:1.25}
.lrn-uc-link{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3}
.lrn-uc-dot{fill:var(--ink);stroke:var(--bg);stroke-width:2}
.lrn-uc-ring{fill:var(--bg);stroke:var(--ink);stroke-width:2}
.lrn-uc-l{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:1px;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;unicode-bidi:plaintext}
.lrn-uc-l > span{font:400 12px/16px var(--font-sans);color:var(--ink3);unicode-bidi:plaintext}
.lrn-uc-l.n > span{font:500 48px/52px var(--font-serif);letter-spacing:-1px;color:var(--ink)}
.lrn-uc-l.u > span{font-weight:500;color:var(--ink2)}
.lrn-uc-l.e > span:first-child{font-weight:600;color:var(--ink)}
.lrn-uc-l.e > span + span{color:var(--ink2)}
.lrn-uc-l.e.b2 > span + span{font-weight:600;color:var(--ink)}
.lrn-uc-l.r{align-items:flex-end}
.lrn-uc-l.k{padding:1px 6px;border-radius:3px;background:var(--bg)}
.lrn-uc-l.k > span{font-weight:600;line-height:18px;color:var(--ink)}
.lrn-uc-l.d.b > span,.lrn-uc-l.b > span{font-weight:600;color:var(--ink)}
.lrn-uc-l.z > span{font-weight:500;color:var(--ink2)}
.lrn-uc-l.zb{padding:1px 6px;border-radius:3px;background:var(--bg)}
.lrn-uc-l.zb > span{font-weight:500;line-height:18px;color:var(--ink)}
.lrn-uc-ax.m .lrn-uc-l > span,.lrn-uc-tl.m .lrn-uc-l > span{font-size:11px}
.lrn-uc-ax.m .lrn-uc-l.n > span{font-size:40px;line-height:44px}
.lrn-uc-row{display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:48px;align-items:start}
.lrn-uc-txt{display:flex;flex-direction:column;gap:12px;min-width:0}
.lrn-uc-amt{margin:0;font:400 24px/1.3 var(--font-serif);letter-spacing:-.3px;color:var(--ink);text-wrap:balance;font-variant-numeric:tabular-nums lining-nums}
.lrn-uc-bank{display:flex;flex-direction:column;gap:14px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lrn-uc-bank .r1{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}
.lrn-uc-bank label{font:500 13.5px/1.3 var(--font-sans);color:var(--ink)}
.lrn-uc-bank .in{display:flex;align-items:center;gap:10px}
.lrn-uc-bank input{width:170px;flex:0 0 auto;min-width:0;height:44px;box-sizing:border-box;padding:0 12px;border-radius:6px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font:500 16px/1 var(--font-sans);font-variant-numeric:tabular-nums}
.lrn-uc-bank input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lrn-uc-bank .u{font-size:13px;color:var(--ink3);white-space:nowrap}
.lrn-uc-bank .o{display:flex;flex-direction:column;gap:4px;font-size:14.5px;line-height:1.5;color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-uc-bank .o .h{color:var(--ink3)}
.lrn-uc-bank .o .s{color:var(--ink);font-weight:600}
.lrn-uc-s{border-top:1px solid var(--line-2);padding-top:32px;gap:20px}
.lrn-uc-s > .lrn-seg{align-self:flex-start}
.lrn-uc-tl{height:150px}
.lrn-uc-a{fill:color-mix(in oklch, var(--ink) 8%, var(--bg))}
.lrn-uc-b{fill:color-mix(in oklch, var(--accent) 30%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-uc-b{fill:color-mix(in oklch, var(--ink) 30%, var(--bg))}
.lrn-uc-bp{fill:url(#lrn-uc-ps);stroke:var(--ink3);stroke-width:.75}
.lrn-uc-tt{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-uc-cap{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:6 5}
.lrn-uc-stem{fill:none;stroke:var(--ink);stroke-width:1}
.lrn-uc-tag{position:absolute;padding:1px 7px;border-radius:3px;background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-sans);white-space:nowrap;unicode-bidi:plaintext}
.lrn-uc-tlrow{display:grid;grid-template-columns:minmax(0,800px) minmax(0,1fr);gap:36px;align-items:start}
.lrn-uc-tlt{display:flex;flex-direction:column;gap:6px;padding:30px 0 0 8px}
.lrn-uc-tlt .t{margin:0;font:600 15px/1.4 var(--font-sans);color:var(--ink)}
.lrn-uc-tlt .d{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink2);text-wrap:pretty}
.lrn-uc-src{display:flex;flex-direction:column;gap:4px;max-width:760px}
.lrn-uc-src p{margin:0;font-size:13px;line-height:1.5;color:var(--ink3)}
.lrn-uc-src a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid var(--line-warm)}
.lrn-uc-chain{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;font:500 22px/1.3 var(--font-serif);letter-spacing:-.3px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-uc-chain > span{white-space:nowrap}
.lrn-uc-arr{flex-shrink:0;fill:none;stroke:var(--accent-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
[dir="rtl"] .lrn-uc-arr{transform:scaleX(-1)}
.lrn-uc-card{max-width:760px}
.lrn-uc-curs{margin:0;font-size:13px;line-height:1.7;color:var(--ink3);max-width:90ch}
.lrn-uc-curs .l{color:var(--ink2);font-weight:500}
.lrn-uc-cc{white-space:nowrap}
.lrn-uc-cc b{font-weight:500}
@media(max-width:960px){
  .lrn-uc-row,.lrn-uc-tlrow{grid-template-columns:minmax(0,1fr);gap:20px}
  .lrn-uc-tlt{padding:0}
}
@media(max-width:640px){
  .lrn-uc-main{gap:20px}
  .lrn-uc-amt{font-size:20px}
  .lrn-uc-s{padding-top:24px;gap:16px}
  .lrn-uc-chain{font-size:19px}
}
/* ── Lønn: en lønnsslipp med randnotater, med og uten skattekort, og veien mot frikortgrensen ── */
.lrn-lo-main{display:flex;flex-direction:column;gap:24px}
.lrn-lo-wrap{min-width:0}
.lrn-lo-slip{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
.lrn-lo-slip caption{text-align:start;padding:0 0 12px;font:500 12.5px/1.3 var(--font-sans);color:var(--ink3)}
.lrn-lo-slip col,.lrn-lo-slip .c1{width:34%}
.lrn-lo-slip .c2{width:19%}
.lrn-lo-slip thead th{padding:12px 20px 10px;font:500 12px/1 var(--font-sans);letter-spacing:.2px;color:var(--ink3);text-align:start}
.lrn-lo-slip thead .c1{background:var(--surface);border-top:1px solid var(--line-2);border-inline-start:1px solid var(--line-2);border-bottom:1px solid var(--line-2);border-start-start-radius:8px}
.lrn-lo-slip thead .c2{text-align:end;padding-inline-start:12px;background:var(--surface);border-top:1px solid var(--line-2);border-inline-end:1px solid var(--line-2);border-bottom:1px solid var(--line-2);border-start-end-radius:8px}
.lrn-lo-slip thead .nt{padding-inline-start:36px}
.lrn-lo-slip tbody th{text-align:start;vertical-align:middle;padding:14px 20px;font:500 15px/1.35 var(--font-sans);color:var(--ink);background:var(--surface);border-inline-start:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.lrn-lo-slip tbody th span{display:block;margin-top:2px;font:400 12.5px/1.4 var(--font-sans);color:var(--ink3)}
.lrn-lo-slip td.v{text-align:end;vertical-align:middle;padding:14px 20px;padding-inline-start:12px;background:var(--surface);border-inline-end:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.lrn-lo-slip td.v > *{display:block;white-space:nowrap}
.lrn-lo-slip td.v > [hidden]{display:none}
.lrn-lo-slip td.v b{font:500 18px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-lo-slip td.v b.w{font-weight:600}
.lrn-lo-slip td.v s{font:400 14px/1.3 var(--font-serif);color:var(--ink3);font-variant-numeric:tabular-nums lining-nums}
.lrn-lo-slip td.v em{font:600 14px/1.3 var(--font-sans);font-style:normal;color:var(--ink)}
.lrn-lo-slip tr.u th{padding:16px 20px;font-weight:600;font-size:16px;border-top:1px solid var(--ink3);border-bottom-color:var(--ink3)}
.lrn-lo-slip tr.u td.v{padding-block:16px;border-top:1px solid var(--ink3);border-bottom-color:var(--ink3)}
.lrn-lo-slip tr.u td.v b{font-size:30px}
.lrn-lo-slip tr.m th{font-weight:400;font-size:14px;color:var(--ink2)}
.lrn-lo-slip tr.m td.v b{font-size:16px}
.lrn-lo-slip td.nt{vertical-align:top;padding:14px 0;padding-inline-start:36px}
.lrn-lo-slip td.nt > div{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start}
.lrn-lo-slip td.nt .tx{font-size:14px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
.lrn-lo-slip td.nt a,.lrn-lo-mnotes a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid var(--line-warm)}
.lrn-lo-slip tr.f > td:first-child{vertical-align:top;padding:18px 20px 20px;background:var(--surface);border-inline:1px solid var(--line-2);border-bottom:1px solid var(--line-2);border-end-start-radius:8px;border-end-end-radius:8px}
.lrn-lo-fk{display:flex;flex-direction:column;gap:10px}
.lrn-lo-fk p{margin:0;font:400 14px/1.45 var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-lo-fk strong{color:var(--ink);font-weight:600}
.lrn-lo-bar{position:relative;width:100%;max-width:538px;height:54px}
.lrn-lo-bar svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lrn-lo-tr{fill:var(--line-2)}
.lrn-lo-fl{fill:var(--accent)}
.lrn-lo-tk{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-lo-end{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-lo-bl{position:absolute;top:34px;font:500 12px/16px var(--font-sans);color:var(--ink2);white-space:nowrap;unicode-bidi:plaintext}
.lrn-lo-bl.b{font-weight:600;color:var(--ink)}
.lrn-lo-mnotes{display:none}
.lrn-lo-s{border-top:1px solid var(--line-2);padding-top:32px;gap:16px}
.lrn-lo-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:lrnlo}
.lrn-lo-list li{display:flex;flex-direction:column;gap:6px;padding-top:14px;border-top:1px solid var(--line)}
.lrn-lo-list li span:first-child{font:600 15px/1.35 var(--font-sans);color:var(--ink)}
.lrn-lo-list li span + span{font-size:14px;line-height:1.55;color:var(--ink2);text-wrap:pretty;font-variant-numeric:tabular-nums}
.lrn-lo-rates{width:100%;max-width:560px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.lrn-lo-rates thead th{text-align:start;padding:0 0 10px;border-bottom:1px solid var(--line-2);font:500 12px/1.25 var(--font-sans);color:var(--ink3)}
.lrn-lo-rates thead th:last-child{text-align:end}
.lrn-lo-rates tbody th{text-align:start;padding:11px 0;border-bottom:1px solid var(--line);font:500 14px/1.35 var(--font-sans);color:var(--ink)}
.lrn-lo-rates tbody td{text-align:end;padding:11px 0;padding-inline-start:12px;border-bottom:1px solid var(--line);font:500 16px/1.3 var(--font-serif);color:var(--ink);white-space:nowrap}
.lrn-lo-rates tbody td span{font:400 13px/1 var(--font-sans);color:var(--ink3)}
.lrn-lo-rates a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid var(--line-warm)}
@media(max-width:960px){
  .lrn-lo-list{grid-template-columns:minmax(0,1fr);gap:4px}
  .lrn-lo-list li{padding:12px 0}
}
@media(max-width:760px){
  .lrn-lo-slip col,.lrn-lo-slip .c1{width:auto}
  .lrn-lo-slip .c2{width:42%}
  .lrn-lo-slip thead .nt{width:34px;padding-inline-start:12px;font-size:0}
  .lrn-lo-slip td.nt{padding-inline-start:12px}
  .lrn-lo-slip td.nt > div{display:block}
  .lrn-lo-slip td.nt .tx{display:none}
  .lrn-lo-mnotes{display:flex}
  .lrn-lo-slip tbody th{padding:12px 14px;font-size:14px}
  .lrn-lo-slip td.v{padding:12px 14px;padding-inline-start:8px}
  .lrn-lo-slip tr.u td.v b{font-size:24px}
  .lrn-lo-slip tr.f > td:first-child{padding:14px}
  .lrn-lo-s{padding-top:24px}
}
/* ── Pensjon: lønna mot pensjonen som to søyler, med lagene, taket på 7,1G og spøkelser for 2 og 7 % ── */
.lrn-pe-main{display:flex;flex-direction:column;gap:24px}
.lrn-pe-row{display:grid;grid-template-columns:minmax(0,820px) minmax(0,1fr);gap:36px;align-items:start}
.lrn-pe-plot{height:520px}
.lrn-pe-grid{fill:none;stroke:var(--lrn-grid);stroke-width:1;shape-rendering:crispEdges}
.lrn-pe-base{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-pe-folk{fill:var(--lrn-viz-2)}
.lrn-pe-tj{fill:color-mix(in oklch, var(--accent) 35%, var(--bg))}
.lrn-pe-priv{fill:var(--accent)}
.lrn-pe-sep{fill:none;stroke:var(--bg);stroke-width:1}
.lrn-pe-out{fill:none;stroke:var(--ink2);stroke-width:1.25}
.lrn-pe-over{fill:url(#lrn-pe-tak)}
.lrn-pe-tkl{stroke:var(--ink3);stroke-width:1.2}
.lrn-pe-ghost{fill:none;stroke:var(--ink2);stroke-width:1;stroke-dasharray:3 2}
.lrn-pe-cap{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:6 5}
.lrn-pe-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-pe-psl{stroke:var(--ink2);stroke-width:1.4}
.lrn-pe-dc{fill:var(--ink2)}
html[data-theme="bw"] .lrn .lrn-pe-tj{fill:url(#lrn-pe-ps)}
html[data-theme="bw"] .lrn .lrn-pe-priv{fill:url(#lrn-pe-dot)}
.lrn-pe-sw{stroke:var(--ink3);stroke-width:1}
.lrn-pe-sw.folk{fill:var(--lrn-viz-2)}
.lrn-pe-sw.tj{fill:color-mix(in oklch, var(--accent) 35%, var(--bg))}
.lrn-pe-sw.priv{fill:var(--accent)}
.lrn-pe-sw.g{fill:none;stroke:var(--ink2);stroke-dasharray:3 2}
html[data-theme="bw"] .lrn .lrn-pe-sw.tj{fill:url(#lrn-pe-ps)}
html[data-theme="bw"] .lrn .lrn-pe-sw.priv{fill:url(#lrn-pe-dot)}
.lrn-pe-yt{position:absolute;left:0;text-align:right;font:400 12px/16px var(--font-sans);color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap}
.lrn-pe-chip{position:absolute;display:flex;align-items:baseline;gap:8px;padding:1px 7px;border-radius:3px;background:var(--bg);white-space:nowrap;font:400 12px/16px var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-pe-chip.two{flex-direction:column;gap:0;padding:2px 7px}
.lrn-pe-chip b{font-weight:600;color:var(--ink)}
.lrn-pe-gap{position:absolute;font:500 13px/18px var(--font-sans);color:var(--ink2);white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-pe-pct{position:absolute;display:flex;align-items:baseline;gap:6px;white-space:nowrap;unicode-bidi:plaintext}
.lrn-pe-pct b{font:500 40px/1 var(--font-serif);letter-spacing:-.8px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-pe-pct span{font:500 12.5px/1 var(--font-sans);color:var(--ink2)}
.lrn-pe-capl{position:absolute;width:160px;display:flex;flex-direction:column;font:400 12px/16px var(--font-sans);color:var(--ink2);unicode-bidi:plaintext}
.lrn-pe-capl b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.lrn-pe-capm{position:absolute;padding:0 3px;border-radius:3px;background:var(--bg);font:600 11px/15px var(--font-sans);color:var(--ink);white-space:nowrap}
.lrn-pe-gh{position:absolute;display:flex;flex-direction:column;font:400 12px/16px var(--font-sans);white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-pe-gh b{font-weight:600;color:var(--ink)}
.lrn-pe-gh span{color:var(--ink2)}
.lrn-pe-ghm{position:absolute;width:24px;text-align:center;font:600 10.5px/14px var(--font-sans);color:var(--ink);white-space:nowrap}
.lrn-pe-overl{position:absolute;padding:1px 6px;border-radius:3px;background:var(--bg);white-space:nowrap;font:500 12px/18px var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-pe-bot{position:absolute;display:flex;flex-direction:column;gap:3px;unicode-bidi:plaintext}
.lrn-pe-bot span{font:500 12px/1.25 var(--font-sans);color:var(--ink3)}
.lrn-pe-bot b{font:500 20px/1.1 var(--font-serif);color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.lrn-pe-bot i{font:500 12px/1 var(--font-sans);font-style:normal;color:var(--ink3)}
.lrn-pe-plot.m .lrn-pe-yt,.lrn-pe-plot.m .lrn-pe-overl{font-size:11px}
.lrn-pe-plot.m .lrn-pe-gap{font-size:11.5px}
.lrn-pe-plot.m .lrn-pe-pct b{font-size:26px}
.lrn-pe-plot.m .lrn-pe-pct span,.lrn-pe-plot.m .lrn-pe-bot span{font-size:11px}
.lrn-pe-plot.m .lrn-pe-bot b{font-size:17px}
.lrn-pe-ml{display:none;list-style:none;margin:0;padding:0;flex-direction:column;gap:8px}
.lrn-pe-ml li{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13.5px;line-height:1.4;color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-pe-ml li > span:nth-of-type(2){color:var(--ink);font-weight:500;white-space:nowrap}
.lrn-pe-ml li.gx,.lrn-pe-ml li:last-child{grid-template-columns:14px minmax(0,1fr)}
.lrn-pe-side{display:flex;flex-direction:column;gap:14px;padding-top:30px}
.lrn-pe-big{margin:0;font:400 22px/1.35 var(--font-serif);letter-spacing:-.3px;color:var(--ink2);text-wrap:pretty;font-variant-numeric:tabular-nums lining-nums}
.lrn-pe-big b{font-weight:500;color:var(--ink);white-space:nowrap}
.lrn-pe-side strong{color:var(--ink);font-weight:600;white-space:nowrap}
.lrn-pe-fcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.lrn-pe-fc{display:flex;flex-direction:column;gap:12px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0}
.lrn-pe-fc .h{display:grid;grid-template-columns:14px minmax(0,1fr);gap:4px 10px;align-items:center}
.lrn-pe-fc .n{font:600 15px/1.3 var(--font-sans);color:var(--ink)}
.lrn-pe-fc .s{grid-column:2;font:400 12.5px/1.45 var(--font-sans);color:var(--ink3);font-variant-numeric:tabular-nums}
.lrn-pe-fc .lrn-f{font-size:15px}
.lrn-pe-fc .lrn-f.n{font-size:14px}
.lrn-pe-fc .lrn-f b{font-size:20px}
.lrn-pe-vf{max-width:90ch;font-variant-numeric:tabular-nums}
.lrn-pe-main .lrn-fine a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid var(--line-warm)}
@media(max-width:1100px){
  .lrn-pe-fcs{grid-template-columns:minmax(0,1fr);max-width:640px}
}
@media(max-width:960px){
  .lrn-pe-row{grid-template-columns:minmax(0,1fr);gap:16px}
  .lrn-pe-side{padding-top:0}
}
@media(max-width:640px){
  .lrn-pe-main{gap:20px}
  .lrn-pe-ml{display:flex}
  .lrn-pe-big{font-size:19px}
}
/* ── Fond og ASK: ASK mot vanlig fondskonto over 15 år, med fallet i hvert fondsbytte og skatten du slapp mellom linjene ── */
.lrn-ko-intro{margin:0;font-size:18px;line-height:1.55;color:var(--ink);max-width:760px;text-wrap:pretty}
.lrn-figrow.ko{grid-template-columns:minmax(0,860px) minmax(0,1fr)}
.lrn-figrow.ko .lrn-mk{width:22px;height:22px;border-width:1.5px;font-size:12px;line-height:19px}
.lrn-figrow.ko .lrn-notes li{grid-template-columns:22px minmax(0,1fr)}
.lrn-ko-plot{height:440px}
.lrn-ko-tk{fill:none;stroke:var(--ink3);stroke-width:1;shape-rendering:crispEdges}
.lrn-ko-wedge{fill:color-mix(in oklch, var(--ink) 12%, var(--bg))}
.lrn-ko-wedge.p{fill:url(#lrn-ko-sk)}
.lrn-ko-pb{fill:transparent}
.lrn-ko-pl{stroke:var(--bg);stroke-opacity:.7;stroke-width:1.6}
html[data-theme="bw"] .lrn .lrn-ko-pb{fill:color-mix(in oklch, var(--ink) 74%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ko-pl{stroke-opacity:1}
.lrn-ko-ask{fill:none;stroke:var(--lrn-line-1);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
html[data-theme="bw"] .lrn .lrn-ko-ask{stroke-width:3.5}
.lrn-ko-van{fill:none;stroke:var(--ink2);stroke-width:2;stroke-dasharray:6 5;stroke-linejoin:round}
.lrn-ko-drop{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-ko-arr{fill:var(--ink)}
.lrn-ko-d0{fill:var(--ink);stroke:var(--bg);stroke-width:2}
.lrn-ko-d1{fill:var(--bg);stroke:var(--ink);stroke-width:1.8}
.lrn-ko-d2{fill:var(--lrn-line-1);stroke:var(--bg);stroke-width:2}
.lrn-ko-d3{fill:var(--bg);stroke:var(--ink2);stroke-width:2}
.lrn-ko-swl{position:absolute;padding:0 4px;background:var(--bg);font:500 12px/18px var(--font-sans);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-ko-ln{position:absolute;font:500 12px/16px var(--font-sans);color:var(--ink2);white-space:nowrap;unicode-bidi:plaintext}
.lrn-ko-lv{position:absolute;font:500 20px/24px var(--font-serif);letter-spacing:-.3px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;unicode-bidi:plaintext}
.lrn-ko-gt{position:absolute;font:500 12px/16px var(--font-sans);color:var(--ink);text-wrap:pretty;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-ko-gt.mid{transform:translateY(-50%)}
.lrn-ko-ends{display:none;list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lrn-ko-ends li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.lrn-ko-ends svg{flex-shrink:0}
.lrn-ko-ends li > span:first-of-type{flex-grow:1;font:500 14px/1.3 var(--font-sans);color:var(--ink2)}
.lrn-ko-ends li > span:last-child{font:500 20px/1 var(--font-serif);letter-spacing:-.3px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.lrn-ko-res{display:flex;flex-direction:column;gap:10px;max-width:760px}
.lrn-ko-res .lrn-tbl > div{padding:0}
.lrn-xtab{gap:12px}
.lrn-xtab table{width:100%;border-collapse:collapse}
.lrn-xtab thead th{padding:0 16px 10px;border-bottom:1px solid var(--line-2);text-align:start;font:600 14px/1.2 var(--font-sans);color:var(--ink)}
.lrn-xtab thead th:first-child{width:22%;padding-inline:10px 0}
.lrn-xtab tbody th{padding:14px 10px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top;font:600 14px/1.4 var(--font-sans);color:var(--ink)}
.lrn-xtab td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;font:400 14.5px/1.45 var(--font-sans);color:var(--ink);text-wrap:pretty}
.lrn-xtab tbody tr:nth-child(odd){background:var(--surface-2)}
.lrn-xtab td .k{display:none}
.lrn-ko-foot{padding-top:14px;border-top:1px solid var(--line);max-width:76ch}
@media(max-width:1100px){
  .lrn-figrow.ko{grid-template-columns:minmax(0,1fr);gap:24px}
  .lrn-figrow.ko > .lrn-fig{max-width:860px}
  .lrn-figrow.ko .lrn-notes{padding:0;gap:12px}
}
@media(max-width:640px){
  .lrn-ko-intro{font-size:17px}
  .lrn-figrow.ko .lrn-mk{width:20px;height:20px;font-size:12px;line-height:17px}
  .lrn-figrow.ko .lrn-notes li{grid-template-columns:20px minmax(0,1fr)}
  .lrn-ko-plot.m .lrn-tick{font-size:11px}
  .lrn-ko-ends{display:block}
  .lrn-xtab thead{display:none}
  .lrn-xtab table,.lrn-xtab tbody,.lrn-xtab tr,.lrn-xtab tbody th,.lrn-xtab td{display:block}
  .lrn-xtab tbody{border-top:1px solid var(--line-2)}
  .lrn-xtab tr{display:flex;flex-direction:column;gap:8px;padding:14px 12px;border-bottom:1px solid var(--line)}
  .lrn-xtab tbody th,.lrn-xtab tbody tr:nth-child(odd) th{padding:0;border:0;font:600 14px/1.3 var(--font-sans)}
  .lrn-xtab td{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;align-items:baseline;padding:0;border:0;font-size:14px}
  .lrn-xtab td .k{display:block;font:500 12px/1.45 var(--font-sans);color:var(--ink3)}
}
/* ── Studielån: studieårene som søyler (lån, stipend for poeng og for grad) og nedbetalingen som en tynn flate ── */
.lrn-st-main{display:flex;flex-direction:column;gap:24px}
.lrn-st-plot{height:378px}
.lrn-st-laan{fill:var(--accent)}
.lrn-st-band{fill:var(--lrn-viz-3)}
.lrn-st-po{fill:url(#lrn-st-skrav);stroke:var(--ink);stroke-width:1.25}
.lrn-st-gr{fill:url(#lrn-st-prikk);stroke:var(--ink);stroke-width:1.25}
.lrn-st-pb{fill:var(--bg)}
.lrn-st-pl{stroke:var(--ink3);stroke-width:1.3}
.lrn-st-pc{fill:var(--ink3)}
.lrn-st-gh{fill:none;stroke:var(--bg);stroke-width:1.5;stroke-dasharray:4 3}
.lrn-st-tt{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linejoin:round}
.lrn-st-ax{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-st-br{fill:none;stroke:var(--ink);stroke-width:1.25}
.lrn-st-br.d{stroke-dasharray:4 3}
.lrn-st-bl{position:absolute;display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-st-bl b{font:600 12.5px/16px var(--font-sans);color:var(--ink)}
.lrn-st-bl > span{font:400 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-st-bl.r{align-items:flex-end;text-align:end;white-space:normal}
.lrn-st-bl.mid{transform:translateY(-50%)}
.lrn-st-bl.c{align-items:center;text-align:center;transform:translateX(-50%)}
.lrn-st-bl.t > span{font-size:11.5px}
.lrn-st-bl.t b{font-size:13px}
.lrn-st-bl.h b{font:500 11.5px/16px var(--font-sans);color:var(--ink2)}
.lrn-st-end{position:absolute;right:2px;display:flex;flex-direction:column;align-items:flex-end;text-align:end;font:400 12.5px/18px var(--font-sans);color:var(--ink2);white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-st-end strong,.lrn-st-sm strong,.lrn-st-mob strong{color:var(--ink);font-weight:600}
.lrn-st-end a,.lrn-st-mob a{color:var(--accent-2);text-decoration:none;border-bottom:1px solid var(--line-warm);pointer-events:auto}
.lrn-st-sm{margin:0;font-size:14px;line-height:1.6;color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-st-card{max-width:760px}
.lrn-st-mob,.lrn-st-cm,.lrn-st-mhd{display:none}
.lrn-st-m .lrn-st-mob{display:block}
.lrn-st-m .lrn-st-cd{display:none}
.lrn-st-m .lrn-st-cm{display:inline}
.lrn-st-m .lrn-st-mhd{display:flex;flex-direction:column;gap:4px}
.lrn-st-mhd .p{display:flex}
.lrn-st-mhd .p > span{display:flex;flex-direction:column;flex:0 0 auto;padding-inline-end:4px;box-sizing:border-box;unicode-bidi:plaintext}
.lrn-st-m .lrn-st-mhd .p > span + span{border-inline-start:1px solid var(--line-2);padding-inline-start:4px}
.lrn-st-mhd b{font:600 12px/14px var(--font-sans);color:var(--ink)}
.lrn-st-mhd .p span span{font:400 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-st-mhd .x{align-self:flex-end;font:600 12px/14px var(--font-sans);color:var(--ink);unicode-bidi:plaintext}
.lrn-st-plot.m .lrn-tick{font-size:11px}
/* ── Kalkyle: to spørsmål gir en rute gjennom de ni kalkylene, og kartet viser kostnad, pris og kontroll ── */
.lrn-kk-wz{display:grid;grid-template-columns:minmax(0,716fr) minmax(0,316fr);column-gap:84px;align-items:start}
.lrn-kk-q{margin:0;padding:0;border:0;min-width:0}
.lrn-kk-q legend{padding:0 0 12px}
.lrn-kk-q legend .n{display:block;margin-bottom:6px;font:500 12px/1 var(--font-sans);letter-spacing:.2px;color:var(--ink3)}
.lrn-kk-q legend .t{display:block;font:500 20px/1.25 var(--font-serif);letter-spacing:-.3px;color:var(--ink)}
.lrn-kk-opts{display:flex;flex-direction:column}
.lrn-kk-q.q1 .lrn-kk-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);grid-auto-flow:column;column-gap:24px}
.lrn-kk-opts button{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;margin:0;padding:8px 12px;box-sizing:border-box;border:0;border-top:1px solid var(--line);background:transparent;cursor:pointer;text-align:start;font:400 14.5px/1.35 var(--font-sans);color:var(--ink2)}
.lrn-kk-opts button[aria-checked="true"]{background:var(--surface-2);color:var(--ink);font-weight:600}
.lrn-kk-opts button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.lrn-kk-opts .r{width:18px;height:18px;box-sizing:border-box;border-radius:50%;border:1.5px solid var(--ink3);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lrn-kk-opts .r span{width:8px;height:8px;border-radius:50%}
.lrn-kk-opts button[aria-checked="true"] .r{border-color:var(--accent)}
.lrn-kk-opts button[aria-checked="true"] .r span{background:var(--accent)}
.lrn-kk-map{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:84px;grid-template-areas:"h1 h2 h3" "l1 l2 l3" "bh bh ." "lb lb ."}
.lrn-kk-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.lrn-kk-cn{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-kk-cn.on{stroke:var(--ink);stroke-width:2}
.lrn-kk-cn.off{stroke:var(--line-2)}
.lrn-kk-st{padding-top:10px;border-top:1px solid var(--ink)}
.lrn-kk-st h3{margin:0;font:500 22px/28px var(--font-serif);letter-spacing:-.3px;color:var(--ink)}
.lrn-kk-st p{margin:4px 0 0;font:400 13.5px/20px var(--font-sans);color:var(--ink2)}
.lrn-kk-st.h1{grid-area:h1}
.lrn-kk-st.h2{grid-area:h2}
.lrn-kk-st.h3{grid-area:h3}
.lrn-kk-l{list-style:none;margin:0;padding:24px 0 0;display:flex;flex-direction:column;gap:24px}
.lrn-kk-l.l1{grid-area:l1}
.lrn-kk-l.l2{grid-area:l2}
.lrn-kk-l.l3{grid-area:l3}
.lrn-kk-l.lb{grid-area:lb;gap:10px}
.lrn-kk-l li{position:relative}
.lrn-kk-l a{position:relative;display:flex;flex-direction:column;gap:4px;min-height:100px;box-sizing:border-box;padding:14px 16px;border-radius:6px;text-decoration:none;border:1px solid var(--line-2);background:var(--surface)}
.lrn-kk-l .nm{padding-inline-end:24px;font:500 18px/24px var(--font-serif);letter-spacing:-.2px;color:var(--ink);unicode-bidi:plaintext}
.lrn-kk-l .ds{font:400 13px/19px var(--font-sans);color:var(--ink2);text-wrap:pretty;unicode-bidi:plaintext}
.lrn-kk-l a svg{position:absolute;right:14px;top:17px;fill:none;stroke:var(--accent-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.lrn-kk-l.lb a{flex-direction:row;align-items:center;gap:20px;min-height:54px;padding:8px 48px 8px 16px}
.lrn-kk-l.lb .nm{width:124px;flex-shrink:0;padding:0}
.lrn-kk-l.lb .ds{font-size:13.5px}
.lrn-kk-l.lb a svg{top:50%;margin-top:-8px}
.lrn-kk-l li.on a{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.lrn-kk-l li.on .nm{font-weight:600}
.lrn-kk-l li.on a svg{stroke:var(--ink)}
.lrn-kk-l li.dim a{border-color:var(--line);background:transparent}
.lrn-kk-l li.dim .nm,.lrn-kk-l li.dim .ds{color:var(--ink3)}
.lrn-kk-l li.dim a svg{stroke:var(--ink3)}
.lrn-kk-l a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lrn-kk-l .lrn-mk{position:absolute;left:10px;top:-11px;width:22px;height:22px;border-width:1.5px;font-size:12px;line-height:19px}
/* Kartet står i dir="ltr" (flyten går mot høyre), men på arabisk står pilen i kortet til venstre og navnet først */
[dir="rtl"] .lrn-kk-l a svg{right:auto;left:14px;transform:scaleX(-1)}
[dir="rtl"] .lrn-kk-l .nm{padding-right:0;padding-left:24px}
[dir="rtl"] .lrn-kk-l.lb a{flex-direction:row-reverse;padding:8px 16px 8px 48px}
[dir="rtl"] .lrn-kk-l.lb .nm{padding:0}
.lrn-kk-bh{grid-area:bh;position:relative;height:6px;margin-top:40px;border:1px solid var(--ink3);border-bottom:0}
.lrn-kk-chip{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);padding:1px 6px;border-radius:3px;background:var(--bg);font:500 12px/18px var(--font-sans);color:var(--ink2);white-space:nowrap}
.lrn-kk-ar{display:none}
.lrn-kk-route{display:flex;flex-direction:column;gap:20px;padding-top:32px;border-top:1px solid var(--line-2)}
.lrn-kk-rbox{display:flex;flex-direction:column;gap:12px;min-height:88px}
.lrn-kk-rl{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 36px}
.lrn-kk-rl li{display:flex;align-items:flex-start;gap:12px;min-width:0}
.lrn-kk-rl .lrn-mk{margin-top:17px;width:22px;height:22px;border-width:1.5px;font-size:12px;line-height:19px}
.lrn-kk-rl .tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.lrn-kk-rl .st{font:500 12px/1 var(--font-sans);letter-spacing:.2px;color:var(--ink3)}
.lrn-kk-rl a{align-self:flex-start;font:500 21px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-warm)}
.lrn-kk-rl .nt{font-size:13.5px;line-height:1.4;color:var(--ink2)}
.lrn-kk-rl svg{flex-shrink:0;margin:20px 0 0 8px;fill:none;stroke:var(--ink3);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
[dir="rtl"] .lrn-kk-rl svg{transform:scaleX(-1)}
.lrn-kk-hint{margin:0;font-size:14px;line-height:1.5;color:var(--ink2)}
.lrn-kk-reset{align-self:flex-start;visibility:hidden;min-height:44px;padding:0 18px;border:1px solid var(--line-2);border-radius:6px;background:transparent;cursor:pointer;font:500 14px/1.2 var(--font-sans);color:var(--ink)}
.lrn-kk-reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:900px){
  .lrn-kk-wz{grid-template-columns:minmax(0,1fr);row-gap:28px}
  .lrn-kk-opts,.lrn-kk-q.q1 .lrn-kk-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row;gap:8px}
  .lrn-kk-opts button{min-height:56px;gap:10px;border:1px solid var(--line-2);border-radius:6px}
  .lrn-kk-opts button[aria-checked="true"]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
  .lrn-kk-map{grid-template-columns:minmax(0,1fr);grid-template-areas:"h1" "l1" "bh" "lb" "a1" "h2" "l2" "a2" "h3" "l3"}
  .lrn-kk-svg{display:none}
  .lrn-kk-st h3{font-size:20px;line-height:26px}
  .lrn-kk-st p{margin-top:2px;font-size:13px;line-height:18px}
  .lrn-kk-l{padding-top:16px;gap:10px}
  .lrn-kk-l a,.lrn-kk-l.lb a{flex-direction:column;align-items:stretch;gap:4px;min-height:0;padding:11px 16px}
  .lrn-kk-l .nm,.lrn-kk-l.lb .nm{width:auto;padding-inline-end:24px;font-size:17px}
  [dir="rtl"] .lrn-kk-l.lb a{flex-direction:column;padding:11px 16px}
  [dir="rtl"] .lrn-kk-l.lb .nm{padding:0 0 0 24px}
  .lrn-kk-l a svg,.lrn-kk-l.lb a svg{top:13px;margin-top:0}
  .lrn-kk-l .lrn-mk{width:20px;height:20px;top:-10px;font-size:12px;line-height:17px}
  .lrn-kk-bh{height:auto;margin-top:24px;border:0}
  .lrn-kk-chip{position:static;display:inline-block;transform:none;padding:0;background:none}
  .lrn-kk-l.lb{position:relative;padding:10px 0 0 20px}
  .lrn-kk-l.lb::before{content:'';position:absolute;left:5px;top:10px;bottom:0;width:7px;border:1px solid var(--ink3);border-right:0}
  .lrn-kk-ar{display:flex;justify-content:center;padding:14px 0 4px}
  .lrn-kk-ar.a1{grid-area:a1}
  .lrn-kk-ar.a2{grid-area:a2}
  .lrn-kk-ar svg{fill:none;stroke:var(--ink3);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
  .lrn-kk-route{gap:14px;padding-top:24px}
  .lrn-kk-rl{flex-direction:column;gap:0}
  .lrn-kk-rl li{padding:12px 0;border-bottom:1px solid var(--line)}
  .lrn-kk-rl .lrn-mk{margin-top:16px;width:20px;height:20px;font-size:12px;line-height:17px}
  .lrn-kk-rl a{font-size:19px}
  .lrn-kk-rl svg{display:none}
  .lrn-sec > .lrn-kk-wz{order:2}
  .lrn-sec > .lrn-kk-route{order:3}
  .lrn-sec > .lrn-kk-fig{order:4}
}
/* ── Selskap: hva kreditor kan kreve av eierne privat i fem selskapsformer. Streken mellom navnet og stolpene
      er skillet mellom selskapet og eieren: heltrukket stopper kravet, stiplet hefter eieren, ingen strek er samme person. ── */
.lrn-sk-key .m{display:none}
.lrn-sk-ch{background:linear-gradient(var(--line-2),var(--line-2)) no-repeat 485px 56px/1px calc(100% - 56px),linear-gradient(var(--line-2),var(--line-2)) no-repeat 685px 56px/1px calc(100% - 56px)}
.lrn-sk-hd{position:relative;display:grid;grid-template-columns:284px minmax(0,1fr) 190px;height:56px;box-sizing:border-box;border-bottom:1px solid var(--line-2);
  background:linear-gradient(var(--ink3),var(--ink3)) no-repeat 284px 44px/1px 10px,linear-gradient(var(--ink3),var(--ink3)) no-repeat 485px 44px/1px 10px,linear-gradient(var(--ink3),var(--ink3)) no-repeat 685px 44px/1px 10px}
.lrn-sk-hd .c{padding-right:12px;text-align:right;font:500 12px/16px var(--font-sans);color:var(--ink2);unicode-bidi:plaintext}
.lrn-sk-hd .p{padding-left:12px;font:500 12px/16px var(--font-sans);color:var(--ink2);white-space:nowrap;unicode-bidi:plaintext}
.lrn-sk-hd .ax span{position:absolute;top:24px;transform:translateX(-50%);font:400 12px/16px var(--font-sans);color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap}
.lrn-sk-hd .ax span:nth-child(1){left:285px}
.lrn-sk-hd .ax span:nth-child(2){left:485px}
.lrn-sk-hd .ax span:nth-child(3){left:685px}
.lrn-sk-row{display:grid;grid-template-columns:284px minmax(0,1fr) 190px;border-bottom:1px solid var(--line)}
.lrn-sk-f{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:16px 32px 16px 0}
.lrn-sk-f a{font:600 16px/1.3 var(--font-sans);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-warm)}
.lrn-sk-f span{font:400 13.5px/1.45 var(--font-sans);color:var(--ink2);text-wrap:pretty;unicode-bidi:plaintext}
.lrn-sk-bars{display:flex;flex-direction:column;margin-left:-1px}
.lrn-sk-o{flex:1;display:flex;align-items:center;gap:10px;padding:6px 0;border-left:2px solid transparent}
.lrn-sk-o:first-child{padding-top:18px}
.lrn-sk-o:last-child{padding-bottom:18px}
.lrn-sk-o.d{border-left:2px dashed var(--ink)}
.lrn-sk-o.s{border-left:2px solid var(--ink)}
.lrn-sk-o .t{display:block;flex-shrink:0}
.lrn-sk-o .b{display:block;height:28px;background:var(--accent)}
.lrn-sk-o .b.w1{width:400px}
.lrn-sk-o .b.w5{width:200px}
.lrn-sk-o .v{white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;unicode-bidi:plaintext}
.lrn-sk-o .v .w{margin-right:8px;font:500 12px/28px var(--font-sans);color:var(--ink3)}
.lrn-sk-o .v b{font:500 17px/28px var(--font-serif);letter-spacing:-.2px;color:var(--ink)}
.lrn-sk-o .v .u{font:500 12px/28px var(--font-sans);color:var(--ink3)}
.lrn-sk-o .v .tx{font:400 14px/28px var(--font-sans);color:var(--ink)}
/* Figuren står i dir="ltr", men arabisk tekst i den leses fra høyre: luft mellom navn og beløp på riktig side, og høyrejustert tekst */
[dir="rtl"] .lrn-sk-o .v .w{margin-right:0;margin-left:8px}
[dir="rtl"] .lrn-sk-f,[dir="rtl"] .lrn-sk-as,[dir="rtl"] .lrn-sk-n{text-align:right}
[dir="rtl"] .lrn-sk-f{align-items:flex-end}
.lrn-sk-brk{display:block}
.lrn-sk-brk polygon{fill:var(--accent)}
.lrn-sk-brk path{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-sk-as{display:flex;flex-direction:column;gap:8px;max-width:408px;padding:6px 8px;background:var(--bg);unicode-bidi:plaintext}
.lrn-sk-as .a{font:500 15px/1.4 var(--font-sans);color:var(--ink);text-wrap:pretty}
.lrn-sk-as .x{font:400 12.5px/1.45 var(--font-sans);color:var(--ink3);text-wrap:pretty}
.lrn-sk-n{position:relative;margin:0;padding:16px 0;display:flex;align-items:center;font:400 14px/1.45 var(--font-sans);color:var(--ink2);text-wrap:pretty;unicode-bidi:plaintext}
.lrn-sk-row.ans .lrn-sk-n::before{content:'';position:absolute;left:-20px;top:50%;width:8px;height:40px;margin-top:-20px;box-sizing:border-box;border:1.5px solid var(--ink);border-left:0}
.lrn-xtab thead td{padding:0 0 10px;border-bottom:1px solid var(--line-2)}
@media(max-width:1100px){
  .lrn-sk-key .d{display:none}
  .lrn-sk-key .m{display:inline}
  .lrn-sk-ch{background:none}
  .lrn-sk-hd{display:block;height:32px;
    background:linear-gradient(var(--ink3),var(--ink3)) no-repeat 0 22px/1px 8px,linear-gradient(var(--ink3),var(--ink3)) no-repeat 50% 22px/1px 8px,linear-gradient(var(--ink3),var(--ink3)) no-repeat 100% 22px/1px 8px}
  .lrn-sk-hd .c,.lrn-sk-hd .p{display:none}
  .lrn-sk-hd .ax span{top:0;font-size:11px}
  .lrn-sk-hd .ax span:nth-child(1){left:0;transform:none}
  .lrn-sk-hd .ax span:nth-child(2){left:50%}
  .lrn-sk-hd .ax span:nth-child(3){left:auto;right:0;transform:none}
  .lrn-sk-row{display:block;padding:14px 0}
  .lrn-sk-f{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:baseline;column-gap:6px;padding:0}
  .lrn-sk-f a{justify-self:start;font-size:15.5px}
  .lrn-sk-bars{margin-left:0}
  .lrn-sk-o,.lrn-sk-o:first-child,.lrn-sk-o:last-child{flex-direction:column-reverse;align-items:stretch;gap:6px;padding:12px 0 0;border-left:0}
  .lrn-sk-o.d,.lrn-sk-o.s{border-left:0}
  .lrn-sk-o .t{padding-top:10px;border-top:2px solid transparent}
  .lrn-sk-o.d .t{border-top:2px dashed var(--ink)}
  .lrn-sk-o.s .t{border-top:2px solid var(--ink)}
  .lrn-sk-o .b{height:20px}
  .lrn-sk-o .b.w1{width:100%}
  .lrn-sk-o .b.w5{width:50%}
  .lrn-sk-brk{width:58px;height:20px}
  .lrn-sk-o .v{white-space:normal}
  .lrn-sk-o .v .w{font-size:12px;line-height:20px}
  .lrn-sk-o .v b{font-size:15.5px;line-height:20px}
  .lrn-sk-o .v .u{line-height:20px}
  .lrn-sk-o .v .tx{font-size:13.5px;line-height:20px}
  .lrn-sk-o.as .lrn-sk-as{max-width:none;margin-top:0;padding:10px 0 0;border-top:2px solid var(--ink);background:none}
  .lrn-sk-n{display:block;padding:12px 0 0}
  .lrn-sk-row.ans .lrn-sk-n::before{display:none}
}
/* ── Inntektsskatt: marginalskatten som trapp i tre lag (trygdeavgift, alminnelig, trinnskatt) og snittskatten som linje ── */
.lrn-si-main{display:flex;flex-direction:column;gap:24px}
.lrn-figrow.si{grid-template-columns:minmax(0,856px) minmax(0,1fr)}
.lrn-figrow.si .lrn-mk{width:22px;height:22px;border-width:1.5px;font-size:12px;line-height:19px}
.lrn-figrow.si .lrn-notes li{grid-template-columns:22px minmax(0,1fr)}
.lrn-si-plot{height:446px}
.lrn-si-gr{fill:none;stroke:var(--lrn-grid);stroke-width:1;shape-rendering:crispEdges}
.lrn-si-ty{fill:color-mix(in oklch, var(--ink) 17%, var(--bg))}
.lrn-si-al{fill:color-mix(in oklch, var(--ink) 30%, var(--bg))}
.lrn-si-tr{fill:color-mix(in oklch, var(--accent) 72%, var(--bg))}
.lrn-si-pl{stroke:var(--ink2);stroke-width:2}
.lrn-si-pb{fill:color-mix(in oklch, var(--ink) 74%, var(--bg))}
.lrn-si-pc{fill:var(--bg)}
html[data-theme="bw"] .lrn .lrn-si-ty{fill:url(#lrn-si-prikk)}
html[data-theme="bw"] .lrn .lrn-si-al{fill:var(--ink3)}
html[data-theme="bw"] .lrn .lrn-si-tr{fill:url(#lrn-si-hoved)}
.lrn-si-stair{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:miter}
.lrn-si-base{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-si-ters{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:2 3}
.lrn-si-sn{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
html[data-theme="bw"] .lrn .lrn-si-sn{stroke-dasharray:6 4}
.lrn-si-lead{fill:none;stroke:color-mix(in oklch, var(--ink) 28%, var(--bg));stroke-width:1}
.lrn-si-dot{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round}
.lrn-si-duln{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3}
.lrn-si-sik{fill:none;stroke:var(--ink);stroke-width:1}
.lrn-si-kln{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linejoin:round}
.lrn-si-pt{fill:var(--bg);stroke:var(--ink);stroke-width:1.5}
.lrn-si-chip{position:absolute;padding:1px 6px;color:var(--ink);font:500 12px/18px var(--font-sans);white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-si-chip.s{color:var(--ink2)}
.lrn-si-du{position:absolute;padding:1px 7px;border-radius:3px;background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-sans);white-space:nowrap;unicode-bidi:plaintext}
.lrn-si-kl{position:absolute;padding:1px 6px;color:var(--ink);font:600 12px/18px var(--font-sans);white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-si-kl.v{display:flex;flex-direction:column;gap:1px;padding:2px 6px;box-sizing:border-box}
.lrn-si-kl.v b{font:500 20px/22px var(--font-serif);letter-spacing:-.3px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-si-kl.v span{font:500 11px/13px var(--font-sans);color:var(--ink2)}
.lrn-si-plot.m .lrn-tick,.lrn-si-plot.m .lrn-si-chip{font-size:11px}
.lrn-si-frow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:start}
.lrn-si-rates{display:flex;flex-direction:column;gap:10px;min-width:0}
.lrn-si-rates .lrn-tbl > div{padding:0}
.lrn-si-rates .lrn-tbl td{white-space:normal}
@media(max-width:1100px){
  .lrn-figrow.si{grid-template-columns:minmax(0,1fr);gap:24px}
  .lrn-figrow.si > .lrn-fig{max-width:856px}
  .lrn-figrow.si .lrn-notes{padding:0;gap:12px}
}
@media(max-width:960px){
  .lrn-si-frow{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media(max-width:640px){
  .lrn-figrow.si .lrn-mk{width:20px;height:20px;font-size:12px;line-height:17px}
  .lrn-figrow.si .lrn-notes li{grid-template-columns:20px minmax(0,1fr)}
}
/* ── Lønn ut: tolv månedslønner som søyler, netto nederst og forskuddstrekket skravert over ── */
.lrn-lu-main{display:flex;flex-direction:column;gap:24px}
.lrn-lu-plot{height:472px}
.lrn-lu-gr{fill:none;stroke:var(--lrn-grid);stroke-width:1;shape-rendering:crispEdges}
.lrn-lu-net{fill:var(--accent)}
.lrn-lu-tr{fill:color-mix(in oklch, var(--ink) 27%, var(--bg))}
.lrn-lu-hat{fill:url(#lrn-lu-skrav)}
.lrn-lu-pl{stroke:color-mix(in oklch, var(--bg) 60%, transparent);stroke-width:1.6}
html[data-theme="bw"] .lrn .lrn-lu-net{fill:var(--ink)}
html[data-theme="bw"] .lrn .lrn-lu-tr{fill:color-mix(in oklch, var(--ink) 74%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-lu-pl{stroke:var(--bg)}
.lrn-lu-base{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-lu-halo{fill:none;stroke:var(--bg);stroke-width:4;stroke-dasharray:7 4}
.lrn-lu-avg{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:7 4}
.lrn-lu-br{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linejoin:round}
.lrn-lu-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-lu-chip{position:absolute;padding:1px 6px;border-radius:3px;background:var(--bg);color:var(--ink);font:500 12px/18px var(--font-sans);white-space:nowrap;font-variant-numeric:tabular-nums}
.lrn-lu-rl{position:absolute;display:flex;flex-direction:column;white-space:nowrap;unicode-bidi:plaintext}
.lrn-lu-rl b{font:500 12px/16px var(--font-sans);color:var(--ink2)}
.lrn-lu-rl.s b{color:var(--ink)}
.lrn-lu-rl span{font:400 11px/14px var(--font-sans);color:var(--ink3)}
.lrn-lu-rl strong{font:500 15px/18px var(--font-serif);letter-spacing:-.2px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-lu-call{position:absolute;font:400 12.5px/17px var(--font-sans);color:var(--ink2);text-wrap:balance;unicode-bidi:plaintext}
.lrn-lu-call strong{font-weight:600;color:var(--ink)}
.lrn-lu-plot.m .lrn-tick,.lrn-lu-plot.m .lrn-lu-chip,.lrn-lu-plot.m .lrn-lu-rl b{font-size:11px}
.lrn-lu-plot.m .lrn-lu-rl strong{font:500 12px/18px var(--font-sans);letter-spacing:0}
.lrn-lu-plot .lrn-mk{width:20px;height:20px;border-width:1.5px;font-size:12px;line-height:17px}
.lrn-lu-main .lrn-notes{padding:0;gap:12px}
.lrn-lu-main .lrn-notes li{grid-template-columns:20px minmax(0,1fr)}
.lrn-lu-main .lrn-notes .lrn-mk{width:20px;height:20px;border-width:1.5px;font-size:12px;line-height:17px}
.lrn-lu-sum{display:flex;flex-direction:column;gap:6px}
.lrn-lu-sum p{margin:0;font-size:16px;line-height:1.55;color:var(--ink2);max-width:72ch;text-wrap:pretty;font-variant-numeric:tabular-nums}
.lrn-lu-fd > summary{list-style:none;cursor:pointer;display:none;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;box-sizing:border-box;font:500 21px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink)}
.lrn-lu-fd > summary::-webkit-details-marker{display:none}
.lrn-lu-fd > summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lrn-lu-grid{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:40px;align-items:center}
.lrn-lu-gp{margin:0;font-size:16px;line-height:1.55;color:var(--ink2);max-width:46ch;text-wrap:pretty}
.lrn-lu-sq{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lrn-lu-sq svg{flex-shrink:0;overflow:visible}
.lrn-lu-sq > span{font-size:13px;line-height:1.4;color:var(--ink3)}
.lrn-lu-sqo{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-lu-eq{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px 14px}
.lrn-lu-eq .o{font:400 22px/1.15 var(--font-serif);color:var(--ink3)}
.lrn-lu-eqb{display:contents}
.lrn-lu-eq .t{display:inline-flex;flex-direction:column;align-items:center;gap:5px}
.lrn-lu-eq .t b{font:500 22px/1.15 var(--font-serif);letter-spacing:-.3px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.lrn-lu-eq .t.r b{font-weight:600;font-size:26px}
.lrn-lu-eq .t span{font:500 12px/1 var(--font-sans);letter-spacing:.2px;color:var(--ink3);white-space:nowrap}
.lrn-lu-hr{height:1px;background:var(--line)}
.lrn-lu-gb{display:flex;flex-direction:column;gap:10px}
.lrn-lu-gs{margin:0;font-size:14px;line-height:1.5;color:var(--ink2);font-variant-numeric:tabular-nums}
/* Regnelinjene med tall leses alltid fra venstre mot høyre, også på arabisk (ellers stokkes «kr» og ÷ om) */
[dir="rtl"] #lrn-lu .lrn-f.n{direction:ltr;justify-content:flex-end}
@media(max-width:960px){
  .lrn-lu-grid{grid-template-columns:minmax(0,1fr);gap:20px}
}
@media(max-width:640px){
  .lrn-lu-fd{border-top:1px solid var(--line-2)}
  .lrn-lu-fd > summary{display:flex}
  .lrn-lu-fd .lrn-lu-grid{gap:14px;padding:0 0 20px}
  .lrn-lu-fd .lrn-card-l{display:none}
  .lrn-lu-gp{font-size:15px}
  .lrn-lu-sum p{font-size:15px}
  .lrn-lu-eq{gap:10px 8px}
  .lrn-lu-eq .o,.lrn-lu-eq .t b{font-size:18px}
  .lrn-lu-eq .t.r b{font-size:20px}
}
/* ── Uttak: markedsverdien som én stolpe delt ved den skattemessige verdien, og sporet videre til skatten ── */
.lrn-ut-main{display:flex;flex-direction:column;gap:24px}
.lrn-figrow.ut{grid-template-columns:minmax(0,800px) minmax(0,1fr)}
.lrn-figrow.ut .lrn-mk{width:22px;height:22px;border-width:1.5px;font-size:12px;line-height:19px}
.lrn-figrow.ut .lrn-notes li{grid-template-columns:22px minmax(0,1fr)}
.lrn-ut-plot{height:420px}
.lrn-ut-dim{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ut-svf{fill:var(--surface)}
.lrn-ut-svh{fill:url(#lrn-ut-lys);stroke:var(--ink3);stroke-width:1}
.lrn-ut-pz{stroke:var(--ink3);stroke-width:1;opacity:.75}
.lrn-ut-gain{fill:var(--accent)}
.lrn-ut-chip{fill:var(--bg)}
.lrn-ut-fun{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:3 3}
.lrn-ut-pipe{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ut-almb,.lrn-ut-selb{fill:color-mix(in oklch, var(--accent) 40%, var(--bg))}
.lrn-ut-almp,.lrn-ut-selp{fill:url(#lrn-ut-skrav)}
.lrn-ut-trygdb{fill:color-mix(in oklch, var(--ink) 13%, var(--bg))}
.lrn-ut-trygdp{fill:url(#lrn-ut-vert)}
.lrn-ut-utbb,.lrn-ut-trinnb{fill:color-mix(in oklch, var(--ink) 27%, var(--bg))}
.lrn-ut-utbp{fill:url(#lrn-ut-hoved)}
.lrn-ut-trinnp{fill:url(#lrn-ut-hor)}
.lrn-ut-pr{fill:transparent}
.lrn-ut-ph{stroke:color-mix(in oklch, var(--bg) 60%, transparent);stroke-width:1.6}
.lrn-ut-pl{stroke:var(--ink2);stroke-width:2}
.lrn-ut-pv{stroke:var(--ink2);stroke-width:1.8}
html[data-theme="bw"] .lrn .lrn-ut-pr{fill:color-mix(in oklch, var(--ink) 74%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ut-ph{stroke:var(--bg)}
.lrn-ut-cmp{opacity:.62}
.lrn-ut-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ut-dot{fill:var(--ink)}
.lrn-ut-rule{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-ut-line{fill:none;stroke:var(--ink);stroke-width:2}
.lrn-ut-t{position:absolute;font-family:var(--font-sans);white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-ut-n{position:absolute;font-family:var(--font-serif);font-weight:500;letter-spacing:-.2px;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;unicode-bidi:plaintext}
.lrn-ut-t.i1,.lrn-ut-n.i1{color:var(--ink)}
.lrn-ut-t.i2{color:var(--ink2)}
.lrn-ut-t.i3{color:var(--ink3)}
.lrn-ut-t.oa,.lrn-ut-n.oa{color:var(--on-accent)}
.lrn-ut-tag{position:absolute;padding:1px 7px;border-radius:3px;background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-sans);white-space:nowrap}
.lrn-ut-link{position:absolute;white-space:nowrap;font:500 12.5px/16px var(--font-sans);color:var(--accent-2);text-decoration:none;border-bottom:1px solid var(--line-warm);pointer-events:auto;unicode-bidi:plaintext}
.lrn-ut-close{display:flex;align-items:baseline;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding:18px 0 0;border-top:1px solid var(--line)}
.lrn-ut-close > span:first-child{font-size:16px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
.lrn-ut-close .v{font:500 38px/1.1 var(--font-serif);letter-spacing:-.8px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.lrn-ut-main .lrn-tbl tbody tr:not(.is-sel) > *{color:var(--ink2);font-weight:400}
.lrn-ut-main .lrn-tbl tr.is-sel > *{font-weight:600}
.lrn-cards.ut{grid-template-columns:repeat(2,minmax(0,1fr))}
.lrn-ut-dl{margin:0;border-top:1px solid var(--line)}
.lrn-ut-dl > div{display:grid;grid-template-columns:240px minmax(0,1fr);gap:4px 40px;padding:16px 0;border-bottom:1px solid var(--line)}
.lrn-ut-dl dt{display:flex;flex-direction:column;gap:3px}
.lrn-ut-dl dt span{font:600 15px/1.35 var(--font-sans);color:var(--ink)}
.lrn-ut-dl dt small{font:400 12px/1.3 var(--font-sans);color:var(--ink3)}
.lrn-ut-dl dd{margin:0;font-size:15px;line-height:1.6;color:var(--ink2);max-width:68ch;text-wrap:pretty}
.lrn-ut-ex{gap:12px}
.lrn-ut-src{margin-top:12px}
@media(max-width:1100px){
  .lrn-figrow.ut{grid-template-columns:minmax(0,1fr);gap:24px}
  .lrn-figrow.ut > .lrn-fig{max-width:800px}
  .lrn-figrow.ut .lrn-notes{padding:0;gap:12px}
}
@media(max-width:640px){
  .lrn-cards.ut{grid-template-columns:minmax(0,1fr)}
  .lrn-figrow.ut .lrn-mk{width:20px;height:20px;font-size:12px;line-height:17px}
  .lrn-figrow.ut .lrn-notes li{grid-template-columns:20px minmax(0,1fr)}
  .lrn-ut-close .v{font-size:30px}
  .lrn-ut-dl > div{grid-template-columns:minmax(0,1fr)}
  .lrn-ut-dl dd{font-size:14.5px}
}
/* ── Timepris: året i dagsruter, én fakturerbar time som stolpe, og timeprisen ved andre timetall ── */
.lrn-tp-main{display:flex;flex-direction:column;gap:24px}
.lrn-figrow.tp{grid-template-columns:minmax(0,808px) minmax(0,1fr)}
.lrn-figrow.tp .lrn-mk,.lrn-tp-grid .lrn-mk{width:22px;height:22px;border-width:1.5px;font-size:12px;line-height:19px}
.lrn-figrow.tp .lrn-notes li{grid-template-columns:22px minmax(0,1fr)}
.lrn-tp-steps{display:flex;align-items:flex-start;margin:4px 0 22px}
.lrn-tp-steps .s{display:flex;flex-direction:column;gap:6px;flex-shrink:0}
.lrn-tp-steps .s b{font:500 30px/34px var(--font-serif);letter-spacing:-.5px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.lrn-tp-steps .s > span{font-size:12.5px;line-height:1.35;color:var(--ink3);white-space:nowrap}
.lrn-tp-steps .a{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:6px;padding:0 12px}
.lrn-tp-steps .ln{display:flex;align-items:center;height:34px}
.lrn-tp-steps .ln i{flex:1 1 0;height:1px;background:var(--ink3)}
.lrn-tp-steps .ln svg{flex-shrink:0;margin-left:-1px;fill:none;stroke:var(--ink3);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
[dir="rtl"] .lrn-tp-steps .ln svg{transform:scaleX(-1);margin:0 -1px 0 0}
.lrn-tp-steps .t{font-size:12.5px;line-height:1.35;color:var(--ink2);text-align:center}
.lrn-tp-steps .t strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.lrn-tp-grid{height:180px}
.lrn-tp-bill{fill:var(--accent)}
.lrn-tp-adm{fill:color-mix(in oklch, var(--accent) 40%, var(--bg))}
.lrn-tp-fer{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-tp-gbr{fill:none;stroke:var(--ink3);stroke-width:1;stroke-linejoin:miter}
.lrn-tp-pr{fill:transparent}
.lrn-tp-ph{stroke:color-mix(in oklch, var(--bg) 60%, transparent);stroke-width:1.6}
html[data-theme="bw"] .lrn .lrn-tp-bill,html[data-theme="bw"] .lrn .lrn-tp-f1{fill:color-mix(in oklch, var(--ink) 90%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-tp-adm{fill:url(#lrn-tp-skrav)}
html[data-theme="bw"] .lrn .lrn-tp-pr{fill:color-mix(in oklch, var(--ink) 74%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-tp-ph{stroke:var(--bg)}
.lrn-tp-l{position:absolute;display:flex;white-space:nowrap;border-radius:3px;font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums;unicode-bidi:plaintext}
.lrn-tp-l.bg{background:var(--bg)}
.lrn-tp-l .f{font-family:var(--font-serif)}
.lrn-tp-l .c1{color:var(--ink)}
.lrn-tp-l .c2{color:var(--ink2)}
.lrn-tp-l .c3{color:var(--ink3)}
.lrn-tp-tag{position:absolute;padding:1px 7px;border-radius:3px;background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-sans);white-space:nowrap}
.lrn-tp-scrub{grid-template-columns:250px minmax(0,1fr)}
.lrn-tp-s2{display:flex;flex-direction:column;gap:32px}
.lrn-tp-bar{height:220px}
.lrn-tp-f1{fill:var(--accent)}
.lrn-tp-v2{fill:color-mix(in oklch, var(--ink) 27%, var(--bg))}
.lrn-tp-v3{fill:color-mix(in oklch, var(--accent) 40%, var(--bg))}
.lrn-tp-v4{fill:color-mix(in oklch, var(--ink) 13%, var(--bg))}
.lrn-tp-ht{fill:url(#lrn-tp-skrav2)}
.lrn-tp-gh{fill:none;stroke:var(--ink3);stroke-width:1.5;stroke-dasharray:4 3}
.lrn-tp-bbr{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linejoin:miter}
.lrn-tp-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-tp-fd > summary{list-style:none;cursor:pointer;display:none;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;box-sizing:border-box;font:500 21px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink)}
.lrn-tp-fd > summary::-webkit-details-marker{display:none}
.lrn-tp-fd > summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lrn-tp-defs{margin:0;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.lrn-tp-defs > div{display:grid;grid-template-columns:230px minmax(0,1fr);gap:4px 24px;padding:12px 0;border-bottom:1px solid var(--line)}
.lrn-tp-defs dt{font:600 14px/1.45 var(--font-sans);color:var(--ink);font-variant-numeric:tabular-nums}
.lrn-tp-defs dd{margin:0;font-size:14px;line-height:1.55;color:var(--ink2);max-width:72ch;text-wrap:pretty}
.lrn-figrow.tps{grid-template-columns:minmax(0,700px) minmax(0,1fr)}
.lrn-tp-sens{height:236px}
.lrn-tp-sg{fill:none;stroke:var(--lrn-grid);stroke-width:1}
.lrn-tp-sd{fill:none;stroke:var(--lrn-grid);stroke-width:1;stroke-dasharray:2 3}
.lrn-tp-sb{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-tp-sc{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-dasharray:6 5}
.lrn-tp-cv{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}
.lrn-tp-pt{fill:var(--bg);stroke:var(--ink);stroke-width:1.5}
.lrn-tp-pt.u{fill:var(--ink)}
.lrn-tp-side{display:flex;flex-direction:column;gap:8px;padding:30px 0 0 8px}
.lrn-tp-side p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink2);text-wrap:pretty}
.lrn-tp-side .lead{font:600 15px/1.4 var(--font-sans);color:var(--ink)}
.lrn-tp-lines{display:flex;flex-direction:column;gap:10px;padding:13px 16px;border-radius:8px;background:var(--surface-2)}
.lrn-tp-lines > div{display:grid;grid-template-columns:210px minmax(0,1fr) auto;gap:6px 16px;align-items:baseline;font-variant-numeric:tabular-nums}
.lrn-tp-lines span:first-child{font:500 12px/1.4 var(--font-sans);color:var(--ink3)}
.lrn-tp-lines span:nth-child(2){font:400 16px/1.4 var(--font-sans);color:var(--ink2)}
.lrn-tp-lines b{font:500 22px/1.2 var(--font-serif);color:var(--ink);letter-spacing:-.3px;white-space:nowrap}
/* Regnelinjene med tall leses fra venstre mot høyre også på arabisk, som i lønn ut (ellers står det «1,30 × 300» og «kr 390 =») */
[dir="rtl"] .lrn-tp-lines span:nth-child(2),[dir="rtl"] .lrn-tp-lines b{direction:ltr;text-align:right}
@media(max-width:1100px){
  .lrn-figrow.tp,.lrn-figrow.tps{grid-template-columns:minmax(0,1fr);gap:24px}
  .lrn-figrow.tp .lrn-notes,.lrn-tp-side{padding:0;gap:12px}
}
@media(max-width:640px){
  .lrn-figrow.tp .lrn-mk,.lrn-tp-grid .lrn-mk{width:20px;height:20px;font-size:12px;line-height:17px}
  .lrn-figrow.tp .lrn-notes li{grid-template-columns:20px minmax(0,1fr)}
  .lrn-tp-steps{flex-direction:column;align-items:stretch;margin:0 0 8px}
  .lrn-tp-steps .s,.lrn-tp-steps .a{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:baseline;padding:2px 0}
  .lrn-tp-steps .s{padding:8px 0 6px;border-top:1px solid var(--line-2)}
  .lrn-tp-steps .s:first-child{border-top:0}
  .lrn-tp-steps .s b{font-size:24px;line-height:1.2;text-align:right}
  .lrn-tp-steps .s > span{color:var(--ink);font-size:13px;white-space:normal}
  .lrn-tp-steps .ln{display:none}
  .lrn-tp-steps .t{display:contents}
  .lrn-tp-steps .t strong{font:400 15px/1.2 var(--font-serif);color:var(--ink2);text-align:right}
  .lrn-tp-steps .t > span{font-size:13px;color:var(--ink3);text-align:start}
  .lrn-tp-fd{border-top:1px solid var(--line-2)}
  .lrn-tp-defs > div:last-child{border-bottom:0}
  .lrn-tp-fd > summary{display:flex}
  .lrn-tp-fd[open]{padding-bottom:20px}
  .lrn-tp-card .lrn-card-l{display:none}
  .lrn-tp-defs > div{grid-template-columns:minmax(0,1fr)}
  .lrn-tp-lines > div{grid-template-columns:minmax(0,1fr) auto}
  .lrn-tp-lines span:first-child{grid-column:1 / -1}
  .lrn-tp-s2{gap:20px}
}
/* ── Foreldrefradrag: barnehageregningen i fire steg på felles kroneskala, fradraget som stiplet ramme der bare 22 % er fylt ── */
.lrn-fa-main{display:flex;flex-direction:column;gap:24px}
.lrn-fa-plot{height:452px}
.lrn-fa-bill{fill:color-mix(in oklch, var(--ink) 27%, var(--bg))}
.lrn-fa-cut{fill:url(#lrn-fa-skrav);stroke:var(--ink);stroke-width:1.25;stroke-linejoin:miter}
.lrn-fa-sb{fill:var(--bg)}
.lrn-fa-sl{stroke:var(--ink3);stroke-width:1;opacity:.55}
.lrn-fa-sk{fill:var(--accent)}
.lrn-fa-skh{fill:url(#lrn-fa-hatch)}
.lrn-fa-pr{fill:transparent}
.lrn-fa-ph{stroke:color-mix(in oklch, var(--bg) 60%, transparent);stroke-width:1.6}
.lrn-fa-ext{fill:none;stroke:var(--ink3);stroke-width:1.25;stroke-dasharray:3 4}
.lrn-fa-frame{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:6 5}
.lrn-fa-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-fa-arrow{fill:none;stroke:var(--ink);stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="bw"] .lrn .lrn-fa-bill{fill:var(--ink3)}
html[data-theme="bw"] .lrn .lrn-fa-sk{fill:var(--ink)}
html[data-theme="bw"] .lrn .lrn-fa-skh{display:none}
.lrn-fa-t{position:absolute;display:flex;flex-direction:column;font-family:var(--font-sans);font-variant-numeric:tabular-nums;white-space:nowrap;unicode-bidi:plaintext}
.lrn-fa-t > span{display:block;unicode-bidi:plaintext}
.lrn-fa-t .a{color:var(--ink)}
.lrn-fa-t .b{color:var(--ink3)}
.lrn-fa-n{position:absolute;font-family:var(--font-serif);font-weight:500;letter-spacing:-.3px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;unicode-bidi:plaintext}
.lrn-fa-n .u{font:500 12px/1 var(--font-sans);color:var(--ink3);letter-spacing:0;margin-inline-start:4px}
.lrn-fa-n small{display:block;font:400 12px/16px var(--font-sans);color:var(--ink3);letter-spacing:0;unicode-bidi:plaintext}
.lrn-fa-chip{position:absolute;padding:1px 6px;border-radius:3px;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-weight:500;line-height:18px;white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-fa-fd > summary{list-style:none;cursor:pointer;display:none;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;box-sizing:border-box;font:500 21px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink)}
.lrn-fa-fd > summary::-webkit-details-marker{display:none}
.lrn-fa-fd > summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lrn-fa-card{max-width:760px}
.lrn-fa-hr{height:1px;background:var(--line)}
.lrn-fa-card .lrn-f.n .e0{margin-inline-end:-5px}
/* Tallrekken leses fra venstre mot høyre også på arabisk, som i lønn ut og timepris */
[dir="rtl"] .lrn-fa-card .nx,[dir="rtl"] .lrn-fa-card .lrn-f b{direction:ltr;unicode-bidi:isolate}
.lrn-fa-tbl > div{max-width:560px}
.lrn-fa-tbl th small{display:block;font:400 12px/1.4 var(--font-sans);color:var(--ink3)}
.lrn-fa-tbl tr.tot th{font-weight:600}
@media(max-width:640px){
  .lrn-fa-fd{border-top:1px solid var(--line-2)}
  .lrn-fa-fd > summary{display:flex}
  .lrn-fa-fd[open]{padding-bottom:20px}
  .lrn-fa-card .lrn-card-l{display:none}
  .lrn-fa-card .lrn-f{font-size:15.5px}
  .lrn-fa-card .lrn-f.n{font-size:14.5px}
  .lrn-fa-card .lrn-f b{font-size:22px}
}
/* ── Engangsavgift: tre biler på samme kroneskala i leddene vekt § 2, vekt § 3, CO₂ og vrakpant, og CO₂-trappen ── */
.lrn-ea-main{display:flex;flex-direction:column;gap:24px}
.lrn-ea-plot{height:556px}
.lrn-ea-grid{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-ea-base{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ea-v2{fill:color-mix(in oklch, var(--ink) 27%, var(--bg));stroke:var(--bg);stroke-width:1.5}
.lrn-ea-v3{fill:color-mix(in oklch, var(--accent) 40%, var(--bg))}
.lrn-ea-v3h{fill:url(#lrn-ea-skrav);stroke:var(--bg);stroke-width:1.5}
.lrn-ea-co2{fill:var(--accent);stroke:var(--bg);stroke-width:1.5}
.lrn-ea-vrak{fill:var(--bg);stroke:var(--ink);stroke-width:1.25}
.lrn-ea-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ea-pr{fill:transparent}
.lrn-ea-ph{stroke:color-mix(in oklch, var(--bg) 60%, transparent);stroke-width:1.6}
html[data-theme="bw"] .lrn .lrn-ea-v2{fill:color-mix(in oklch, var(--ink) 90%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ea-v3{fill:color-mix(in oklch, var(--ink) 55%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ea-co2{fill:color-mix(in oklch, var(--ink) 35%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ea-pr{fill:color-mix(in oklch, var(--ink) 74%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ea-ph{stroke:var(--bg)}
.lrn-ea-sw{stroke:var(--ink);stroke-width:.8}
.lrn-ea-sw.v2{fill:color-mix(in oklch, var(--ink) 27%, var(--bg))}
.lrn-ea-sw.v3{fill:color-mix(in oklch, var(--accent) 40%, var(--bg))}
.lrn-ea-sw.co2{fill:var(--accent)}
.lrn-ea-sw.vrak{fill:var(--bg);stroke-width:1.2}
.lrn-ea-row svg .lrn-ea-v3h{stroke:none}
html[data-theme="bw"] .lrn .lrn-ea-sw.v2{fill:color-mix(in oklch, var(--ink) 90%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ea-sw.v3{fill:color-mix(in oklch, var(--ink) 55%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ea-sw.co2{fill:color-mix(in oklch, var(--ink) 35%, var(--bg))}
.lrn-ea-yt{position:absolute;font:400 12px/16px var(--font-sans);color:var(--ink3);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.lrn-ea-yt.m{padding:0 4px 0 0;background:var(--bg);font-size:11px;line-height:15px;text-align:left}
.lrn-ea-xt{position:absolute;transform:translateX(-50%);font:400 12px/16px var(--font-sans);color:var(--ink3);font-variant-numeric:tabular-nums;white-space:nowrap}
.lrn-ea-sum{position:absolute;display:flex;align-items:baseline;justify-content:center;gap:5px;white-space:nowrap}
.lrn-ea-sum .v{font-family:var(--font-serif);font-weight:500;line-height:1;letter-spacing:-.5px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-ea-sum .u{font:500 13px/1 var(--font-sans);color:var(--ink3)}
.lrn-ea-col{position:absolute;display:flex;flex-direction:column;gap:5px}
.lrn-ea-col .h{display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap}
.lrn-ea-col .n{font-weight:600;line-height:1.2;color:var(--ink)}
.lrn-ea-col .tag{display:inline-flex;align-items:center;min-height:18px;max-width:100%;padding:2px 7px;box-sizing:border-box;border:1px solid var(--ink3);border-radius:9px;font:500 11px/1.2 var(--font-sans);color:var(--ink2)}
.lrn-ea-col .tag.mine{border-color:var(--accent);color:var(--ink)}
.lrn-ea-col .d{line-height:17px;color:var(--ink3);font-variant-numeric:tabular-nums}
.lrn-ea-row{position:absolute;display:flex;gap:6px;align-items:flex-start;font:400 12px/16px var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
/* Fargeprøven er en liten svg inni etiketten; den skal ikke strekkes som grafens svg (.lrn-plot svg) */
.lrn-ea-row svg{position:static;inset:auto;width:10px;height:10px;flex-shrink:0;margin-top:3px}
.lrn-ea-row b{font-weight:600;color:var(--ink)}
/* Arabisk: forklaringen leses fra høyre også når linja starter med «CO₂», men står inntil fargeprøven */
[dir="rtl"] .lrn-ea-row > span{direction:rtl;text-align:left}
.lrn-ea-chip{position:absolute;padding:1px 6px;border-radius:3px;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-weight:500;line-height:18px;white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-ea-chip.c2{color:var(--ink2)}
.lrn-ea-tag{position:absolute;padding:1px 7px;border-radius:3px;background:var(--ink);color:var(--bg);font:600 12px/18px var(--font-sans);white-space:nowrap}
.lrn-ea-notes{padding-top:0}
.lrn-ea-tr{display:grid;grid-template-columns:minmax(0,760px) minmax(0,1fr);gap:36px;align-items:start}
.lrn-ea-tplot{height:306px}
.lrn-ea-all{fill:color-mix(in oklch, var(--ink) 8%, var(--bg))}
.lrn-ea-areah{fill:url(#lrn-ea-skrav)}
.lrn-ea-stair{fill:none;stroke:var(--ink);stroke-width:1.75;stroke-linejoin:miter}
.lrn-ea-car{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3}
.lrn-ea-side{display:flex;flex-direction:column;gap:20px;padding-top:29px;min-width:0}
.lrn-scrub.lrn-ea-scrub{display:flex;flex-direction:column;align-items:stretch;gap:14px}
.lrn-dl.lrn-ea-dl{grid-template-columns:repeat(3,minmax(0,1fr))}
.lrn-ea-card .lrn-p{margin:0;font-size:15px;line-height:1.55;color:var(--ink2)}
/* Tallrekken leses fra venstre mot høyre også på arabisk */
[dir="rtl"] .lrn-ea-card .nx,[dir="rtl"] .lrn-ea-card .lrn-f b{direction:ltr;unicode-bidi:isolate}
.lrn-ea-fd > summary{list-style:none;cursor:pointer;display:none;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;box-sizing:border-box;font:500 21px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink)}
.lrn-ea-fd > summary::-webkit-details-marker{display:none}
.lrn-ea-fd > summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lrn-ea-rs{gap:12px}
.lrn-ea-rates > div{max-width:760px}
.lrn-ea-tbl > div{max-width:860px}
.lrn-ea-tbl tr.d > *{font-family:var(--font-sans);font-size:13px;font-weight:400;color:var(--ink2)}
.lrn-ea-tbl tr.tot > *{font-weight:600}
@media(max-width:1100px){
  .lrn-ea-tr{grid-template-columns:minmax(0,1fr);gap:24px}
  .lrn-ea-tr > .lrn-fig{max-width:760px}
  .lrn-ea-side{padding-top:0}
}
@media(max-width:640px){
  .lrn-ea-seg{display:flex;width:100%}
  .lrn-ea-seg button{flex:1 1 0;min-height:44px;padding:0 6px}
  .lrn-ea-rh{display:none}
  .lrn-ea-fd{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line)}
  .lrn-sec:has(.lrn-ea-scrub) + .lrn-ea-rs > .lrn-ea-fd{border-top:0}
  .lrn-ea-fd > summary{display:flex}
  .lrn-ea-fd[open]{padding-bottom:20px}
  .lrn-dl.lrn-ea-dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
  .lrn-dl.lrn-ea-dl > :last-child:nth-child(odd){grid-column:1/-1}
  .lrn-ea-xt,.lrn-ea-yt{font-size:11px}
  .lrn-ea-tbl tr.d td{white-space:normal}
  .lrn-ea-tbl tbody th{font-size:12.5px}
  .lrn-ea-tbl td{font-size:13.5px}
}
/* ── Aksjeutvanning: to kvadrater der arealet er kroner, eierblokken, investoren som L-bånd og poolen som stripe ── */
.lrn-ak-main{display:flex;flex-direction:column;gap:20px}
.lrn-ak-plot{height:468px}
.lrn-ak-base{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ak-you{fill:var(--accent);stroke:var(--bg);stroke-width:1.5}
.lrn-ak-co{fill:color-mix(in oklch, var(--accent) 40%, var(--bg));stroke:var(--bg);stroke-width:1.5}
.lrn-ak-inv{fill:color-mix(in oklch, var(--ink) 27%, var(--bg));stroke:var(--bg);stroke-width:1.5}
.lrn-ak-pool{fill:color-mix(in oklch, var(--ink) 13%, var(--bg));stroke:var(--bg);stroke-width:1.5}
.lrn-ak-hov{fill:url(#lrn-ak-hoved)}
.lrn-ak-skr{fill:url(#lrn-ak-skrav)}
.lrn-ak-hl{stroke:color-mix(in oklch, var(--ink2) 35%, transparent);stroke-width:2}
.lrn-ak-pr{fill:transparent}
.lrn-ak-ph{stroke:color-mix(in oklch, var(--bg) 60%, transparent);stroke-width:1.6}
.lrn-ak-ghost{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:6 5}
.lrn-ak-help{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:2 3}
.lrn-ak-brk{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-ak-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ak-dot{fill:var(--ink)}
html[data-theme="bw"] .lrn .lrn-ak-you{fill:color-mix(in oklch, var(--ink) 90%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ak-co{fill:color-mix(in oklch, var(--ink) 55%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ak-pr{fill:color-mix(in oklch, var(--ink) 74%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ak-ph{stroke:var(--bg)}
.lrn-ak-t{position:absolute;white-space:nowrap;font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums;unicode-bidi:plaintext}
.lrn-ak-t.a{color:var(--ink)}
.lrn-ak-t.b{color:var(--ink2)}
.lrn-ak-t.c{color:var(--ink3)}
.lrn-ak-t.bg{padding:2px 5px;border-radius:3px;background:var(--bg)}
.lrn-ak-t .u{font-family:var(--font-sans);font-weight:400;color:var(--ink3)}
.lrn-ak-chip{position:absolute;display:flex;flex-direction:column;border-radius:3px;background:var(--bg);white-space:nowrap;unicode-bidi:plaintext}
.lrn-ak-chip .n{font-family:var(--font-sans);font-weight:600;color:var(--ink)}
.lrn-ak-chip .p{font-family:var(--font-serif);font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.lrn-ak-chip .k{font-family:var(--font-sans);line-height:16px;color:var(--ink3);font-variant-numeric:tabular-nums}
.lrn-ak-sent{font-size:17px}
.lrn-ak-fd > summary{list-style:none;cursor:pointer;display:none;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;box-sizing:border-box;font:500 21px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink)}
.lrn-ak-fd > summary::-webkit-details-marker{display:none}
.lrn-ak-fd > summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lrn-ak-card{gap:16px}
.lrn-ak-row{display:grid;grid-template-columns:140px minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:center}
.lrn-ak-row + .lrn-ak-row{padding-top:16px;border-top:1px solid var(--line)}
.lrn-ak-row .l{font:600 14px/1.3 var(--font-sans);color:var(--ink)}
/* Tallrekken leses fra venstre mot høyre også på arabisk */
[dir="rtl"] .lrn-ak-card .nx,[dir="rtl"] .lrn-ak-card .lrn-f b{direction:ltr;unicode-bidi:isolate}
@media(max-width:1100px){
  .lrn-ak-row{grid-template-columns:150px minmax(0,1fr);gap:8px 20px}
  .lrn-ak-row > .lrn-f.n{grid-column:2}
}
@media(max-width:640px){
  .lrn-ak-seg{display:flex;width:100%}
  .lrn-ak-seg button{flex:1 1 0;min-height:44px;padding:0 8px}
  .lrn-ak-sent{font-size:15px}
  .lrn-ak-fh{display:none}
  .lrn-also.lrn-ak-calc{border-top:0;padding-top:0}
  .lrn-ak-fd{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line)}
  .lrn-ak-fd > summary{display:flex}
  .lrn-ak-fd[open]{padding-bottom:20px}
  .lrn-ak-row{grid-template-columns:minmax(0,1fr);gap:8px}
  .lrn-ak-row > .lrn-f.n{grid-column:auto}
  .lrn-ak-row .l{font:500 12px/1 var(--font-sans);letter-spacing:.2px;color:var(--ink3)}
  .lrn-ak-card .lrn-f{font-size:15.5px}
  .lrn-ak-card .lrn-f.n{font-size:14.5px}
  .lrn-ak-card .lrn-f b{font-size:22px}
}
/* ── Oppslagene i bokføringsserien (regnskap): seksjoner med liten overskrift i versaler, regelsettene
      side om side, hjemmel med lovtekst og standarder, vanlige feil med merker i grafen, dokumentasjon ── */
.lrn-ed{padding-top:32px;border-top:1px solid var(--line-2)}
.lrn-ed.side{display:grid;grid-template-columns:340px minmax(0,1fr);column-gap:56px;align-items:start}
.lrn-ed.side > .lrn-head{max-width:340px}
.lrn-eb{font:600 11px/1 var(--font-sans);letter-spacing:1.9px;text-transform:uppercase;color:var(--accent-2)}
.lrn-h2 em{font-style:italic;font-weight:500;color:var(--accent-2)}
.lrn-lede.s{font-size:14px;line-height:1.55;color:var(--ink3)}
/* Tallmerket som lenker til samme merke i grafen */
.lrn-mkl{display:inline-block;width:20px;height:20px;box-sizing:border-box;border-radius:50%;background:var(--bg);border:1.5px solid var(--ink);color:var(--ink);font:600 12px/17px var(--font-sans);text-align:center;text-decoration:none;font-variant-numeric:tabular-nums;flex-shrink:0}
.lrn-lede .lrn-mkl{margin-left:6px;vertical-align:middle}
.lrn-mkl:hover{background:var(--ink);color:var(--bg)}
.lrn-mkl:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Regelsettene: terskelen er felles og står én gang i midten, noten varierer */
.lrn-rules{display:flex;flex-direction:column}
.lrn-rules table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.lrn-rules col.a{width:260px}
.lrn-rules col.b{width:220px}
.lrn-rules thead th{text-align:start;vertical-align:bottom;padding:0 16px 10px 0;border-bottom:1px solid var(--line-2);font:500 12px/1.2 var(--font-sans);color:var(--ink3)}
.lrn-rules thead th.c{text-align:center;padding:0 12px 10px}
.lrn-rules thead th.n{padding:0 0 10px 20px}
.lrn-rules tbody th{text-align:start;vertical-align:top;padding:20px 16px 20px 0;border-bottom:1px solid var(--line);font-weight:400}
.lrn-rules tbody th .t{display:block;font:500 17px/1.3 var(--font-serif);color:var(--ink)}
.lrn-rules tbody th .s{display:block;margin-top:4px;font:400 12.5px/1.4 var(--font-sans);color:var(--ink3)}
.lrn-rules td.thr{vertical-align:middle;text-align:center;padding:0 20px;background:var(--surface-2);border-radius:8px;font:500 24px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink);text-wrap:balance}
.lrn-rules td.n{vertical-align:top;padding:20px 0 20px 20px;border-bottom:1px solid var(--line);font:400 14.5px/1.55 var(--font-sans);color:var(--ink2);text-wrap:pretty}
.lrn-rules-thr{display:none}
.lrn-fn{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--line);display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;font-size:13px;line-height:1.6;color:var(--ink3);max-width:90ch}
.lrn-fn + .lrn-fn{margin-top:8px;padding-top:0;border-top:0}
.lrn-fn > span{grid-column:2;text-wrap:pretty}
.lrn-fn .lrn-mkl{margin-top:1px}
.lrn-fn strong{font-weight:600;color:var(--ink2)}
/* Hjemmel: lovteksten siteres, standardene omtales bare (stiplet ramme) */
.lrn-hj-fd > summary{list-style:none;cursor:pointer;display:none;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;box-sizing:border-box;font:500 21px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink)}
.lrn-hj-fd > summary::-webkit-details-marker{display:none}
.lrn-hj-fd > summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lrn-hj{display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:48px;align-items:start}
.lrn-hj > div{display:flex;flex-direction:column;gap:10px;min-width:0}
.lrn-hj-l{font:600 11px/1 var(--font-sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--ink3)}
.lrn-law{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.lrn-law li{padding:18px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.lrn-law p{margin:0;font:400 15.5px/1.6 var(--font-sans);color:var(--ink2);text-wrap:pretty}
.lrn-law .t{font:500 18px/1.35 var(--font-serif);color:var(--ink)}
.lrn-law blockquote{margin:0;padding:2px 0 2px 16px;border-left:2px solid var(--accent);font:italic 400 16px/1.6 var(--font-serif);color:var(--ink);text-wrap:pretty}
.lrn-std{list-style:none;margin:0;padding:2px 18px;border:1px dashed var(--ink3);border-radius:8px}
.lrn-std li{padding:16px 0;border-bottom:1px dashed var(--ink4);display:flex;flex-direction:column;gap:4px}
.lrn-std li:last-child{border-bottom:0}
.lrn-std .t{font:600 14.5px/1.4 var(--font-sans);color:var(--ink2)}
.lrn-std .d{font:400 14px/1.55 var(--font-sans);color:var(--ink3);text-wrap:pretty}
.lrn-ext{margin:4px 0 0;font-size:14px}
.lrn-ext a{display:inline-flex;align-items:center;min-height:24px;color:var(--accent-2);text-decoration:none}
.lrn-ext a > span:first-child{border-bottom:1px solid var(--line-warm)}
.lrn-ext svg{flex-shrink:0;margin-left:6px;fill:none;stroke:var(--accent-2);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.lrn-ext a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Vanlige feil: nummeret er samme merke som i grafen, og lenker dit */
.lrn-err-w{display:flex;flex-direction:column;gap:10px;min-width:0}
.lrn-err-hint{margin:0;font-size:13px;line-height:1.5;color:var(--ink3)}
.lrn-err{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lrn-err li{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;padding:16px 0;border-bottom:1px solid var(--line);scroll-margin-top:120px}
.lrn-err li > span:first-child{display:flex;justify-content:center}
.lrn-err li > span:last-child{font:400 15px/1.65 var(--font-sans);color:var(--ink2);text-wrap:pretty}
.lrn-err strong{color:var(--ink);font-weight:600}
.lrn-err a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-11px -3px 0;text-decoration:none;flex-shrink:0;border-radius:50%}
.lrn-err a > span{width:22px;height:22px;box-sizing:border-box;border-radius:50%;background:var(--bg);border:1.5px solid var(--ink);color:var(--ink);font:600 12px/19px var(--font-sans);text-align:center;font-variant-numeric:tabular-nums}
.lrn-err a:hover > span,.lrn-err li:target a > span{background:var(--ink);color:var(--bg)}
.lrn-err a:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.lrn-docs{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.lrn-docs li{padding:16px 0;border-bottom:1px solid var(--line);font:400 15px/1.65 var(--font-sans);color:var(--ink2);text-wrap:pretty}
.lrn-docs strong{color:var(--ink);font-weight:600}
.lrn-rel.one ul{grid-template-columns:minmax(0,1fr)}

/* ── Avsetninger: beslutningstreet. Fire spørsmål i fast rekkefølge, seks utganger, fire utfall.
      Aktiv sti tykk og mørk, resten hårstrek og dempet. Tegningen har faste mål og skaleres som helhet. ── */
.lrn-ap-plot{position:relative;width:100%}
.lrn-ap-canvas{position:absolute;left:0;top:0;transform-origin:0 0}
.lrn-ap-canvas svg{position:absolute;left:0;top:0;overflow:visible}
.lrn-ap-ln{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ap-ln.on{stroke:var(--ink);stroke-width:2}
.lrn-ap-bg{fill:var(--bg)}
.lrn-ap-z0{fill:none;stroke:var(--ink3);stroke-width:1;opacity:.55}
.lrn-ap-z1{fill:color-mix(in oklch, var(--ink) 12%, var(--bg));stroke:var(--ink3);stroke-width:1;opacity:.55}
.lrn-ap-zh{fill:url(#lrn-ap-skrav);opacity:.55}
.lrn-ap-zsel{fill:var(--accent);stroke:var(--ink);stroke-width:2}
.lrn-ap-hl{stroke:var(--ink2);stroke-width:2}
.lrn-ap-pr{fill:transparent}
.lrn-ap-ph{stroke:color-mix(in oklch, var(--bg) 60%, transparent);stroke-width:1.6}
.lrn-ap-rg{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ap-node{fill:var(--bg);stroke:var(--ink3);stroke-width:1.5}
.lrn-ap-node.is-ans{fill:var(--ink);stroke:var(--ink)}
.lrn-ap-node.is-next{stroke:var(--ink);stroke-width:3}
.lrn-ap-pt{fill:var(--ink);stroke:var(--bg);stroke-width:2}
/* Svart-hvitt: aktiv sti 3 px mot 1 px, valgt sone skravert i stedet for fylt */
html[data-theme="bw"] .lrn .lrn-ap-ln.on{stroke-width:3}
html[data-theme="bw"] .lrn .lrn-ap-ln.on.fix{stroke-width:2}
html[data-theme="bw"] .lrn .lrn-ap-zsel{fill:url(#lrn-ap-hoved);stroke-width:3}
html[data-theme="bw"] .lrn .lrn-ap-pr{fill:color-mix(in oklch, var(--ink) 74%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ap-ph{stroke:var(--bg)}
.lrn-ap-t{position:absolute;white-space:nowrap;font-family:var(--font-sans);font-weight:400;color:var(--ink2);border-radius:3px;box-sizing:border-box;font-variant-numeric:tabular-nums lining-nums}
.lrn-ap-t.nm{font-family:var(--font-serif);font-weight:500;color:var(--ink3)}
.lrn-ap-t.nm.on,.lrn-ap-t.i1{color:var(--ink)}
.lrn-ap-t.tag{padding:1px 7px;border:1px solid var(--ink3);background:var(--bg);font-weight:500;color:var(--ink3)}
.lrn-ap-t.tag.is-next{border-color:var(--ink);font-weight:600;color:var(--ink)}
.lrn-ap-t.ans{font-weight:500;color:var(--ink3)}
.lrn-ap-t.ans.on{font-weight:600;color:var(--ink)}
.lrn-ap-t.bg{padding:0 6px;background:var(--bg)}
.lrn-ap-t.zr{font-family:var(--font-serif);font-weight:500;color:var(--ink2)}
.lrn-ap-t.zr.on{font-weight:600;color:var(--ink)}
.lrn-ap-t.zn{color:var(--ink3)}
.lrn-ap-t.zn.on{color:var(--ink2)}
.lrn-ap-t.chip{padding:1px 7px;background:var(--ink);font-weight:600;color:var(--bg)}
/* Utfallene: rammen sier hvor tungt utfallet er, og blir tykk og mørk når stien ender der */
.lrn-ap-term{position:absolute;box-sizing:border-box;border:1px solid var(--ink3);border-radius:6px;background:var(--bg);display:flex;flex-direction:column;justify-content:center;gap:3px}
.lrn-ap-term.ingen{border-style:dashed}
.lrn-ap-term.note{border-width:1.5px}
.lrn-ap-term.avsetning{border-width:2px}
.lrn-ap-term.on{border-color:var(--ink);border-style:solid;border-width:2px}
.lrn-ap-term.note.on{border-width:2.5px}
.lrn-ap-term.avsetning.on{border-width:3px}
html[data-theme="bw"] .lrn .lrn-ap-term.on{border-width:3px}
html[data-theme="bw"] .lrn .lrn-ap-term.note.on{border-width:3.5px}
html[data-theme="bw"] .lrn .lrn-ap-term.avsetning.on{border-width:4px}
.lrn-ap-term .h{display:flex;align-items:baseline;gap:8px}
.lrn-ap-term .pre{font:500 12.5px/1.2 var(--font-sans);color:var(--ink3);white-space:nowrap}
.lrn-ap-term .n{font-family:var(--font-serif);font-weight:500;line-height:1.15;letter-spacing:-.2px;color:var(--ink3)}
.lrn-ap-term.avsetning .n{font-weight:600}
.lrn-ap-term .l{font-family:var(--font-sans);font-weight:400;line-height:1.4;color:var(--ink3);text-wrap:pretty}
.lrn-ap-term.on .pre,.lrn-ap-term.on .n{color:var(--ink)}
.lrn-ap-term.on .l{color:var(--ink2)}
.lrn-ap-flag{position:absolute;font:500 12.5px/18px var(--font-sans);color:var(--accent-2);text-decoration:none;white-space:nowrap;pointer-events:auto}
.lrn-ap-flag span{border-bottom:1px solid var(--line-warm)}
.lrn-ap-flag:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lrn-ap-plot.m .lrn-ap-flag{font-size:11px;line-height:14px;white-space:normal}
.lrn-ap-mk{position:absolute;display:flex;align-items:center;justify-content:center;text-decoration:none;pointer-events:auto;border-radius:50%;scroll-margin-top:120px}
.lrn-ap-mk > span{width:22px;height:22px;box-sizing:border-box;border-radius:50%;background:var(--bg);border:1.5px solid var(--ink);color:var(--ink);font:600 12px/19px var(--font-sans);text-align:center;font-variant-numeric:tabular-nums}
.lrn-ap-plot.m .lrn-ap-mk > span{width:20px;height:20px;font-size:12px;line-height:17px}
.lrn-ap-mk:hover > span,.lrn-ap-mk:target > span{background:var(--ink);color:var(--bg)}
.lrn-ap-mk:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}

@media(max-width:1100px){
  .lrn-rules col.a{width:200px}
  .lrn-rules col.b{width:170px}
  .lrn-rules td.thr{font-size:20px}
  .lrn-ed.side{grid-template-columns:260px minmax(0,1fr);column-gap:40px}
  .lrn-ed.side > .lrn-head{max-width:260px}
}
@media(max-width:900px){
  .lrn-ed.side{display:flex;flex-direction:column;align-items:stretch;gap:28px}
  .lrn-ed.side > .lrn-head{max-width:760px}
  .lrn-hj{grid-template-columns:minmax(0,1fr);row-gap:32px}
}
@media(max-width:640px){
  .lrn-ed{padding-top:24px}
  .lrn-ed.side{gap:20px}
  /* Regelsettene som kort, med den felles terskelen i en egen boks over */
  .lrn-rules{gap:12px}
  .lrn-rules-thr{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--surface-2);border-radius:8px}
  .lrn-rules-thr .l{font:500 12px/1 var(--font-sans);letter-spacing:.2px;color:var(--ink3)}
  .lrn-rules-thr .v{font:500 22px/1.2 var(--font-serif);letter-spacing:-.3px;color:var(--ink)}
  .lrn-rules thead,.lrn-rules td.thr{display:none}
  .lrn-rules table,.lrn-rules tbody{display:flex;flex-direction:column;gap:12px}
  .lrn-rules tr{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
  .lrn-rules tbody th,.lrn-rules td.n{display:block;padding:0;border:0}
  .lrn-rules tbody th .t{font-size:18px}
  .lrn-rules td.n::before{content:attr(data-l);display:block;margin-bottom:5px;font:500 12px/1 var(--font-sans);letter-spacing:.2px;color:var(--ink3)}
  .lrn-fn{grid-template-columns:28px minmax(0,1fr);margin-top:14px}
  .lrn-hj-fd{border-top:1px solid var(--line-2);border-bottom:1px solid var(--line)}
  .lrn-ed:has(> .lrn-hj-fd:last-child) + .lrn-ed{border-top:0;padding-top:0}
  .lrn-hj-fd > summary{display:flex}
  .lrn-hj{row-gap:24px;padding:0 0 20px}
  .lrn-law li{padding:14px 0}
  .lrn-law p{font-size:15px}
  .lrn-law .t{font-size:17px}
  .lrn-law blockquote{font-size:15.5px}
  .lrn-std{padding:2px 14px}
  .lrn-std li{padding:14px 0}
  .lrn-ext a{min-height:44px}
  .lrn-err li{grid-template-columns:30px minmax(0,1fr);padding:14px 0}
  .lrn-err a{margin:-11px -7px 0}
  .lrn-err a > span{width:20px;height:20px;font-size:12px;line-height:17px}
  .lrn-docs li{padding:14px 0}
}

/* ── Balansen: to søyler med samme kroneskala. Eiendelene til venstre, finansieringen til høyre. Hullet stiplet
      på den laveste søylen. Mønstrene ligger i en egen, usynlig SVG og brukes også av de fire små eksemplene. ── */
.lrn-ba-defs{position:absolute;width:0;height:0;overflow:hidden}
.lrn-ba-plot{position:relative;width:100%}
.lrn-ba-plot > svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.lrn-ba-grid{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-ba-base{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ba-help{fill:none;stroke:var(--ink3);stroke-width:1;stroke-dasharray:2 3}
.lrn-ba-oml,.lrn-ba-gl{fill:color-mix(in oklch, var(--ink) 27%, var(--bg));stroke:var(--bg);stroke-width:1.5}
.lrn-ba-anl{fill:color-mix(in oklch, var(--accent) 42%, var(--bg));stroke:var(--bg);stroke-width:1.5}
.lrn-ba-gk{fill:color-mix(in oklch, var(--ink) 12%, var(--bg));stroke:var(--bg);stroke-width:1.5}
.lrn-ba-ek{fill:var(--accent);stroke:var(--bg);stroke-width:1.5}
.lrn-ba-hov{fill:url(#lrn-ba-hoved)}
.lrn-ba-prk{fill:url(#lrn-ba-prikk)}
.lrn-ba-skr{fill:url(#lrn-ba-skrav)}
.lrn-ba-wcd{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:4 3}
.lrn-ba-part{fill:none;stroke:var(--bg);stroke-width:1;opacity:.9}
.lrn-ba-wc{fill:none;stroke:var(--ink);stroke-width:1}
.lrn-ba-ghost{fill:url(#lrn-ba-skrav);stroke:var(--ink3);stroke-width:1;stroke-dasharray:3 3}
.lrn-ba-hole{fill:none;stroke:var(--ink);stroke-width:1.5;stroke-dasharray:6 5}
.lrn-ba-brk{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-ba-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ba-hl{stroke:var(--ink2);stroke-width:2}
.lrn-ba-dot{fill:var(--ink2)}
.lrn-ba-pr{fill:transparent}
.lrn-ba-ph{stroke:color-mix(in oklch, var(--bg) 60%, transparent);stroke-width:1.6}
/* Svart-hvitt: fire grånivåer, og skravuren får lys bunn så den synes */
html[data-theme="bw"] .lrn .lrn-ba-ek{fill:color-mix(in oklch, var(--ink) 92%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ba-anl{fill:color-mix(in oklch, var(--ink) 60%, var(--bg))}
html[data-theme="bw"] .lrn :is(.lrn-ba-oml,.lrn-ba-gl){fill:color-mix(in oklch, var(--ink) 34%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ba-gk{fill:color-mix(in oklch, var(--ink) 15%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ba-pr{fill:color-mix(in oklch, var(--ink) 74%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ba-ph{stroke:var(--bg)}
.lrn-ba-t{position:absolute;display:flex;white-space:nowrap;font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums}
.lrn-ba-t > span,.lrn-ba-chip > span{unicode-bidi:plaintext}
.lrn-ba-chip{position:absolute;display:flex;flex-direction:column;border-radius:3px;background:var(--bg);white-space:nowrap;font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums}
.lrn-ba-plot .a{color:var(--ink)}
.lrn-ba-plot .b{color:var(--ink2)}
.lrn-ba-plot .c{color:var(--ink3)}
.lrn-ba-plot .u{font-family:var(--font-sans)}
.lrn-ba-mk{position:absolute;width:22px;height:22px;box-sizing:border-box;border-radius:50%;background:var(--bg);border:1.5px solid var(--ink);color:var(--ink);font:600 12px/19px var(--font-sans);text-align:center;font-variant-numeric:tabular-nums}
.lrn-ba-plot.m .lrn-ba-mk{width:20px;height:20px;font-size:12px;line-height:17px}
/* Merknadene: samme merke som i grafen */
.lrn-ba-notes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px}
.lrn-ba-notes:empty{display:none}
.lrn-ba-notes li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start}
.lrn-ba-notes .lrn-ba-mk{position:static}
.lrn-ba-notes li > span:last-child{font-size:14px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
.lrn-ba-sent{font-size:17px;font-variant-numeric:tabular-nums}
/* Når søylene ikke er like høye: fire små eksempler */
.lrn-ba-hull{padding-top:32px;border-top:1px solid var(--line-2);gap:20px}
.lrn-ba-hull > p{margin:0;font-size:15px;line-height:1.6;color:var(--ink2);max-width:72ch;text-wrap:pretty}
.lrn-ba-cases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.lrn-ba-case{display:flex;flex-direction:column;gap:12px;min-width:0}
.lrn-ba-sm{position:relative;width:100%;max-width:261px;aspect-ratio:261/130}
.lrn-ba-sm svg,.lrn-ba-smm svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lrn-ba-sm .v{position:absolute;padding:1px 6px;border-radius:3px;background:var(--bg);color:var(--ink);font:600 11px/14px var(--font-sans);white-space:nowrap;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-ba-sm .x{position:absolute;width:39.85%;text-align:center;font:500 11px/14px var(--font-sans);color:var(--ink3);white-space:nowrap}
.lrn-ba-smm{display:none}
.lrn-ba-case .tx{display:flex;flex-direction:column;gap:6px;min-width:0}
.lrn-ba-case h4{margin:0;font:600 14.5px/1.35 var(--font-sans);color:var(--ink)}
.lrn-ba-case p{margin:0;font-size:14px;line-height:1.55;color:var(--ink2);text-wrap:pretty}
@media(max-width:1100px){
  .lrn-ba-notes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lrn-ba-cases{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .lrn-ba-notes{display:flex;flex-direction:column;gap:12px}
  .lrn-ba-notes li{grid-template-columns:20px minmax(0,1fr);gap:10px}
  .lrn-ba-notes .lrn-ba-mk{width:20px;height:20px;font-size:12px;line-height:17px}
  .lrn-ba-sent{font-size:15px}
  .lrn-ba-hull{padding-top:24px;gap:14px}
  .lrn-ba-cases{display:flex;flex-direction:column;gap:0}
  .lrn-ba-case{display:grid;grid-template-columns:104px minmax(0,1fr);gap:16px;align-items:start;padding:16px 0;border-top:1px solid var(--line)}
  .lrn-ba-sm{display:none}
  .lrn-ba-smm{display:block;position:relative;width:104px;height:90px}
  .lrn-ba-case .tx{gap:5px}
  .lrn-ba-case p{line-height:1.5}
}

/* ── Kontantstrømmen: broen fra resultat før skatt til netto endring i kontanter. Hver stolpe starter der forrige
      sluttet. Drift i aksentfarge, investering skravert, finansiering prikket. Delsummene har ramme. ── */
.lrn-ks-defs{position:absolute;width:0;height:0;overflow:hidden}
.lrn-ks-plot{position:relative;width:100%}
.lrn-ks-plot > svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.lrn-ks-row{fill:none;stroke:var(--line);stroke-width:1}
.lrn-ks-grid{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-ks-zl{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ks-zero{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-ks-conn{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-ks-bd{fill:var(--accent)}
.lrn-ks-bi{fill:color-mix(in oklch, var(--ink) 27%, var(--bg))}
.lrn-ks-bf{fill:color-mix(in oklch, var(--accent) 42%, var(--bg))}
.lrn-ks-oi{fill:url(#lrn-ks-hoved)}
.lrn-ks-of{fill:url(#lrn-ks-prikk)}
.lrn-ks-hl{stroke:var(--ink2);stroke-width:2}
.lrn-ks-pd{fill:var(--bg)}
.lrn-ks-frame{fill:none;stroke:var(--ink);stroke-width:1.25}
.lrn-ks-brk{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-ks-key{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-ks-keyl{fill:none;stroke:var(--line);stroke-width:1}
.lrn-ks-panel{fill:var(--bg);stroke:var(--line-2);stroke-width:1}
html[data-theme="bw"] .lrn .lrn-ks-bd{fill:color-mix(in oklch, var(--ink) 92%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ks-bi{fill:color-mix(in oklch, var(--ink) 34%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-ks-bf{fill:color-mix(in oklch, var(--ink) 60%, var(--bg))}
.lrn-ks-t{position:absolute;display:flex;white-space:nowrap;font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums}
.lrn-ks-t > span{unicode-bidi:plaintext}
.lrn-ks-t.a{color:var(--ink)}
.lrn-ks-t.b{color:var(--ink2)}
.lrn-ks-t.c{color:var(--ink3)}
.lrn-ks-t.bg > span{background:var(--bg)}
/* Aktivitetsnavnet på langs ved båndet */
.lrn-ks-gl{position:absolute;width:16px;writing-mode:vertical-rl;transform:rotate(180deg);text-align:end;font:500 11px/16px var(--font-sans);letter-spacing:.3px;color:var(--ink3);white-space:nowrap;overflow:hidden}
.lrn-ks-mk{position:absolute;width:22px;height:22px;box-sizing:border-box;border-radius:50%;background:var(--bg);border:1.5px solid var(--ink);color:var(--ink);font:600 12px/19px var(--font-sans);text-align:center;font-variant-numeric:tabular-nums}
.lrn-ks-plot.m .lrn-ks-mk{width:20px;height:20px;font-size:12px;line-height:17px}
.lrn-ks-notes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px}
.lrn-ks-notes:empty{display:none}
.lrn-ks-notes li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;align-items:start}
.lrn-ks-notes .lrn-ks-mk{position:static}
.lrn-ks-notes li > span:last-child{font-size:14px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
.lrn-ks-close{font-size:17px;font-variant-numeric:tabular-nums}
.lrn-ks-src{margin:0;font-size:12.5px;line-height:1.6;color:var(--ink3);max-width:76ch;text-wrap:pretty}
@media(max-width:1100px){
  .lrn-ks-notes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .lrn-ks-notes{display:flex;flex-direction:column;gap:12px}
  .lrn-ks-notes li{grid-template-columns:20px minmax(0,1fr);gap:10px}
  .lrn-ks-notes .lrn-ks-mk{width:20px;height:20px;font-size:12px;line-height:17px}
  .lrn-ks-close{font-size:15px}
}

/* ── MVA-meldingen: utgående og inngående MVA som to stolper på samme kroneskala, delt per sats. 25 % flate,
      15 % skravert, 12 % prikket, retting stiplet. Klammen viser differansen. Under: årsbåndet med terminer og frister. ── */
.lrn-mv-defs{position:absolute;width:0;height:0;overflow:hidden}
.lrn-mv-plot{position:relative;width:100%}
.lrn-mv-plot > svg,.lrn-mv-bandd > svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.lrn-mv-grid{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-mv-s25{fill:color-mix(in oklch, var(--ink) 27%, var(--bg));stroke:var(--bg);stroke-width:1.5}
.lrn-mv-s15{fill:color-mix(in oklch, var(--accent) 42%, var(--bg))}
.lrn-mv-s15o{fill:url(#lrn-mv-skrav);stroke:var(--bg);stroke-width:1.5}
.lrn-mv-s12{fill:url(#lrn-mv-prikk);stroke:var(--ink2);stroke-width:1}
.lrn-mv-adj{fill:var(--bg);stroke:var(--ink);stroke-width:1.25;stroke-dasharray:5 4}
.lrn-mv-zero{fill:none;stroke:var(--ink);stroke-width:2}
.lrn-mv-guide{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3}
.lrn-mv-br{fill:none;stroke:var(--ink);stroke-width:1.5}
.lrn-mv-lead{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-mv-pr{fill:transparent}
.lrn-mv-ph{stroke:color-mix(in oklch, var(--bg) 60%, transparent);stroke-width:1.6}
.lrn-mv-pb{fill:var(--bg)}
.lrn-mv-pd{fill:var(--ink2)}
html[data-theme="bw"] .lrn :is(.lrn-mv-s25,.lrn-mv-k25){fill:color-mix(in oklch, var(--ink) 92%, var(--bg))}
html[data-theme="bw"] .lrn :is(.lrn-mv-s15,.lrn-mv-k15){fill:color-mix(in oklch, var(--ink) 60%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-mv-pr{fill:color-mix(in oklch, var(--ink) 74%, var(--bg))}
html[data-theme="bw"] .lrn .lrn-mv-ph{stroke:var(--bg)}
.lrn-mv-t{position:absolute;display:flex;white-space:nowrap;font-family:var(--font-sans);font-variant-numeric:tabular-nums lining-nums}
.lrn-mv-t > span{unicode-bidi:plaintext}
.lrn-mv-t.a{color:var(--ink)}
.lrn-mv-t.c{color:var(--ink3)}
.lrn-mv-seglab{position:absolute;display:flex;flex-direction:column;gap:1px;padding:2px 6px;border-radius:3px;background:var(--bg);white-space:nowrap;font-variant-numeric:tabular-nums}
.lrn-mv-seglab .n{font:600 12px/16px var(--font-sans);color:var(--ink);unicode-bidi:plaintext}
.lrn-mv-seglab .c{font:400 12px/16px var(--font-sans);color:var(--ink2);unicode-bidi:plaintext}
.lrn-mv-ti{position:absolute;left:0;width:172px;display:flex;flex-direction:column;gap:3px}
.lrn-mv-ti .t1{font:600 15px/1.25 var(--font-sans);color:var(--ink)}
.lrn-mv-ti .t2{font:400 12px/1.4 var(--font-sans);color:var(--ink3)}
.lrn-mv-mt{position:absolute;left:0;right:0;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.lrn-mv-mt > span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.lrn-mv-mt .t1{font:600 14px/1.25 var(--font-sans);color:var(--ink)}
.lrn-mv-mt .t2{font:400 11px/1.35 var(--font-sans);color:var(--ink3)}
.lrn-mv-mt .tot{font:500 22px/1 var(--font-serif);letter-spacing:-.4px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;unicode-bidi:plaintext}
.lrn-mv-key{position:absolute;left:0;right:0;display:flex;align-items:center;gap:8px;white-space:nowrap;font-variant-numeric:tabular-nums}
.lrn-mv-key svg{flex-shrink:0}
.lrn-mv-key .n{font:600 11px/16px var(--font-sans);color:var(--ink);unicode-bidi:plaintext}
.lrn-mv-key .c{font:400 11px/16px var(--font-sans);color:var(--ink2);unicode-bidi:plaintext}
.lrn-mv-k25{fill:color-mix(in oklch, var(--ink) 27%, var(--bg));stroke:var(--ink);stroke-width:.8}
.lrn-mv-k15{fill:color-mix(in oklch, var(--accent) 42%, var(--bg));stroke:var(--ink);stroke-width:.8}
.lrn-mv-k15o{fill:url(#lrn-mv-skrav)}
.lrn-mv-k12{fill:url(#lrn-mv-prikk);stroke:var(--ink);stroke-width:.8}
.lrn-mv-k0{fill:none;stroke:var(--ink);stroke-width:1.2}
.lrn-mv-kadj{fill:none;stroke:var(--ink);stroke-width:1.2;stroke-dasharray:2 2}
.lrn-mv-main{position:absolute;display:flex;align-items:baseline;gap:9px;white-space:nowrap;font-variant-numeric:tabular-nums}
.lrn-mv-main .p{font-family:var(--font-sans);font-weight:500;line-height:1;color:var(--ink2);unicode-bidi:plaintext}
.lrn-mv-main .a{font-family:var(--font-serif);font-weight:500;line-height:1;letter-spacing:-.6px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;unicode-bidi:plaintext}
.lrn-mv-plot.m .lrn-mv-main{gap:7px}
/* Årsbåndet */
.lrn-mv-bandsec{padding-top:32px;border-top:1px solid var(--line-2);gap:20px}
.lrn-mv-band{position:relative}
.lrn-mv-big{position:absolute;right:0;top:0;z-index:1;margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px;pointer-events:none}
.lrn-mv-big span{font:500 28px/1.1 var(--font-serif);letter-spacing:-.5px;color:var(--ink);font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-mv-bandd{position:relative;height:312px}
.lrn-mv-bdl{position:absolute;inset:0}
.lrn-mv-bg{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-mv-bl{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-mv-bs{fill:none;stroke:var(--ink);stroke-width:2.25}
.lrn-mv-bm{fill:var(--bg);stroke:var(--ink3);stroke-width:1.25}
.lrn-mv-bms{fill:var(--ink);stroke:var(--ink);stroke-width:1.25}
.lrn-mv-dl{position:absolute;white-space:nowrap;font:400 14px/18px var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.lrn-mv-dl.on{font-weight:600;color:var(--ink)}
.lrn-mv-tb{position:absolute;box-sizing:border-box;padding:0 12px;display:flex;flex-direction:column;justify-content:center;gap:3px;align-items:flex-start;border:1px solid var(--line-2);border-radius:4px;cursor:pointer;text-align:start;background:var(--surface-2);color:var(--ink2);font-family:var(--font-sans)}
.lrn-mv-tb .a{font:600 14px/1.1 var(--font-sans)}
.lrn-mv-tb .b{font:400 12px/1.1 var(--font-sans)}
.lrn-mv-tb.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
html[data-theme="bw"] .lrn .lrn-mv-tb.on{background:color-mix(in oklch, var(--ink) 92%, var(--bg));border-color:transparent}
.lrn-mv-tb:focus-visible,.lrn-mv-tr:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.lrn-mv-mo{position:absolute;top:268px;width:60px;text-align:center;font:400 12px/16px var(--font-sans);color:var(--ink3);white-space:nowrap}
.lrn-mv-next{position:absolute;top:288px;text-align:center;font:400 12px/16px var(--font-sans);color:var(--ink3)}
.lrn-mv-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.lrn-mv-band:not(.m) .lrn-mv-list,.lrn-mv-band.m .lrn-mv-bandd{display:none}
.lrn-mv-band.m .lrn-mv-big{position:static;align-items:flex-start;gap:2px;margin-bottom:14px}
.lrn-mv-band.m .lrn-mv-big span{font-size:24px;line-height:1.15}
.lrn-mv-tr{display:grid;grid-template-columns:minmax(78px,auto) minmax(0,1fr) minmax(80px,auto);gap:10px;align-items:center;width:100%;min-height:60px;box-sizing:border-box;padding:8px 6px;border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:start;background:transparent;color:var(--ink);font-family:var(--font-sans)}
.lrn-mv-tr.on{background:var(--surface-2)}
.lrn-mv-tr .l,.lrn-mv-tr .r{display:flex;flex-direction:column;gap:3px}
.lrn-mv-tr .r{align-items:flex-end;text-align:end}
.lrn-mv-tr .a{font:400 14px/1.2 var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-mv-tr.on .a{font-weight:600;color:var(--ink)}
.lrn-mv-tr .l .b{font:400 12px/1.2 var(--font-sans);color:var(--ink3)}
.lrn-mv-tr .r .b{font:400 12px/1.2 var(--font-sans);color:var(--ink3)}
.lrn-mv-tr svg{display:block;justify-self:center;width:100%;max-width:150px;height:28px}
.lrn-mv-tg{fill:none;stroke:var(--line-2);stroke-width:1}
.lrn-mv-tbar{fill:color-mix(in oklch, var(--ink) 12%, var(--bg))}
.lrn-mv-tr.on .lrn-mv-tbar{fill:var(--accent)}
html[data-theme="bw"] .lrn .lrn-mv-tr.on .lrn-mv-tbar{fill:color-mix(in oklch, var(--ink) 92%, var(--bg))}
.lrn-mv-tl{fill:none;stroke:var(--ink3);stroke-width:1}
.lrn-mv-tr.on .lrn-mv-tl{stroke:var(--ink);stroke-width:2}
.lrn-mv-tm{fill:var(--bg);stroke:var(--ink3);stroke-width:1.25}
.lrn-mv-tr.on .lrn-mv-tm{fill:var(--ink);stroke:var(--ink)}
.lrn-mv-ftx{margin:0;font-size:16px;line-height:1.55;color:var(--ink2);max-width:70ch;text-wrap:pretty}
.lrn-mv-ftx strong{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.lrn-mv-tbl > div{max-width:520px}
@media(max-width:640px){
  .lrn-mv-bandsec{padding-top:24px;gap:14px}
  .lrn-mv-ftx{font-size:15px}
}

/* ── Tallene som tabell, bak en «Vis som tabell»-bryter ── */
.lrn-tbl{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lrn-tbl > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 0;box-sizing:border-box;font:500 14.5px/1.3 var(--font-sans);color:var(--ink)}
.lrn-tbl > summary::-webkit-details-marker{display:none}
/* Bredere enn plassen: tabellen rulles i sin egen boks, og en tonet kant viser at det er mer. Dekkflatene i
   bakgrunnsfargen følger innholdet (local) og skjuler kanten i den enden man er helt ute, og begge når alt får plass. */
.lrn-tbl > div{padding:4px 0 10px;max-width:760px;overflow-x:auto;container-type:inline-size;
  background:
    linear-gradient(to right,var(--bg) 40%,transparent) 0 0/40px 100% no-repeat local,
    linear-gradient(to left,var(--bg) 40%,transparent) 100% 0/40px 100% no-repeat local,
    linear-gradient(to right,color-mix(in oklch,var(--ink) 20%,transparent),transparent) 0 0/14px 100% no-repeat scroll,
    linear-gradient(to left,color-mix(in oklch,var(--ink) 20%,transparent),transparent) 100% 0/14px 100% no-repeat scroll}
.lrn-tbl table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
/* Bildeteksten er aldri bredere enn boksen, selv om tabellen er det, og blir stående når tabellen rulles */
.lrn-tbl caption{text-align:start;padding:0 0 10px;font:500 12.5px/1.4 var(--font-sans);color:var(--ink3);max-width:100cqw;position:sticky;inset-inline-start:0}
.lrn-tbl thead th{text-align:end;padding:0 0 10px;padding-inline-start:10px;border-bottom:1px solid var(--line-2);font:500 12px/1.25 var(--font-sans);color:var(--ink3);vertical-align:bottom}
/* Kolonnetittelen står på samme side som radtitlene under */
.lrn-tbl thead th:first-child{text-align:start;padding-inline-start:0}
.lrn-tbl thead td{padding:0 0 10px;border-bottom:1px solid var(--line-2)}
.lrn-tbl :is(tbody,tfoot) th{text-align:start;padding:10px 0;border-bottom:1px solid var(--line);font:500 14px/1.3 var(--font-sans);color:var(--ink)}
.lrn-tbl td{text-align:end;padding:10px 0;padding-inline-start:10px;border-bottom:1px solid var(--line);font:500 15px/1.3 var(--font-serif);color:var(--ink);white-space:nowrap}
/* Bryteren har egen bunnstrek. Siste rad skal ikke legge en til, med tomrom imellom. */
.lrn-tbl:not(.is-flat) table > :last-child > tr:last-child > *{border-bottom:0}

/* En seksjon som slutter med strek (tabellbryter, flat tabell, ramme), er allerede skilt fra neste seksjon.
   Da skal ikke neste seksjon åpne med egen strek rett under, med et tomt bånd imellom. */
.lrn-sec:is(.lrn-xtab,:has(:is(.lrn-tbl,.lrn-box,.lrn-uc-bank):last-child,:is(.lrn-tbl,.lrn-box) + .lrn-sr:last-child,:is(.lrn-tbl,.lrn-box) + .lrn-sr + .lrn-sr:last-child)) + :is(.lrn-also,.lrn-calc,.lrn-vc-s2,.lrn-bu-top,.lrn-uc-s,.lrn-rs-s2){border-top:0;padding-top:0}
.lrn-ed :is(.lrn-err,.lrn-docs) li:last-child{border-bottom:0}
.lrn-ab-tbl.is-flat:not([hidden]) ~ .lrn-tbl{border-top:0}
.lrn-rules table + .lrn-fn{padding-top:0;border-top:0}
/* Kildelinja rett under en lenkeliste som slutter med strek, trenger ingen egen, og står nærmere enn en ny seksjon */
.lrn-rel + .lrn-ko-foot{margin-top:-24px;padding-top:0;border-top:0}

/* ── Inline seksjon (regnestykket): fortsetter seksjonen over med en hårstrek ── */
.lrn-calc{border-top:1px solid var(--line-2);padding-top:32px}
.lrn-calc > summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px}
.lrn-calc > summary::-webkit-details-marker{display:none}
.lrn-calc-b{display:flex;flex-direction:column;gap:20px;padding-top:20px}
.lrn-cards{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:20px}
.lrn-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px 24px;display:flex;flex-direction:column;gap:18px;min-width:0}
.lrn-card-l{font:500 12px/1 var(--font-sans);letter-spacing:.2px;color:var(--ink3)}

/* ── Formel: brøkstrek, hevet skrift, ekte minus og gangetegn ──
   Navnene står i vanlig skrift, ikke kursiv. Størrelsen som regnes ut (først, foran «=») er halvfet.
   Regnetegnene (.lrn-op, merket av learn.js) er dempet, så leddene skiller seg fra hverandre. */
.lrn-f{display:flex;align-items:center;gap:6px 9px;flex-wrap:wrap;font:400 16px/1.4 var(--font-sans);color:var(--ink2);font-variant-numeric:tabular-nums}
.lrn-f i{font-style:normal;color:var(--ink)}
.lrn-f > i:first-child:has(+ .lrn-fj > .lrn-op.eq:first-child){font-weight:600}
.lrn-op{color:var(--ink3)}
/* Tallene dine står i et eget felt på mørkere flate, med svaret helt til høyre.
   Likhetstegnet foran svaret, og et som står aller først, leses opp, men vises ikke. */
.lrn-f.n{font-size:15.5px;font-weight:400;color:var(--ink2);padding:13px 16px;border-radius:8px;background:var(--surface-2)}
.lrn-f.n > .lrn-fj:has(> b){margin-inline-start:auto}
.lrn-f.n > .lrn-fj:has(> b) > .lrn-op.eq,.lrn-f.n > .lrn-fj:first-child > .lrn-op.eq:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.lrn-frac{display:inline-flex;flex-direction:column;text-align:center}
.lrn-frac > span:first-child{padding:0 8px 5px}
.lrn-frac > span:last-child{padding:5px 8px 0;border-top:1px solid var(--ink3)}
.lrn-f sup{font-size:.7em;line-height:0}
.lrn-f b{font:500 24px/1 var(--font-serif);color:var(--ink);letter-spacing:-.4px;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.lrn-fs{display:flex;flex-direction:column;gap:6px}
.lrn-fs .lrn-f{gap:6px 8px}
.lrn-fs .lrn-f.n{font-size:15px;line-height:1.4}
.lrn-fs .lrn-f.n b{font-size:20px}

/* ── Spørsmål: én komponent på hele nettstedet, ekte details/summary ── */
.lrn-faq{gap:16px}
.lrn-qs{border-top:1px solid var(--line)}
.lrn-qs details{border-bottom:1px solid var(--line)}
.lrn-qs summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:56px;padding:14px 0;box-sizing:border-box;font:500 15.5px/1.45 var(--font-sans);color:var(--ink);text-wrap:balance;
}
.lrn-qs summary::-webkit-details-marker{display:none}
.lrn-chev{flex-shrink:0;fill:none;stroke:var(--ink3);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
details[open] > summary .lrn-chev{transform:rotate(180deg)}
.lrn-qs .a{padding:0 0 20px;max-width:70ch}
.lrn-qs .a p{margin:0;font-size:15px;line-height:1.65;color:var(--ink2)}
.lrn-qs summary:focus-visible,.lrn-calc > summary:focus-visible,.lrn-tbl > summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ── Relaterte verktøy: en liste, ikke kort ── */
/* Nullstiller den globale nav-regelen (toppmenyen: rad, sentrert, 18px luft) */
.lrn-rel{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;padding:0}
.lrn-rel ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
/* Tre lenker i to kolonner ga én lenke alene på siste rad (33 sider). */
@media(min-width:900px){.lrn-rel ul:has(> li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
.lrn-rel li{border-bottom:1px solid var(--line)}
.lrn-rel a{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:44px;padding:16px 0;box-sizing:border-box;text-decoration:none;color:var(--ink)}
.lrn-rel a > span{display:flex;flex-direction:column;gap:4px;min-width:0}
.lrn-rel .t{font:500 19px/1.25 var(--font-serif);letter-spacing:-.3px;color:var(--ink)}
.lrn-rel .d{font-size:14px;line-height:1.5;color:var(--ink2);text-wrap:pretty}
.lrn-rel svg{flex-shrink:0;margin-top:4px;fill:none;stroke:var(--accent-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--ease)}
@media(hover:hover){.lrn-rel a:hover .t{color:var(--accent-2)}.lrn-rel a:hover svg{transform:translateX(3px)}}
.lrn-rel a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Kun for skjermlesere (teksttilsvarende versjon av grafen). Legg klassen på en div rundt en tabell,
   aldri på selve tabellen: en tabell blir minst like bred som innholdet og ga sidelengs rulling på mobil. */
.lrn-sr{position:absolute!important;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ── Høyre til venstre: alt rundt grafen speiles, tall- og tidsakser beholder retningen ── */
[dir="rtl"] .lrn-rel svg{transform:scaleX(-1)}
@media(hover:hover){[dir="rtl"] .lrn-rel a:hover svg{transform:scaleX(-1) translateX(3px)}}

@media(max-width:1100px){
  .lrn-figrow.pair{grid-template-columns:minmax(0,1fr);gap:40px}
  .lrn-bkrow{grid-template-columns:minmax(0,1fr);gap:16px}
  .lrn-figrow.fc{grid-template-columns:minmax(0,1fr);gap:24px}
  .lrn-figrow.fc > .lrn-fig{max-width:800px}
  .lrn-figrow.pair > .lrn-col{max-width:640px}
  .lrn-sheetrow{grid-template-columns:minmax(0,1fr);gap:24px}
  .lrn-sheetcmp{padding:20px 0 0;border-inline-start:0;border-top:1px solid var(--line);gap:14px}
  .lrn-sheetcmp p{font-size:19px}
}
@media(max-width:960px){
  .lrn-figrow{grid-template-columns:minmax(0,1fr);gap:20px}
  .lrn-pfrow{grid-template-columns:minmax(0,1fr);gap:20px}
  .lrn-pfrow > .lrn-fig{max-width:560px}
  .lrn-pfrow > div{padding-top:0}
  .lrn-figrow.cmp{grid-template-columns:minmax(0,1fr);gap:24px}
  .lrn-figrow.cmp > .lrn-fig{max-width:680px}
  .lrn-cmpside{padding-top:0}
  .lrn-cards.fm{grid-template-columns:minmax(0,1fr);gap:20px}
  .lrn-bills{grid-template-columns:minmax(0,1fr);gap:16px}
  .lrn-bill.is-sel{order:-1}
  .lrn-two{grid-template-columns:minmax(0,1fr);gap:24px}
  .lrn-calcrow{grid-template-columns:minmax(0,1fr);gap:20px}
  .lrn-nh-row,.lrn-nh-row.s,.lrn-rs-row{grid-template-columns:minmax(0,1fr);gap:20px}
  .lrn-fm-notes{column-count:1}
  .lrn-nh-side .lrn-notes{padding-top:0}
  .lrn-figrow.duo{grid-template-columns:minmax(0,1fr);gap:40px}
  .lrn-fig.cmp{padding:20px 0 0;border-left:0;border-top:1px solid var(--line-2)}
  .lrn-notes{padding:0;gap:12px}
  .lrn-scrub{grid-template-columns:minmax(0,1fr);gap:14px}
}
@media(max-width:640px){
  .lrn{gap:48px;padding-top:8px}
  .lrn-sec{gap:20px}
  .lrn-head{gap:12px}
  .lrn-h2{font-size:26px;line-height:1.12;letter-spacing:-.5px}
  .lrn-h3{font-size:21px;letter-spacing:-.3px}
  .lrn-lede{font-size:15px}
  .lrn-seg{display:flex;width:100%}
  .lrn-seg button{flex-grow:1;min-height:44px;font-size:15px}
  .lrn-l1{stroke-width:1.75}
  .lrn-tick{font-size:11px}
  .lrn-lab{font-size:12px}
  .lrn-lab.ref{font-size:11px}
  .lrn-mk{width:20px;height:20px;line-height:17.5px}
  .lrn-notes li{grid-template-columns:20px minmax(0,1fr);gap:10px}
  .lrn-notes li > span:last-child{font-size:13px}
  .lrn-scrub input[type="range"]{height:44px}
  .lrn-dl,.lrn-dl.five{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
  .lrn-dl dd{font-size:20px}
  .lrn-cmp{font-size:15px}
  .lrn-say{font-size:16px}
  .lrn-say span{font-size:14px}
  .lrn-pft{font-size:20px}
  .lrn-seg.t3 button{padding:0 8px;font-size:14px;line-height:1.2}
  .lrn-seg.scr{width:auto}
  .lrn-seg.scr button{flex:0 0 auto;padding:0 16px;font-size:14px}
  .lrn-fcard{padding:20px 16px 16px}
  .lrn-fcard-t{font-size:22px}
  .lrn-frow2{grid-template-columns:minmax(0,1fr);gap:8px;padding:18px 0}
  .lrn-frow2.f{padding-top:4px}
  .lrn-rl b,.lrn-amtrow span{font-size:19px;line-height:22px}
  .lrn-rl span,.lrn-amtrow b,.lrn-pl b,.lrn-pl span{font-size:11px}
  .lrn-say0{font-size:22px}
  .lrn-fl3{grid-template-columns:minmax(0,1fr) auto}
  .lrn-fl3 span:first-child{grid-column:1 / -1}
  .lrn-fl3 span{font-size:14.5px}
  .lrn-fl3 b{font-size:19px}
  .lrn-sumv{font-size:20px;line-height:24px}
  .lrn-segs{width:100%}
  .lrn-segs .lrn-seg button{padding:0 8px;font-size:14px}
  .lrn-bu-top th.b,.lrn-bu-top td.b{display:none}
  .lrn-dl.three{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lrn-lc-qs{grid-template-columns:minmax(0,1fr);gap:20px}
  .lrn-lc-q .v{font-size:26px}
  .lrn-nh-db span{display:none}
  .lrn-lk{stroke-width:2.5}
  .lrn-lab.txt,.lrn-lab.sub{font-size:11px}
  .lrn-tag{gap:4px;padding:5px 7px 6px}
  .lrn-tag .l{font-size:10.5px}
  .lrn-tag .v{font-size:16px;letter-spacing:-.2px}
  .lrn-tag .lrn-u{font-size:10px}
  .lrn-box{gap:10px;padding:16px 0}
  .lrn-box .lrn-f.n{font-size:14.5px}
  .lrn-box .lrn-f b{font-size:22px}
  .lrn-box .lrn-p{font-size:14.5px}
  .lrn-also{padding-top:24px;gap:14px}
  .lrn-ps{gap:12px}
  .lrn-kpi{margin:2px 0 6px}
  .lrn-kpi b{font-size:36px}
  .lrn-kpi span{font-size:14.5px}
  .lrn-fig.cmp > figcaption{font-size:18px}
  .lrn-fig .lrn-p.k{padding-left:46px;max-width:312px}
  .lrn-bill{padding:18px 16px 16px}
  .lrn-bill-sum b{font-size:28px}
  .lrn-line > span{font-size:14.5px}
  .lrn-tbl > summary{min-height:56px;padding:14px 0}
  .lrn-tbl td{font-size:14px}
  /* Lange radtitler (merket av learn.js) og tekstkolonner skal ikke brytes ord for ord. Korte som «1 år» trenger ikke plassen. */
  .lrn-tbl tbody th.lng{min-width:112px;text-wrap:pretty}
  .lrn-tbl td.k{min-width:120px}
  .lrn-age{justify-content:flex-start}
  .lrn-big{font-size:15.5px}
  .lrn-chip{font-size:11px;line-height:16px}
  .lrn-vlab{font-size:11px;line-height:16px}
  .lrn-vlab.sub{font-size:12.5px;line-height:18px}
  .lrn-also ul{grid-template-columns:minmax(0,1fr);gap:14px}
  .lrn-calc{border-bottom:1px solid var(--line);padding-top:0}
  .lrn-calc > summary{min-height:56px;padding:14px 0;box-sizing:border-box}
  .lrn-calc-b{padding:0 0 20px;gap:14px}
  .lrn-calc .lrn-gl > div:last-child{border-bottom:0}
  .lrn-cards{grid-template-columns:minmax(0,1fr);gap:12px}
  .lrn-card{padding:18px 16px;gap:14px}
  .lrn-f{font-size:15px}
  .lrn-f.n{font-size:14.5px}
  .lrn-f b{font-size:21px}
  .lrn-lab.tot{font-size:16px;line-height:20px}
  .lrn-sig > .s{font-size:30px}
  .lrn-col{gap:14px}
  .lrn-gl dd{font-size:13.5px}
  .lrn-amt b{font-size:26px;line-height:30px}
  .lrn-stat b{line-height:22px}
  .lrn-stat.big b{font-size:18px;line-height:22px}
  .lrn-stn b{font-size:20px;line-height:24px}
  .lrn-stn.lane b{font-size:15px;line-height:20px}
  .lrn-stn span{font-size:11px}
  .lrn-pill > span{font-size:11px}
  .lrn-bks{gap:6px}
  .lrn-bk{gap:4px;padding:8px 0 10px}
  .lrn-bk-c,.lrn-bk-n,.lrn-bk-d{display:none}
  .lrn-bk-a{display:block}
  .lrn-bk-r{font-size:22px;line-height:1.1}
  .lrn-gl.lrn-bkdl{display:flex}
  .lrn-out{padding:16px}
  .lrn-out .h{font-size:18px}
  .lrn-jst{font-size:20px}
  .lrn-card:has(> .lrn-frow),.lrn-frow{display:block}
  .lrn-frow > *,.lrn-frow > .lrn-f.n{padding:14px 16px}
  .lrn-frow > .lrn-fnm{display:block;padding-bottom:4px;font-size:15px}
  .lrn-frow > .lrn-fnm + .lrn-f{padding:0 16px 14px}
  .lrn-frow > :nth-child(3){border-inline-start:0;border-top:1px solid var(--line)}
  .lrn-frow + .lrn-frow{border-top-color:var(--line-2)}
  .lrn-frow.hd{display:none}
  /* Formellister på smal skjerm: navnet på egen linje, likhetstegn og uttrykk under */
  .lrn-fl{grid-template-columns:max-content minmax(0,1fr);row-gap:0}
  .lrn-fl > .lrn-f{row-gap:2px}
  .lrn-fl > .lrn-f + .lrn-f{margin-top:14px}
  .lrn-fl > .lrn-f > i:first-child{grid-column:1 / -1}
  .lrn-card .lrn-frow .lrn-f.n b{font-size:21px}
  .lrn-kt{gap:16px}
  .lrn-kt li{font-size:14px}
  .lrn-ptitle{font-size:12px;line-height:16px}
  .lrn-qs summary{font-size:15px}
  .lrn-rel ul{grid-template-columns:minmax(0,1fr)}
  .lrn-rel a{align-items:center;min-height:56px;padding:12px 0}
  .lrn-rel svg{margin-top:0}
  .lrn-rel .t{font-size:17px}
  .lrn-rel .d{display:none}
}
/* Berøringsskjerm: utlesingen over grafen, så hånda ikke dekker den. Deler uten egen plass
   (regninger, tabeller, rammer) beholder rekkefølgen sin etter grafen, i stedet for å hoppe til toppen. */
@media(pointer:coarse){
  /* «Bruk mine tall» får 44 px trykkflate, uten at raden blir høyere */
  .lrn-state .lrn-state-a{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;margin-block:-12px;border-bottom:0;
    text-decoration:underline;text-decoration-color:var(--line-warm);text-underline-offset:3px}
  .lrn-sec > *,.lrn-sy-main > *,.lrn-si-main > *{order:10}
  .lrn-head{order:1}
  :is(.lrn-sec,.lrn-sy-main,.lrn-si-main) > .lrn-bar{order:2}
  .lrn-scrub{order:3}
  .lrn-figrow{order:4}
  .lrn-cmp{order:5}
  /* Flex-kolonnen har rekkefølgen sin i HTML: valget først, så grafen. «Eksempel»-raden og «Bruk mine tall» skal ikke hoppe ned. */
  .lrn-ut-main > .lrn-figrow{order:0}
}
@media(prefers-reduced-motion:reduce){
  .lrn-seg button,.lrn-chev,.lrn-rel svg{transition:none}
}

/* ── Regnestykkene bak «Vis utregningen» (learn.js, sw v285) ──
   Lukket: bare lenken står. Åpen og forenklet (.lrn-enkel): vanlig skrift uten kursiv, og radene
   med stablet brøk og eksponent er borte. Igjen står ord, tallene satt inn og svaret. */
.lrn-fhide:not(.is-fv) > .lrn-f{display:none}
.lrn-fv{align-self:flex-start;margin:0;padding:0;background:none;border:0;border-bottom:1px solid var(--line-warm);font:500 13.5px/1.5 var(--font-sans);color:var(--accent-2);cursor:pointer}
.lrn-fv:hover{color:var(--ink)}
.lrn-fv:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}
.lrn-enkel .lrn-f:has(.lrn-frac){display:none}
.lrn-enkel .lrn .lrn-f{font:400 15px/1.5 var(--font-sans);color:var(--ink2);gap:4px 8px}
.lrn-enkel .lrn .lrn-f i{font-style:normal;color:var(--ink)}