/* Skrifter servert fra vekstlaben.no (Figtree, Newsreader, JetBrains Mono: SIL Open Font License). Kun latin-delsett, som dekker æ, ø og å. */
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/figtree-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(/fonts/figtree-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/jetbrains-mono-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/newsreader-italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/newsreader-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Native-delen av Markedsføring og eksempelet i «Bestill et forslag» */
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/fonts/eb-garamond-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'EB Garamond'; font-style: italic; font-weight: 400 600; font-display: swap; src: url(/fonts/eb-garamond-italic.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 600; font-display: swap; src: url(/fonts/inter-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---- felles.css ---- */
/* Vekstlaben, retning «Nodene». Felles for alle sider. Forslag, ikke publisert. */
:root{
  --papir:#FAF8F5; --flate:#F1ECE4; --tekst:#181715; --demp:#5A554E; --strek:#DCD3C7;
  --rust:#C84528; --rust-h:#B03A20; --rust-t:#A83A21; --rust-lys:#F2A07E;
  --natt:#141312; --natt-tekst:#F3EEE6; --natt-demp:#CFC7BC;
  --serif:"Newsreader",Georgia,serif; --sans:"Figtree",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  color-scheme:light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--papir);color:var(--tekst);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
:focus-visible{outline:2px solid var(--rust);outline-offset:3px;border-radius:4px}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.mono{font:500 12.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--demp)}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;line-height:1.02;margin:0;text-wrap:balance}
h2{font-size:clamp(40px,5.6vw,80px)}
em.r{font-style:italic;color:var(--rust-t);font-weight:500}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;font:600 15.5px var(--sans);text-decoration:none;border:1px solid var(--strek);background:#fff;color:var(--tekst);cursor:pointer}
.btn.p{background:var(--rust);border-color:var(--rust);color:#fff}
.btn.p:hover{background:var(--rust-h)}
.pil{font-weight:600;color:var(--rust-t);text-decoration:none;border-bottom:1px solid currentColor}
.merk{font:12px var(--mono);color:var(--demp)}

/* nodene ligger fast bak hele siden */
#nett{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main,footer,header.top{position:relative;z-index:1}

.forslag{position:sticky;top:0;z-index:60;background:#181715;color:#F7F5F0;font:500 13px var(--mono);text-align:center;padding:9px 16px}
.forslag b{color:#F2795E;font-weight:500}
header.top{position:sticky;top:var(--stripe,36px);z-index:50;padding:14px 0}
/* ankerhopp (#kontakt osv.) lander under menyen, ikke bak den */
html{scroll-padding-top:calc(var(--stripe,36px) + 100px)}
/* menyen tones nesten helt ut når du blar nedover, så den ikke dekker budskapet. Den kommer tilbake ved hover, tastatur, åpen meny og når du blar oppover (Jonas 2026-11-03) */
.nav{transition:opacity .35s ease,transform .35s ease}
header.top.rolig .nav{opacity:.16}
header.top.rolig .nav:hover,header.top.rolig .nav:focus-within,header.top.rolig .nav:has(.meny.apen){opacity:1}
@media (hover:none){header.top.rolig .nav{opacity:.22}}
@media (prefers-reduced-motion:reduce){.nav{transition:none}}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(250,248,245,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--strek);border-radius:999px;padding:8px 8px 8px 18px}
.logo{display:flex;align-items:center;gap:10px;font:700 19px var(--sans);text-decoration:none}
.meny{display:flex;gap:4px;font-size:15px}
.meny a{text-decoration:none;padding:8px 12px;border-radius:999px}
.meny a:hover,.meny a[aria-current="page"]{background:var(--flate)}
.meny-knapp{display:none}
/* mobilmeny: menyen blir et panel under toppen, åpnes med knappen */
@media (max-width:960px){
  .nav{position:relative}
  .meny{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;flex-direction:column;gap:2px;padding:10px;background:var(--papir);border:1px solid var(--strek);border-radius:20px;box-shadow:0 24px 50px -24px rgba(0,0,0,.55)}
  .meny.apen{display:flex}
  .meny a{padding:13px 16px;font-size:17px}
  .meny-knapp{display:inline-grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--strek);background:var(--kort);color:var(--tekst);cursor:pointer}
  .meny-knapp path{transition:transform .25s,opacity .2s;transform-origin:12px 12px}
  .meny-knapp[aria-expanded="true"] .m1{transform:translateY(5px) rotate(45deg)}
  .meny-knapp[aria-expanded="true"] .m2{opacity:0}
  .meny-knapp[aria-expanded="true"] .m3{transform:translateY(-5px) rotate(-45deg)}
  .nav .tlf-knapp{margin-left:auto;white-space:nowrap}
}
@media (max-width:420px){.nav{gap:8px;padding-left:14px}.nav .tlf-knapp{padding:12px 14px;font-size:14.5px}.logo{font-size:17px}}
@media (prefers-reduced-motion:reduce){.meny-knapp path{transition:none}}

/* toppen: står stille mens nodene samles (desktop) */
.hero-rom{height:200vh}
.hero{position:sticky;top:calc(var(--stripe,36px) + 70px);min-height:calc(100vh - 120px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center;padding:30px 28px 80px}
.hero h1{font-size:clamp(40px,min(6.2vw,10vh),92px)}
.hero p.ingress{font-size:20px;color:#3F3A34;max-width:42ch;margin:24px 0 28px}
.knapper{display:flex;gap:10px;flex-wrap:wrap}
.ord{margin-bottom:0;display:flex;gap:8px;margin-top:26px;flex-wrap:wrap}
.ord span,.ord li{font:500 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;padding:7px 12px;border-radius:999px;border:1px solid var(--rust);color:var(--rust-t);background:rgba(250,248,245,.8);transition:background .4s,color .4s}
.ord span.p,.ord li.p{background:var(--rust);color:#fff}
.form-plass{height:min(560px,62vh)}
@media (max-width:900px){.hero-rom{height:auto}.hero{position:static;grid-template-columns:minmax(0,1fr);min-height:0;padding-bottom:30px}.form-plass{height:300px}}

/* seksjoner uten bokser */
.del{padding:90px 0}
/* seksjonene har ingen egen bakgrunn, så nodene synes overalt bak tekst og innhold */
.flate{background:transparent}
.hode{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:end;margin-bottom:46px}
.hode p{color:var(--demp);margin:0;max-width:44ch}
.hode h2{position:relative;padding-bottom:14px}
.hode h2::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:120px;background:var(--rust);transform-origin:left;transform:scaleX(0);transition:transform 1s cubic-bezier(.2,.7,.2,1) .2s}
.hode.synlig h2::after{transform:scaleX(1)}
@media (max-width:900px){.hode{grid-template-columns:minmax(0,1fr);gap:14px}}

.spalter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--tekst)}
.spalte{padding:26px 28px 6px 0;margin-right:28px;border-right:1px solid var(--strek);display:flex;flex-direction:column;gap:10px}
.spalte:last-child{border-right:0;margin-right:0}
.spalte p,.spalte ul{margin:0;color:var(--demp)}
.spalte ul{padding-left:18px;font-size:15.5px}
.spalte h3{font-size:30px}
.nr{font:400 64px/1 var(--serif);color:var(--rust-t)}
.pris{font:600 13px var(--mono);color:var(--tekst)}
@media (max-width:900px){.spalter{grid-template-columns:minmax(0,1fr)}.spalte{border-right:0;margin-right:0;border-bottom:1px solid var(--strek);padding-bottom:26px}}

/* prosess: noder på en linje */
.linje{position:relative;height:30px;margin:10px 0 18px}
.linje::before{content:"";position:absolute;left:6px;right:6px;top:14px;border-top:1.5px dashed var(--strek)}
.linje b{position:absolute;left:6px;top:13px;height:3px;background:var(--rust);width:calc((100% - 12px)*var(--f,0))}
.linje i{position:absolute;top:7px;width:16px;height:16px;border-radius:50%;background:var(--papir);border:2px solid var(--strek);transform:translateX(-50%);transition:all .3s}
.linje i.p{background:var(--rust);border-color:var(--rust)}
.steg{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:28px}
.steg .mono{color:var(--rust-t)}
.steg h3{font-size:26px;margin:8px 0}
.steg p{margin:0;color:var(--demp);font-size:15.5px}
.steg .lev{margin-top:10px;font:500 12px var(--mono);color:var(--tekst)}
@media (max-width:900px){.steg{grid-template-columns:minmax(0,1fr)}}

/* to spalter med hake og kryss */
.to{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.to h3{font-size:28px;border-bottom:1px solid var(--tekst);padding-bottom:12px;margin-bottom:6px}
.to ul{padding:0;margin:0}
.to li{list-style:none;padding:14px 0 14px 34px;border-bottom:1px solid var(--strek);position:relative}
.to li b{font-weight:600}
.to .ja li::before{content:"✓";position:absolute;left:0;color:#3c7a3f;font-weight:700}
.to .nei li::before{content:"✕";position:absolute;left:0;color:var(--rust-t);font-weight:700}
.to .du li::before{content:"→";position:absolute;left:0;color:var(--demp);font-weight:700}
@media (max-width:900px){.to{grid-template-columns:minmax(0,1fr);gap:30px}}

/* sammenligning */
.tabell{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:680px;font-size:16px}
th,td{text-align:left;padding:16px 14px;border-bottom:1px solid var(--strek);vertical-align:top}
thead th{font:500 22px var(--serif);border-bottom:2px solid var(--tekst)}
thead th.vi{color:var(--rust-t)}
tbody th{font:500 12.5px var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--demp);width:22%}
td.vi{background:#fff;font-weight:600}

/* liste med rader (eksempler, saker) */
.rader{border-top:1px solid var(--tekst)}
.rad{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr) minmax(0,1fr);gap:28px;padding:32px 0;border-bottom:1px solid var(--strek);align-items:start}
.rad h3{font-size:32px}
.rad p{margin:0;color:var(--demp)}
.rad .meta{display:flex;flex-direction:column;gap:8px}
@media (max-width:900px){.rad{grid-template-columns:minmax(0,1fr);gap:12px}}

/* eksempelkort: hele skjermbildet øverst, tekst under */
.ekskort{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ekskort a{display:flex;flex-direction:column;text-decoration:none;color:var(--tekst);border:1px solid var(--strek);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--papir) 82%,transparent)}
.ekskort .bilde{overflow:hidden}
.ekskort img{display:block;width:100%;height:auto;aspect-ratio:var(--ar,16/10);object-fit:cover;object-position:top;border-bottom:1px solid var(--strek);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.ekskort a:hover img,.ekskort a:focus-visible img{transform:scale(1.03)}
.ekskort .tekst{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.ekskort h3,.ekskort h2{font-size:clamp(32px,3vw,44px)}
.ekskort p{margin:0;color:var(--demp)}
.ekskort .merker{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ekskort .merker span{font:500 11.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--strek);border-radius:999px;padding:5px 10px;color:var(--demp)}
.ekskort .gaa{margin-top:auto;padding-top:8px;font-weight:600;color:var(--rust-t)}
@media (max-width:900px){.ekskort{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.ekskort img{transition:none}}

/* kundesaker: tekst til venstre, siden i en mobil til høyre */
.sak{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px 56px;padding:44px 0;border-bottom:1px solid var(--strek);align-items:start}
.sak .meta{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.sak h3{font-size:clamp(32px,3.2vw,42px)}
.sak dl{margin:0 0 16px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;border-top:1px solid var(--strek);padding-top:14px}
.sak dt{font:500 11.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--demp)}
.sak dd{margin:0;font-size:16px}
.sak figure.sitat-kunde{margin:22px 0 0;padding-left:18px;border-left:2px solid var(--rust-t)}
.sak figure.sitat-kunde blockquote{margin:0;font:italic 400 20px/1.45 var(--serif)}
.sak figure.sitat-kunde figcaption{margin-top:10px;font:500 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--demp)}
@media (max-width:900px){.sak{grid-template-columns:minmax(0,1fr)}.sak dl{grid-template-columns:minmax(0,1fr);gap:4px}}
.tlf-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.tlf{position:relative;width:300px;padding:12px;border-radius:44px;background:linear-gradient(145deg,#2a2927,#171615);box-shadow:0 0 0 1.5px #4a4743 inset,0 24px 50px rgba(0,0,0,.45)}
.tlf-skjerm{position:relative;width:276px;height:560px;border-radius:33px;overflow:hidden;background:#fff;isolation:isolate}
.tlf-skjerm .status{position:absolute;z-index:1;inset:0 0 auto;height:32px;background:#fff}
.tlf-skjerm::before{content:"";position:absolute;z-index:2;top:10px;left:50%;width:76px;height:22px;margin-left:-38px;border-radius:999px;background:#0b0b0b;pointer-events:none}
.tlf-skjerm::after{content:"";position:absolute;z-index:2;bottom:8px;left:50%;width:92px;height:4px;margin-left:-46px;border-radius:999px;background:rgba(23,22,21,.38);pointer-events:none}
.tlf-skjerm img{position:absolute;top:32px;left:0;display:block;width:100%;height:auto}
.tlf-skjerm iframe{position:absolute;top:32px;left:0;width:390px;height:746px;border:0;transform:scale(.7077);transform-origin:0 0;background:#fff}
.tlf-live{position:absolute;z-index:3;left:50%;bottom:26px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 18px;border:0;border-radius:999px;background:rgba(20,18,16,.88);color:#fff;font:600 14px/1 var(--sans);white-space:nowrap;cursor:pointer}
.tlf-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#4CC37A;box-shadow:0 0 0 3px rgba(76,195,122,.25)}
.tlf-live:hover{background:#2a2725}
.tlf-live:focus-visible{outline:2px solid #fff;outline-offset:2px}
.tlf-fig figcaption{font-size:13px;line-height:1.45;color:var(--demp);text-align:center;max-width:280px}
.tlf-fig figcaption a{color:var(--rust-t);font-weight:600;text-decoration:none}

/* små valg (bransjer, behov) */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 12px}
.chip{border:1px solid var(--strek);background:#fff;color:var(--tekst);border-radius:999px;padding:9px 16px;font:500 15px var(--sans);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--tekst);color:var(--papir);border-color:var(--tekst)}

/* mørk del: kontakt */
.mork{background:rgba(20,19,18,.96);color:var(--natt-tekst)}
.mork .mono{color:var(--natt-demp)}
.mork h2 em{font-style:italic;color:var(--rust-lys)}
.mork .hode p{color:var(--natt-demp)}
.mork .hode h2::after{background:var(--rust-lys)}
.veier{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.5);margin-bottom:44px}
.vei{padding:20px 24px 20px 0;border-right:1px solid rgba(255,255,255,.18);margin-right:24px}
.vei:last-child{border-right:0}
.vei b{display:block;font:500 26px var(--serif);margin-bottom:4px}
.vei span{color:var(--natt-demp)}
@media (max-width:900px){.veier{grid-template-columns:minmax(0,1fr)}.vei{border-right:0;margin-right:0;border-bottom:1px solid rgba(255,255,255,.18)}}
form.skjema{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 28px;max-width:980px}
.skjema label{display:grid;gap:6px;font:500 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--natt-demp)}
.skjema input,.skjema textarea,.skjema select{font:18px var(--sans);color:var(--natt-tekst);background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.55);border-radius:0;padding:10px 0}
.skjema select option{color:#181715}
.skjema input:focus,.skjema textarea:focus,.skjema select:focus{outline:none;border-bottom-color:var(--rust-lys)}
.skjema .hel{grid-column:1/-1}
.skjema .btn.p{background:#E55436;border-color:#E55436;color:#141312;justify-self:start}
.skjema .btn.p:hover{background:#F06A4D;border-color:#F06A4D}
.skjema-status:empty{display:none}
.skjema-status.ok,.skjema-status.feil{font-weight:600}
.skjema-status.feil{color:var(--rust-t)}
.mork .skjema-status.feil{color:var(--rust-lys)}
.skjema .liten{font-size:14px;color:var(--natt-demp);grid-column:1/-1;margin:0}
@media (max-width:900px){form.skjema{grid-template-columns:minmax(0,1fr)}}

footer{background:var(--natt);color:var(--natt-demp);padding:40px 0 50px;font-size:14.5px}
footer .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
footer a{color:var(--natt-tekst);text-decoration:underline;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}
footer a:hover{text-decoration-color:currentColor}

.inn{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}
.inn.synlig{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.inn{opacity:1;transform:none;transition:none}.hode h2::after{transform:scaleX(1);transition:none}}

/* ---- tema.css ---- */
/* Fargeretninger for Nodene. Byttes ved trykk på kuben, eller med bryteren i forslagsstripa (data-tema på <html>). Forslag, ikke publisert.
   Jonas 2026-10-31: bare Natt (standard), Marine, Grafitt og lime og Bordeaux. 2026-11-02: Lys lagt til. Lyset er alltid Glød. */
:root{--kort:#FFFFFF;--paa-rust:#FFFFFF;--mork-bg:rgba(20,19,18,.96);--node-rgb:200,69,40;--prikk-rgb:24,23,21;--ingress:#3F3A34}

html[data-tema="natt"]{color-scheme:dark;
  --papir:#121110;--flate:#1B1917;--kort:#221F1C;--tekst:#F4EFE8;--demp:#B9B1A6;--strek:#36312C;--ingress:#D9D1C6;
  --rust:#FF6A3D;--rust-h:#FF8158;--rust-t:#FF8A63;--rust-lys:#FF9B78;--paa-rust:#140A06;--mork-bg:#0A0908;
  --node-rgb:255,106,61;--prikk-rgb:244,239,232}
html[data-tema="marine"]{color-scheme:dark;
  --papir:#0F1B2D;--flate:#14233A;--kort:#1A2C47;--tekst:#F2F4F8;--demp:#AEB8CC;--strek:#2A3B57;--ingress:#D6DCE8;
  --rust:#FF6B57;--rust-h:#FF8574;--rust-t:#FF8A7A;--rust-lys:#FF9C8E;--paa-rust:#1A0905;--mork-bg:#08111F;
  --node-rgb:255,107,87;--prikk-rgb:242,244,248}
html[data-tema="grafitt"]{color-scheme:dark;
  --papir:#1E1F22;--flate:#25262A;--kort:#2C2E33;--tekst:#F1F2EE;--demp:#B4B7B0;--strek:#3A3C42;--ingress:#D7D9D3;
  --rust:#C6F432;--rust-h:#D4F75E;--rust-t:#C6F432;--rust-lys:#D9FA6A;--paa-rust:#15170D;--mork-bg:#121315;
  --node-rgb:198,244,50;--prikk-rgb:241,242,238}

html[data-tema="bordeaux"]{color-scheme:dark;
  --papir:#2A0F14;--flate:#34141A;--kort:#3E1920;--tekst:#FBEFEF;--demp:#D9B2B5;--strek:#52222A;--ingress:#EED5D7;
  --rust:#FF9E7A;--rust-h:#FFB396;--rust-t:#FFAB8C;--rust-lys:#FFBFA6;--paa-rust:#230A06;--mork-bg:#1A080B;
  --node-rgb:255,158,122;--prikk-rgb:251,239,239}
/* Lys (Jonas 2026-11-02): papir og rust fra vekstlaben.no, for dem som foretrekker lys side */
html[data-tema="lys"]{color-scheme:light;
  --papir:#FAF8F5;--flate:#F1ECE4;--kort:#FFFFFF;--tekst:#181715;--demp:#5A554E;--strek:#DCD3C7;--ingress:#3F3A34;
  --rust:#C84528;--rust-h:#B03A20;--rust-t:#A83A21;--rust-lys:#F2A07E;--paa-rust:#FFFFFF;--mork-bg:#141312;
  --node-rgb:200,69,40;--prikk-rgb:24,23,21}
/* flere lyse (Jonas 2026-11-02, utgangspunkt fra farge-og-font, dempet for hånd; kontrast målt) */
html[data-tema="is"]{color-scheme:light;
  --papir:#EEF4F8;--flate:#E2EBF2;--kort:#FFFFFF;--tekst:#0D1218;--demp:#46505A;--strek:#CFDAE3;--ingress:#2E3742;
  --rust:#C84528;--rust-h:#B03A20;--rust-t:#A83A21;--rust-lys:#F2A07E;--paa-rust:#FFFFFF;--mork-bg:#0D1218;
  --node-rgb:200,69,40;--prikk-rgb:13,18,24}
html[data-tema="salvie"]{color-scheme:light;
  --papir:#EEF2E9;--flate:#E3E9DC;--kort:#FFFFFF;--tekst:#111510;--demp:#4A5247;--strek:#D3DBCB;--ingress:#2F362D;
  --rust:#2F6B45;--rust-h:#265A3A;--rust-t:#2B6140;--rust-lys:#8CC7A0;--paa-rust:#FFFFFF;--mork-bg:#111510;
  --node-rgb:47,107,69;--prikk-rgb:17,21,16}
html[data-tema="lavendel"]{color-scheme:light;
  --papir:#F5F2FA;--flate:#EBE6F3;--kort:#FFFFFF;--tekst:#141119;--demp:#4F4A57;--strek:#DCD5E7;--ingress:#332E3B;
  --rust:#6B3A86;--rust-h:#5A2F72;--rust-t:#6B3A86;--rust-lys:#C7A3DA;--paa-rust:#FFFFFF;--mork-bg:#141119;
  --node-rgb:107,58,134;--prikk-rgb:20,17,25}
html[data-tema="sand"]{color-scheme:light;
  --papir:#F6F0E6;--flate:#ECE3D4;--kort:#FFFFFF;--tekst:#17130D;--demp:#554C40;--strek:#DDD1BE;--ingress:#3A3329;
  --rust:#1F4E79;--rust-h:#183F63;--rust-t:#1F4E79;--rust-lys:#9CC0E2;--paa-rust:#FFFFFF;--mork-bg:#17130D;
  --node-rgb:31,78,121;--prikk-rgb:23,19,13}


/* flere å vurdere (Jonas 2026-11-02: «dra på så jeg får vurdert masse»), kontrast målt */
html[data-tema="skog"]{color-scheme:dark;
  --papir:#0F1E17;--flate:#15271E;--kort:#1A2E24;--tekst:#EEF5F0;--demp:#AFC4B8;--strek:#2A4235;--ingress:#D3E2D9;
  --rust:#F08A4B;--rust-h:#F59A63;--rust-t:#F59A63;--rust-lys:#F7B58C;--paa-rust:#1A0D04;--mork-bg:#0A1510;
  --node-rgb:240,138,75;--prikk-rgb:238,245,240}
html[data-tema="midnatt"]{color-scheme:dark;
  --papir:#0B1020;--flate:#111830;--kort:#161D33;--tekst:#EEF1FA;--demp:#AEB7CF;--strek:#26304D;--ingress:#D3D9EA;
  --rust:#4FD1E0;--rust-h:#6FDCE8;--rust-t:#6FDCE8;--rust-lys:#9AE8F0;--paa-rust:#04161A;--mork-bg:#070B17;
  --node-rgb:79,209,224;--prikk-rgb:238,241,250}
html[data-tema="aubergine"]{color-scheme:dark;
  --papir:#1E1222;--flate:#25172A;--kort:#2C1B31;--tekst:#F7EEF8;--demp:#CDB7D1;--strek:#402A47;--ingress:#E8D8EB;
  --rust:#FF7AB6;--rust-h:#FF8FC3;--rust-t:#FF8FC3;--rust-lys:#FFB0D4;--paa-rust:#2A0716;--mork-bg:#150C18;
  --node-rgb:255,122,182;--prikk-rgb:247,238,248}
html[data-tema="kakao"]{color-scheme:dark;
  --papir:#211915;--flate:#281F1A;--kort:#2F2520;--tekst:#F5EEE9;--demp:#C8B8AE;--strek:#423630;--ingress:#E5D9D1;
  --rust:#6EE7B7;--rust-h:#8CEDC7;--rust-t:#6EE7B7;--rust-lys:#A6F0D2;--paa-rust:#05231A;--mork-bg:#17110E;
  --node-rgb:110,231,183;--prikk-rgb:245,238,233}
html[data-tema="skifer"]{color-scheme:dark;
  --papir:#1A1F24;--flate:#20262C;--kort:#242B32;--tekst:#EEF1F4;--demp:#B3BCC5;--strek:#363F48;--ingress:#D7DDE3;
  --rust:#FFB547;--rust-h:#FFC46B;--rust-t:#FFC46B;--rust-lys:#FFD08A;--paa-rust:#1F1400;--mork-bg:#121619;
  --node-rgb:255,181,71;--prikk-rgb:238,241,244}
html[data-tema="fersken"]{color-scheme:light;
  --papir:#FBF1EC;--flate:#F3E4DC;--kort:#FFFFFF;--tekst:#1A1210;--demp:#5C4B45;--strek:#E6D3C9;--ingress:#3D302B;
  --rust:#8E2443;--rust-h:#761D38;--rust-t:#8E2443;--rust-lys:#E3A0B3;--paa-rust:#FFFFFF;--mork-bg:#1A1210;
  --node-rgb:142,36,67;--prikk-rgb:26,18,16}
html[data-tema="mynte"]{color-scheme:light;
  --papir:#ECF6F2;--flate:#DEEEE7;--kort:#FFFFFF;--tekst:#0D1715;--demp:#44544F;--strek:#CBDFD7;--ingress:#2B3835;
  --rust:#0F6E68;--rust-h:#0B5A55;--rust-t:#0F6E68;--rust-lys:#8CCFC9;--paa-rust:#FFFFFF;--mork-bg:#0D1715;
  --node-rgb:15,110,104;--prikk-rgb:13,23,21}
html[data-tema="stein"]{color-scheme:light;
  --papir:#F1F1EF;--flate:#E5E5E2;--kort:#FFFFFF;--tekst:#141414;--demp:#4F4F4C;--strek:#D6D6D2;--ingress:#333331;
  --rust:#2E46C9;--rust-h:#2439A8;--rust-t:#2E46C9;--rust-lys:#A9B6EE;--paa-rust:#FFFFFF;--mork-bg:#141414;
  --node-rgb:46,70,201;--prikk-rgb:20,20,20}

/* felles overstyringer for alle fargeretninger (logoen er den offisielle kuben med fast rust, Jonas 2026-11-03) */
html[data-tema] body{background:var(--papir);color:var(--tekst)}
html[data-tema] .flate{background:transparent}
html[data-tema] .nav{background:color-mix(in srgb,var(--papir) 88%,transparent);border-color:var(--strek)}
html[data-tema] .btn{background:var(--kort);color:var(--tekst);border-color:var(--strek)}
html[data-tema] .btn.p{background:var(--rust);border-color:var(--rust);color:var(--paa-rust)}
html[data-tema] .btn.p:hover{background:var(--rust-h);border-color:var(--rust-h)}
html[data-tema] .hero p.ingress{color:var(--ingress)}
html[data-tema] .ord span,html[data-tema] .ord li{background:var(--papir);border-color:var(--rust-t);color:var(--rust-t)}
html[data-tema] .ord span.p,html[data-tema] .ord li.p{background:var(--rust);border-color:var(--rust);color:var(--paa-rust)}
html[data-tema] .chip{background:var(--kort);color:var(--tekst);border-color:var(--strek)}
html[data-tema] .chip[aria-pressed="true"]{background:var(--tekst);color:var(--papir);border-color:var(--tekst)}
html[data-tema] td.vi{background:var(--kort)}
html[data-tema] #hva,html[data-tema] .to-felt input{background:var(--kort);color:var(--tekst);border-color:var(--strek)}
html[data-tema] .rad .bilde{background:var(--kort);color:var(--demp);border-color:var(--strek)}
html[data-tema] .rad .bilde b{color:var(--tekst)}
html[data-tema] .ki-status{background:var(--flate)}
html[data-tema] .linje i{background:var(--papir)}
html[data-tema] .linje i.p{background:var(--rust);border-color:var(--rust)}
html[data-tema] .linje b{background:var(--rust)}
html[data-tema] .mork{background:var(--mork-bg)}
html[data-tema] .alt input{accent-color:var(--rust-t)}
html[data-tema] .to .ja li::before{color:#7BC47F}
html[data-tema="lys"] .to .ja li::before,html[data-tema="is"] .to .ja li::before,html[data-tema="salvie"] .to .ja li::before,html[data-tema="lavendel"] .to .ja li::before,html[data-tema="sand"] .to .ja li::before,html[data-tema="fersken"] .to .ja li::before,html[data-tema="mynte"] .to .ja li::before,html[data-tema="stein"] .to .ja li::before{color:#3c7a3f}
html[data-tema] .forslagmerke{color:var(--rust-t);border-color:var(--rust-t)}

/* logoen følger fargene: grenen og prikkene er aksentfargen, flatene hentes fra tekst og bakgrunn (Jonas 2026-11-03).
   Lyse temaer: mørk kube som originalen, og aksenten litt lysere så den ikke forsvinner i den mørke kuben. Mørke temaer: mørk kube med lys kontur. */
:root{--logo-t:color-mix(in srgb,var(--rust) 62%,var(--rust-lys));--logo-a:color-mix(in srgb,var(--tekst) 88%,var(--papir));--logo-b:var(--tekst);--logo-c:color-mix(in srgb,var(--tekst) 78%,var(--papir));--logo-s:var(--tekst)}
html[data-tema="natt"],html[data-tema="midnatt"],html[data-tema="grafitt"],html[data-tema="marine"],html[data-tema="bordeaux"],html[data-tema="skog"],html[data-tema="aubergine"],html[data-tema="kakao"],html[data-tema="skifer"]{
  --logo-t:var(--rust);--logo-a:color-mix(in srgb,var(--tekst) 16%,var(--papir));--logo-b:color-mix(in srgb,var(--tekst) 9%,var(--papir));--logo-c:color-mix(in srgb,var(--tekst) 24%,var(--papir));--logo-s:color-mix(in srgb,var(--tekst) 72%,var(--papir))}
.logo-kube .lk-a{fill:var(--logo-a)}.logo-kube .lk-b{fill:var(--logo-b)}.logo-kube .lk-c{fill:var(--logo-c)}
.logo-kube .lk-s{stroke:var(--logo-s)}.logo-kube .lk-t{stroke:var(--logo-t)}.logo-kube .lk-n{fill:var(--logo-t)}
.logo-kube path,.logo-kube g{transition:fill .45s,stroke .45s}

/* bryteren i forslagsstripa */
.tema-bryter{display:inline-flex;flex-wrap:wrap;gap:4px;margin-left:10px;vertical-align:middle}
.tema-bryter button{font:500 12px var(--mono);color:#F7F5F0;background:none;border:1px solid #4a4642;border-radius:999px;padding:5px 11px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.tema-bryter button i{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.4)}
.tema-bryter button[aria-pressed="true"]{background:#F7F5F0;color:#181715}

/* kuben bytter farge ved trykk (Jonas 2026-10-31): fire fargeretninger i fast rekkefølge, glir over i hverandre */
.form-plass{position:relative}
.kube-knapp{position:absolute;left:50%;top:50%;height:78%;aspect-ratio:1;max-width:100%;transform:translate(-50%,-50%);border:0;border-radius:50%;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.kube-knapp:focus-visible{outline:2px solid var(--rust-t);outline-offset:6px}
.kube-knapp::after{content:"";position:absolute;inset:18%;border-radius:50%;border:2px solid var(--rust-t);opacity:0;pointer-events:none}
.kube-knapp.puls::after{animation:kube-puls .7s ease-out}
@keyframes kube-puls{from{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.25)}}
.kube-hint{position:absolute;left:50%;bottom:2%;transform:translate(-50%,6px);font:500 12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--demp);opacity:0;transition:opacity .5s,transform .5s;pointer-events:none;white-space:nowrap}
/* hintet vises først når nodene har samlet seg til en kube (Jonas 2026-11-03) */
.form-plass.samlet .kube-hint{opacity:1;transform:translate(-50%,0)}
.form-plass.brukt .kube-hint{opacity:0}
.kube-hint b{color:var(--rust-t);font-weight:500}
.kube-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s}
@media (prefers-reduced-motion:reduce){.kube-knapp.puls::after{animation:none}.kube-hint{transition:none}}

/* ---- lys.css ---- */
/* Lys bak nodene. Alltid Glød (data-lys="glod" på <html>), bruker --papir og --rust fra valgt tema. Forslag, ikke publisert.
   Jonas 2026-10-31: de andre lysene er tatt bort. */

#lys{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:var(--papir,#FAF8F5)}
#lys i{position:absolute;border-radius:50%;filter:blur(90px);opacity:0;transition:opacity .8s}
#lys .korn{position:absolute;inset:-50%;opacity:0;transition:opacity .8s;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
#lys .flekk{position:absolute;inset:0;opacity:0;transition:opacity .8s}
html[data-lys] body{background:transparent}
/* bakgrunnsfargen ligger også på html, så kontrastsjekker (og nettlesere uten lyslaget) ser riktig bakgrunn */
html[data-lys]{background:var(--papir,#FAF8F5)}

/* Glød: nodene selv lyser (tegnes i nodene.js), med en svak varm bunn */
html[data-lys="glod"] #lys .flekk{opacity:1;background:radial-gradient(ellipse 80% 60% at 70% 45%,color-mix(in oklab,var(--rust) 22%,transparent),transparent 70%)}

/* seksjoner skal ikke skjule lyset; mørk kontaktdel blir halvgjennomsiktig */
html[data-lys] .mork{background:color-mix(in oklab,var(--mork-bg,#141312) 82%,transparent)}

/* ---- blogg.css ---- */
/* Bloggen: lesespalte, kort og oversikt. Bruker bare variablene fra felles.css og tema.css, så alle fargetemaene virker. */
.blogg{padding:56px 0 96px}
.wrap-les{max-width:calc(68ch + 56px);margin:0 auto;padding:0 28px}
.b-etikett{font:500 12.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--demp);margin:0 0 18px}
.b-etikett a{color:var(--rust-t);text-decoration:underline;text-underline-offset:3px}
.blogg h1{font-size:clamp(38px,5.4vw,64px);line-height:1.04}
.blogg h1 em,.blogg h2 em{font-style:italic;color:var(--rust-t)}
.blogg .ingress{font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--ingress);margin:22px 0 0;max-width:62ch}

/* innlegg */
/* toppen er et fargefelt som følger kategorien, samme felt og symbol som kortet i oversikten */
.innlegg{--felt:var(--rust);--paa-felt:var(--paa-rust);--sym:var(--paa-rust);--sym-a:var(--papir)}
.innlegg[data-kategori="markedsforing"]{--felt:var(--tekst);--paa-felt:var(--papir);--sym:var(--papir);--sym-a:var(--rust)}
.innlegg[data-kategori="ki"]{--felt:var(--kort);--paa-felt:var(--tekst);--sym:var(--rust);--sym-a:var(--tekst)}
.i-topp{position:relative;overflow:hidden;max-width:1184px;margin:0 28px 28px;padding:clamp(22px,3vw,40px) 0;border-radius:12px;background:var(--felt);color:var(--paa-felt)}
@media (min-width:1240px){.i-topp{margin-inline:auto}}
.innlegg[data-kategori="ki"] .i-topp{box-shadow:inset 0 0 0 1px var(--strek)}
.i-topp .wrap-les{position:relative}
.blogg .i-topp h1{text-wrap:balance;font-size:clamp(28px,3.4vw,44px);line-height:1.08}
.blogg .i-topp .ingress{font-size:17px;margin-top:12px}
.i-topp .b-etikett{margin-bottom:10px}
.i-topp .b-etikett,.i-topp .b-etikett a,.blogg .i-topp .ingress,.blogg .i-topp h1 em{color:var(--paa-felt)}
.i-symbol{position:absolute;right:-1%;bottom:-34%;width:min(20%,230px);opacity:.9}
.i-symbol svg{display:block;width:100%;height:auto;overflow:visible}
@media (max-width:899px){.i-symbol{display:none}}
@media (min-width:900px){.i-topp .wrap-les{max-width:none;margin:0;padding:0 clamp(28px,3.4vw,44px)}.i-topp h1,.blogg .i-topp .ingress{max-width:74%}}
/* omslaget (hele eksempelbildet) står nederst i innlegget, etter teksten */
.omslag{margin:56px auto 0;max-width:620px;padding:0 28px}
.i-topp{margin-bottom:40px}
.omslag img{display:block;width:100%;height:auto;border-radius:6px;aspect-ratio:16/9;object-fit:cover;background:var(--flate)}
/* omslag som SVG: fargene kommer fra temaet, så bildet er sand og blått i lys modus og mørkt og rust i mørk */
.omslag svg,.bkort svg{display:block;width:100%;height:auto;border-radius:6px}
.sv-flate{fill:var(--flate)}.sv-papir{fill:var(--papir)}.sv-kort{fill:var(--kort)}.sv-kant{stroke:var(--strek);stroke-width:2}
.sv-strek{stroke:var(--strek);stroke-width:2}.sv-tekst{fill:var(--tekst)}.sv-demp{fill:var(--demp)}.sv-prikk{fill:var(--strek)}
.sv-aksent{fill:var(--rust)}.sv-linje{fill:none;stroke:var(--rust);stroke-width:3}
.sv-rad{font:400 38px var(--sans);fill:var(--tekst)}.sv-rad-b{font:600 40px var(--sans);fill:var(--tekst)}.sv-rad-d{font:400 32px var(--sans);fill:var(--demp)}.sv-rad-a{font:600 40px var(--sans);fill:var(--rust-t)}.sv-pille{font:600 28px var(--sans);fill:var(--paa-rust)}.sv-pille-d{font:600 28px var(--sans);fill:var(--tekst)}.sv-ki{font:600 58px var(--sans);fill:var(--paa-rust)}
.sv-kryss{fill:none;stroke:var(--paa-rust);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.sv-kryss-t{fill:var(--tekst);stroke:var(--flate);stroke-width:3;stroke-linejoin:round}
.sv-kan-p{font:600 38px var(--sans);fill:var(--paa-rust)}.sv-tom-plass{fill:none;stroke:var(--demp);stroke-width:3;stroke-dasharray:10 8}.sv-pil{fill:none;stroke:var(--rust);stroke-width:5}
.sv-kan{font:500 38px var(--sans);fill:var(--tekst)}.sv-tab{font:400 38px var(--sans);fill:var(--tekst)}.sv-tab-b{font:600 38px var(--sans);fill:var(--tekst)}.sv-rut-d{font:500 30px var(--sans);fill:var(--demp)}.sv-fx{font:italic 500 38px var(--serif);fill:var(--demp)}.sv-valgt{fill:none;stroke:var(--rust);stroke-width:5}.sv-linje-t{fill:none;stroke:var(--strek);stroke-width:3}
.sv-nr{font:600 26px var(--sans);fill:var(--paa-rust)}.sv-navn{font:400 58px var(--serif);fill:var(--tekst)}.sv-liten{font:400 22px var(--sans);fill:var(--demp)}
/* skissen som fylles ut mens man leser: spalte på stor skjerm, utsnitt under overskriftene ellers */
.skisse-defs{position:absolute;width:0;height:0;overflow:hidden}
.skisse-fast{display:none}
.skisse-fast svg{display:block;width:100%;height:auto}
.eksempel{margin:0 0 1.15em;content-visibility:auto;contain-intrinsic-size:auto 120px}
.i-tekst figure.eksempel{margin:0 0 1.3em}
.eksempel svg{display:block;width:100%;height:auto;border:1px solid var(--strek);border-radius:6px;background:var(--papir)}
.eksempel-merke{display:block;font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--demp);margin-bottom:8px}
.del .tom{opacity:0}
.del.aktiv:not(.er-fylt) .tom{opacity:1}
.del.aktiv:not(.er-fylt) .fylt{opacity:0}
.sk-tittel{font:500 46px var(--serif);fill:var(--tekst);letter-spacing:-.01em}
.sk-tekst{font:400 28px var(--sans);fill:var(--ingress)}
.sk-tekst-f{font:600 26px var(--sans);fill:var(--tekst)}
.sk-knapp{font:600 25px var(--sans);fill:var(--paa-rust)}
.sk-sitat{font:italic 400 27px var(--serif);fill:var(--tekst)}
.sk-navn{font:400 22px var(--sans);fill:var(--demp)}
.sk-levert{fill:var(--rust-t);font-weight:600}
.sk-merke{font:600 24px var(--sans);fill:var(--rust-t)}
.sk-hake{fill:none;stroke:var(--paa-rust);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.sk-pris{font:500 32px var(--serif);fill:var(--tekst)}
.sk-saks{fill:none;stroke:var(--rust);stroke-width:6;stroke-linecap:round}
.sk-tlf{fill:var(--paa-rust)}
@media (min-width:1120px){
  .i-rad.har-skisse{display:grid;grid-template-columns:minmax(0,calc(68ch + 56px)) minmax(0,420px);gap:24px;justify-content:center;align-items:start;max-width:1240px;margin:0 auto;padding-right:28px}
  .har-skisse .wrap-les{margin:0}
  .har-skisse .skisse-fast{display:block;position:sticky;top:124px}
  .i-tekst figure.eksempel{display:none}
}
@media (prefers-reduced-motion:no-preference){.del .tom,.del .fylt{transition:opacity .35s ease}}
.blogg .kort-fortalt{background:var(--tekst);color:var(--papir);border-radius:10px;padding:26px 28px 24px;margin:0 0 44px}
.blogg .kort-fortalt .b-etikett{margin-bottom:12px;color:var(--papir)}
.blogg .kort-fortalt ::marker{color:var(--rust-lys)}
.blogg .kort-fortalt ul{margin:0;padding-left:20px}
.blogg .kort-fortalt li{margin:6px 0;line-height:1.5}
.rett-til{display:inline-block;margin-top:12px;line-height:1.35;font:600 14px var(--sans);padding:8px 16px;border-radius:999px;background:var(--rust);color:var(--paa-rust);text-decoration:none}
.rett-til:hover{background:var(--rust-h)}
#verdien{scroll-margin-top:120px}
.i-tekst{font-size:18.5px;line-height:1.72}
.i-tekst>*{margin:0 0 1.15em}
.i-tekst h2{font-size:clamp(30px,3.4vw,42px);line-height:1.12;margin:2.2em 0 .55em;padding-top:.65em;border-top:2px solid var(--tekst)}
.i-tekst h3{font-size:24px;line-height:1.2;margin:1.6em 0 .5em}
.i-tekst a{color:var(--rust-t);text-underline-offset:3px}
.i-tekst ul,.i-tekst ol{padding-left:1.3em}
.i-tekst li{margin:.35em 0}
.i-tekst figure{margin:2em 0}
.i-tekst figure img{width:100%;height:auto;border-radius:6px}
.i-tekst blockquote{margin:1.6em 0 1.6em 1.2em;font-style:italic;color:var(--ingress)}
.i-tekst blockquote p{margin:0}
.tips{background:var(--kort);border:1.5px solid var(--tekst);border-radius:8px;padding:20px 24px}
.tips p{margin:0}
.tips p::before{content:"Tips  ";font:600 12.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rust-t)}

/* uthevet sitat med kopier og del */
.blogg .sitat{margin:2.6em 0;padding:clamp(26px,4vw,40px);border-radius:10px;background:var(--rust);color:var(--paa-rust)}
.blogg .sitat::before{content:"«";display:block;font:400 72px/.6 var(--serif);color:var(--paa-rust);margin-bottom:6px}
.blogg .sitat blockquote{margin:0;padding:0;border:0;color:var(--paa-rust)}
.blogg .sitat blockquote p{font:italic 400 clamp(24px,2.6vw,30px)/1.3 var(--serif);letter-spacing:-.01em}
.sitat-knapper{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.sitat-knapper button,.sitat-knapper a{font:600 13.5px var(--sans);padding:8px 14px;border-radius:999px;border:1.5px solid var(--paa-rust);background:transparent;color:var(--paa-rust);text-decoration:none;cursor:pointer}
.sitat-knapper button:hover,.sitat-knapper a:hover{background:var(--paa-rust);color:var(--rust)}
.blogg .sitat a:focus-visible,.blogg .sitat button:focus-visible{outline-color:var(--paa-rust)}

.forfatter{display:grid;gap:4px;border-top:1px solid var(--strek);padding-top:24px;margin-top:48px;color:var(--demp);line-height:1.5}
.forfatter b{color:var(--tekst);font-weight:600}
.b-cta{background:var(--tekst);color:var(--papir);border-radius:10px;padding:clamp(28px,4vw,44px);margin-top:40px}
.b-cta h2{font-size:clamp(28px,3vw,38px);line-height:1.1;color:var(--papir)}
.b-cta p{margin:12px 0 22px;color:var(--papir)}

/* kort og oversikt */
.o-topp{padding-bottom:44px}
.b-filter{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.b-filter button{font:600 14px var(--sans);padding:9px 16px;border-radius:999px;border:1px solid var(--strek);background:transparent;color:var(--tekst);cursor:pointer}
.b-filter button[aria-pressed="true"]{background:var(--tekst);border-color:var(--tekst);color:var(--papir)}
.b-rutenett{display:grid;grid-template-columns:minmax(0,1fr);gap:36px 28px}
@media (min-width:700px){.b-rutenett{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bkort{display:flex;flex-direction:column;gap:14px;color:var(--tekst);text-decoration:none}
.bkort img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:6px;background:var(--flate)}
.bkort .b-etikett{margin:0 0 8px}
.bkort h2,.bkort h3{font-size:24px;line-height:1.15}
.bkort-beskr{display:block;color:var(--demp);margin-top:8px;line-height:1.5}
.bkort:hover h2,.bkort:hover h3{color:var(--rust-t)}
.bkort.topp{margin-bottom:56px}
.bkort.topp h2{font-size:clamp(30px,3.6vw,46px)}
@media (min-width:860px){.bkort.topp{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center}}
.bkort[hidden]{display:none!important}
/* kort med fargefelt og symbol. Feltet følger kategorien og bruker bare temaets egne farger, så det følger lys og mørk modus. */
.bkort.felt{--felt:var(--rust);--paa-felt:var(--paa-rust);--sym:var(--paa-rust);--sym-a:var(--papir)}
.bkort.felt[data-kategori="markedsforing"]{--felt:var(--tekst);--paa-felt:var(--papir);--sym:var(--papir);--sym-a:var(--rust)}
.bkort.felt[data-kategori="ki"]{--felt:var(--kort);--paa-felt:var(--tekst);--sym:var(--rust);--sym-a:var(--tekst)}
.bkort-felt{display:block;position:relative;aspect-ratio:16/9;border-radius:10px;background:var(--felt);overflow:hidden}
.bkort.felt[data-kategori="ki"] .bkort-felt{box-shadow:inset 0 0 0 1px var(--strek)}
.bkort .bkort-felt svg{position:absolute;right:-2%;bottom:-26%;width:52%;height:auto;border-radius:0;overflow:visible}
.sy-s{fill:none;stroke:var(--sym);stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
.sy-fyll{fill:var(--felt)}
.sy-a{fill:var(--sym-a)}
.sy-as{fill:none;stroke:var(--sym-a);stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
/* nyeste innlegg: hele kortet er feltet, med tittelen på */
.bkort.felt.topp{display:flex;flex-direction:column;justify-content:flex-end;gap:0;position:relative;overflow:hidden;background:var(--felt);color:var(--paa-felt);border-radius:14px;padding:clamp(24px,4vw,56px);padding-top:52%;margin-bottom:56px}
.bkort.felt.topp[data-kategori="ki"]{box-shadow:inset 0 0 0 1px var(--strek)}
.bkort.felt.topp .bkort-felt{position:absolute;inset:0;aspect-ratio:auto;background:none;border-radius:0;box-shadow:none}
.bkort.felt.topp .bkort-felt svg{top:-8%;right:-10%;bottom:auto;width:62%}
.bkort.felt.topp .bkort-tekst{position:relative;align-self:flex-start;margin:0}
.bkort.felt.topp .b-etikett,.bkort.felt.topp .bkort-beskr{color:var(--paa-felt)}
.bkort.felt.topp .bkort-beskr{max-width:52ch}
.bkort.felt.topp h2{text-wrap:balance}
.bkort.felt.topp:hover h2{color:inherit;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.14em}
@media (min-width:760px){
  .bkort.felt.topp{min-height:clamp(340px,36vw,460px);padding-top:clamp(24px,4vw,56px)}
  .bkort.felt.topp .bkort-tekst{max-width:54%}
  .bkort.felt.topp .bkort-felt svg{top:auto;right:-2%;bottom:-26%;width:min(40%,460px)}
}
.relaterte{margin-top:80px}
.relaterte h2{font-size:clamp(28px,3vw,38px);margin-bottom:28px}
.tom{margin:0 0 40px}

.blogg a:focus-visible,.blogg button:focus-visible{outline:2px solid var(--rust);outline-offset:3px;border-radius:4px}
.sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.bkort img{transition:transform .3s ease}.bkort:hover img{transform:scale(1.015)}.bkort-felt svg{transition:transform .6s cubic-bezier(.16,1,.3,1)}.bkort:hover .bkort-felt svg,.bkort:focus-visible .bkort-felt svg{transform:translate(-4%,-6%) rotate(-4deg)}}