/* Didaktisk håndbok for KRLE-lærere · felles stil
   Skrift: Bricolage Grotesque (overskrifter) og Literata (brødtekst), begge SIL Open Font License. */

@font-face{font-family:"Schibsted";src:url("schibsted.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Schibsted";src:url("schibsted-i.woff2") format("woff2");font-weight:400 900;font-style:italic;font-display:swap}

:root{
  --papir:#F4F5F9;
  --flate:#FFFFFF;
  --blekk:#0D1033;
  --dempet:#565B78;
  --strek:#E2E4EE;
  --tone:#ECEEF5;
  --fokus:#4B5BFF;
  /* kapitlenes spekter: f = farge, l = lys, m = mørk (tekst på lys bunn) */
  --k1:#FF5C39;--k1l:#FFE9E3;--k1m:#B02E0F;
  --k2:#FFAE00;--k2l:#FFF3D6;--k2m:#8A5A00;
  --k3:#8CC63F;--k3l:#EEF7E1;--k3m:#3F6B10;
  --k4:#12B886;--k4l:#DDF6EE;--k4m:#0B6B4E;
  --k5:#00B3D6;--k5l:#DAF4FA;--k5m:#006A80;
  --k6:#3D63FF;--k6l:#E3E9FF;--k6m:#2440C7;
  --k7:#8B4DFF;--k7l:#EEE5FF;--k7m:#5A22C9;
  --k8:#E23FB1;--k8l:#FCE3F4;--k8m:#9C1B76;
  --k9:#FF4D6D;--k9l:#FFE4E9;--k9m:#B3183A;
  --kv:#0D1033;--kvl:#ECEEF5;--kvm:#0D1033;
  --f:var(--k1);--l:var(--k1l);--m:var(--k1m);
  --hode:"Schibsted",ui-sans-serif,"Segoe UI",system-ui,sans-serif;
  --tekst:"Schibsted",ui-sans-serif,"Segoe UI",system-ui,sans-serif;
  --r-stor:1.75rem;--r:1.125rem;--r-liten:0.75rem;
  --spekter:linear-gradient(90deg,var(--k1),var(--k2),var(--k3),var(--k4),var(--k5),var(--k6),var(--k7),var(--k8),var(--k9));
  --ax:62%;--ay:-22%;--bx:-18%;--by:58%;
}
.k1{--f:var(--k1);--l:var(--k1l);--m:var(--k1m)}
.k2{--f:var(--k2);--l:var(--k2l);--m:var(--k2m)}
.k3{--f:var(--k3);--l:var(--k3l);--m:var(--k3m)}
.k4{--f:var(--k4);--l:var(--k4l);--m:var(--k4m)}
.k5{--f:var(--k5);--l:var(--k5l);--m:var(--k5m)}
.k6{--f:var(--k6);--l:var(--k6l);--m:var(--k6m)}
.k7{--f:var(--k7);--l:var(--k7l);--m:var(--k7m)}
.k8{--f:var(--k8);--l:var(--k8l);--m:var(--k8m)}
.k9{--f:var(--k9);--l:var(--k9l);--m:var(--k9m)}
.kv{--f:var(--kv);--l:var(--kvl);--m:var(--kvm)}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;font-size:clamp(15px,14px + .25vw,18px);scroll-padding-top:7.5rem}
body{margin:0;background:var(--papir);color:var(--blekk);font-family:var(--tekst);font-size:1.125rem;line-height:1.68;font-kerning:normal;text-rendering:optimizeLegibility}
img,svg{max-width:100%;display:block}
a{color:var(--m);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{text-decoration-color:var(--f)}
h1,h2,h3,h4{font-family:var(--hode);line-height:1.08;letter-spacing:-.01em;margin:0;text-wrap:balance;font-optical-sizing:auto}
p,li{text-wrap:pretty}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--fokus);outline-offset:3px;border-radius:0.375rem}
.hopp{position:absolute;left:-9999px;top:0.5rem;background:var(--blekk);color:#fff;padding:0.625rem 1rem;border-radius:62.4375rem;z-index:100;font-family:var(--hode)}
.hopp:focus{left:0.75rem}
.skjult{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Topplinje */
.topp{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--papir) 92%,transparent);backdrop-filter:blur(0.625rem);-webkit-backdrop-filter:blur(0.625rem);border-bottom:1px solid var(--strek)}
.topp-indre{max-width:73.75rem;margin:0 auto;display:flex;align-items:center;gap:0.875rem;padding:0.625rem clamp(1rem,4vw,2rem);font-family:var(--hode)}
.merke{display:flex;align-items:center;gap:0.625rem;text-decoration:none;color:var(--blekk);font-weight:750;font-size:1.125rem;white-space:nowrap}
.merke-bue{width:1.375rem;height:1.625rem;border-radius:0.6875rem 0.6875rem 3px 3px;background:conic-gradient(from 180deg at 50% 100%,var(--k1),var(--k2),var(--k3),var(--k4),var(--k5),var(--k6),var(--k7),var(--k8),var(--k9),var(--k1))}
.topp-hvor{font-size:0.9375rem;color:var(--dempet);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.topp-hoyre{margin-left:auto;display:flex;gap:0.5rem;align-items:center}
.knapp{display:inline-flex;align-items:center;gap:0.5rem;border:2px solid var(--blekk);background:var(--flate);color:var(--blekk);border-radius:62.4375rem;padding:0.5rem 1rem;font-family:var(--hode);font-weight:650;font-size:0.9688rem;text-decoration:none;line-height:1.2}
.knapp:hover{background:var(--tone)}
.knapp-fylt{background:var(--blekk);color:#fff}
.knapp-fylt:hover{background:#38335f}
.knapp-farge{background:var(--f);border-color:var(--f);color:#fff}
.knapp-farge:hover{background:var(--m);border-color:var(--m)}
.fremdrift{position:absolute;left:0;bottom:-1px;height:3px;background:var(--f);width:0;transition:width .1s linear}

/* Meny (skuff) */
.skuff{border:none;padding:0;margin:0 0 0 auto;height:100%;max-height:none;width:min(26.25rem,92vw);background:var(--papir);color:var(--blekk)}
.skuff::backdrop{background:rgba(31,27,61,.45)}
.skuff-indre{padding:1.25rem 1.375rem 2.5rem;font-family:var(--hode)}
.skuff-topp{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.125rem}
.skuff h2{font-size:0.9375rem;color:var(--dempet);font-weight:600;margin:1.375rem 0 0.5rem}
.skuff ul{list-style:none;margin:0;padding:0;display:grid;gap:0.25rem}
.skuff a{display:flex;align-items:center;gap:0.75rem;text-decoration:none;color:var(--blekk);padding:0.5625rem 0.625rem;border-radius:0.75rem;font-weight:600;font-size:1.0312rem}
.skuff a:hover,.skuff a[aria-current="page"]{background:var(--l)}
.skuff .nr{flex:0 0 auto;width:1.875rem;height:2.125rem;border-radius:0.9375rem 0.9375rem 0.25rem 0.25rem;background:var(--f);color:#fff;display:grid;place-items:center;font-size:0.9375rem;font-weight:750}
.skuff .prikk{flex:0 0 auto;width:0.75rem;height:0.75rem;border-radius:50%;background:var(--f);margin:0 0.5625rem}

/* Felles flater */
.side{max-width:73.75rem;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}
.lesebredde{max-width:68ch}
.ingress{font-size:clamp(1.1875rem,2.1vw,1.375rem);line-height:1.55;color:var(--dempet)}
.fot{margin-top:4.5rem;border-top:1px solid var(--strek);padding:1.75rem 0 3.75rem;font-family:var(--hode);font-size:0.9375rem;color:var(--dempet)}
.fot p{margin:0 0 0.375rem}

/* ---------- Kapittelsiden ---------- */
.kap-hode{display:grid;grid-template-columns:minmax(0,1fr);gap:1.75rem;padding:clamp(1.75rem,5vw,4rem) 0 1.75rem;align-items:end}
@media(min-width:860px){.kap-hode{grid-template-columns:18.75rem minmax(0,1fr);gap:3.5rem}}
.bue{position:relative;aspect-ratio:3/4;max-width:18.75rem;width:62%;border-radius:62.4375rem 62.4375rem 1.625rem 1.625rem;background:var(--f);overflow:hidden;isolation:isolate}
@media(min-width:860px){.bue{width:100%}}
.bue::before{content:"";position:absolute;inset:0.875rem 0.875rem 0;border-radius:62.4375rem 62.4375rem 0.875rem 0.875rem;border:3px solid rgba(255,255,255,.5);border-bottom:none}
.bue::after{content:"";position:absolute;left:50%;bottom:-18%;width:120%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28) 0 30%,transparent 31%),repeating-conic-gradient(from 0deg,rgba(255,255,255,.16) 0 10deg,transparent 10deg 20deg);z-index:-1}
.bue-tall{position:absolute;inset:auto 0 12% 0;text-align:center;font-family:var(--hode);font-weight:800;font-size:clamp(6.875rem,16vw,11.875rem);line-height:.8;color:#fff;letter-spacing:-.04em}
.kap-tittel h1{font-size:clamp(2.5rem,6.4vw,4.75rem);font-weight:780;letter-spacing:-.025em;margin:0.375rem 0 1rem}
.kap-tittel .kap-nr{font-family:var(--hode);font-weight:650;font-size:1.0625rem;color:var(--m)}
.kap-tittel .ingress{margin:0;max-width:44ch}
.seminar{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:0.5rem;font-family:var(--hode);font-size:0.9375rem}
.seminar span{background:var(--l);color:var(--m);border-radius:62.4375rem;padding:0.375rem 0.8125rem;font-weight:600}

.maal{background:var(--flate);border:2px solid var(--strek);border-radius:var(--r-stor);padding:clamp(1.25rem,3vw,2rem);margin:0.625rem 0 2.25rem}
.maal h2{font-size:1.375rem;margin:0 0 0.75rem}
.maal ul{margin:0;padding:0;list-style:none;display:grid;gap:0.625rem}
.maal li{position:relative;padding-left:1.875rem;font-size:1.0625rem;line-height:1.55}
.maal li::before{content:"";position:absolute;left:0;top:.3em;width:1rem;height:1.1875rem;border-radius:0.5rem 0.5rem 3px 3px;background:var(--f)}

/* Delnavigasjon */
.delnav{position:sticky;top:3.5625rem;z-index:30;background:color-mix(in srgb,var(--papir) 94%,transparent);backdrop-filter:blur(0.5rem);-webkit-backdrop-filter:blur(0.5rem);margin:0 calc(-1*clamp(1rem,4vw,2rem));padding:0.625rem clamp(1rem,4vw,2rem);border-bottom:1px solid var(--strek)}
.delnav ol{list-style:none;margin:0;padding:0;display:flex;gap:0.5rem;overflow-x:auto;scrollbar-width:none}
.delnav ol::-webkit-scrollbar{display:none}
.delnav a{display:flex;align-items:center;gap:0.5rem;white-space:nowrap;text-decoration:none;font-family:var(--hode);font-weight:600;font-size:0.9375rem;color:var(--blekk);border:2px solid var(--strek);background:var(--flate);border-radius:62.4375rem;padding:0.375rem 0.875rem 0.375rem 0.375rem}
.delnav a b{display:grid;place-items:center;width:1.625rem;height:1.625rem;border-radius:50%;background:var(--l);color:var(--m);font-size:0.875rem}
.delnav a[aria-current="true"]{border-color:var(--f);background:var(--l)}
.delnav a[aria-current="true"] b{background:var(--f);color:#fff}

/* Fagtekst */
.fagtekst{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.del{padding:2.875rem 0 0.625rem;border-bottom:1px dashed var(--strek)}
.del:last-child{border-bottom:none}
.del-hode{display:flex;align-items:center;gap:1rem;margin-bottom:1.375rem}
.del-hode .tall{flex:0 0 auto;width:3.25rem;height:3.875rem;border-radius:1.625rem 1.625rem 0.5rem 0.5rem;background:var(--f);color:#fff;display:grid;place-items:center;font-family:var(--hode);font-weight:800;font-size:1.75rem}
.del-hode h2{font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:760}
.del-hode small{display:block;font-family:var(--hode);font-size:0.9375rem;color:var(--dempet);font-weight:500;margin-bottom:0.25rem}
.del .tekst{max-width:68ch}
.del .tekst p{margin:0 0 1.05em}
.del .tekst h3{font-size:1.5rem;font-weight:720;margin:1.6em 0 .55em}
.del .tekst em{font-style:italic}
.boks{background:var(--l);border-radius:var(--r);padding:1rem 1.25rem;font-size:1.0625rem}
.sitat{font-family:var(--hode);font-size:clamp(1.3125rem,2.4vw,1.625rem);font-weight:600;line-height:1.3;color:var(--m);border-left:0.375rem solid var(--f);padding:0.25rem 0 0.25rem 1.25rem;margin:1.4em 0!important}
.utdyp{background:var(--flate);border:2px solid var(--l);border-radius:var(--r);padding:1.125rem 1.375rem;margin:1.4em 0}
.utdyp h3{margin:0 0 .3em!important;font-size:1.3125rem!important}
.utdyp p:last-child{margin-bottom:0}

/* Ordlisteknapper i teksten */
button.ord{display:inline;border:none;background:none;padding:0;margin:0;font:inherit;color:inherit;text-align:inherit;cursor:help;background-image:linear-gradient(var(--f),var(--f));background-size:100% 2px;background-repeat:no-repeat;background-position:0 100%;border-radius:0}
button.ord:hover{background-size:100% 100%;background-image:linear-gradient(var(--l),var(--l))}

/* Ordlistekort */
.ordkort{border:none;border-radius:var(--r-stor);padding:0;max-width:min(32.5rem,92vw);background:var(--flate);color:var(--blekk);box-shadow:0 1.875rem 5rem rgba(31,27,61,.28)}
.ordkort::backdrop{background:rgba(31,27,61,.35)}
.ordkort-indre{padding:1.625rem 1.625rem 1.375rem;border-top:0.625rem solid var(--f)}
.ordkort h2{font-size:1.75rem;margin:0 0 0.25rem}
.ordkort .kapitler{font-family:var(--hode);font-size:0.9062rem;color:var(--dempet);margin:0 0 0.875rem}
.ordkort p{margin:0 0 0.75rem;font-size:1.0625rem}
.ordkort .enkelt{background:var(--l);border-radius:var(--r);padding:0.875rem 1rem}
.ordkort-knapper{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:0.75rem}
@media(max-width:600px){.ordkort{margin:auto 0 0;max-width:100vw;width:100vw;border-radius:var(--r-stor) var(--r-stor) 0 0}}

/* Figurer */
.figur{margin:2.125rem 0 2.375rem;max-width:55rem}
.figur-ramme{background:var(--flate);border:2px solid var(--strek);border-radius:11.25rem 11.25rem var(--r-stor) var(--r-stor);padding:clamp(3.5rem,7vw,5rem) clamp(1rem,3vw,2.125rem) clamp(1.25rem,3vw,1.875rem);position:relative}
.figur-ramme > .fig-nr{position:absolute;left:50%;top:1.375rem;transform:translateX(-50%);font-family:var(--hode);font-weight:700;font-size:0.9062rem;color:var(--m);background:var(--l);border-radius:62.4375rem;padding:0.25rem 0.75rem;white-space:nowrap}
.figur h3.fig-tittel{font-size:clamp(1.3125rem,2.5vw,1.625rem);text-align:center;margin:0 auto 1.375rem;max-width:30ch}
.figur figcaption{font-family:var(--hode);font-size:0.9375rem;line-height:1.5;color:var(--dempet);margin:0.75rem 0.375rem 0;max-width:72ch}
.fig{font-family:var(--hode);font-size:1rem;line-height:1.35}
.fig b{font-weight:720}
.fig small{display:block;font-size:0.875rem;color:var(--dempet);font-weight:500;margin-top:0.25rem}
.fig-rad{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit,minmax(11.875rem,1fr))}
.fig-felt{border-radius:var(--r);padding:1rem 1.125rem;background:var(--tone)}
.fig-felt.f{background:var(--l)}
.fig-felt.sterk{background:var(--f);color:#fff}
.fig-felt.sterk small{color:rgba(255,255,255,.88)}
.fig-felt.strek{background:var(--flate);border:2px dashed var(--strek)}
.fig-merk{margin:1rem auto 0;text-align:center;font-weight:650;color:var(--m);max-width:46ch}
.fig-pil{display:grid;place-items:center;font-size:1.75rem;color:var(--f);font-weight:800}
.fig-akse{font-size:0.8438rem;font-weight:700;color:var(--m);letter-spacing:.02em}
/* kryssfigur 2x2 */
.kryss{display:grid;grid-template-columns:auto 1fr 1fr;gap:0.625rem;align-items:stretch}
.kryss .hj{display:grid;place-items:center;font-weight:700;color:var(--m);font-size:0.9062rem}
.kryss .hj.rad{writing-mode:vertical-rl;transform:rotate(180deg);padding:0.25rem}
.kryss .fig-felt{min-height:6rem}
@media(max-width:520px){.kryss{grid-template-columns:1fr 1fr}.kryss .hj.rad{writing-mode:horizontal-tb;transform:none;grid-column:1/-1;justify-content:start}.kryss .tom{display:none}}
/* nivåer og ringer */
.trapp{display:grid;gap:0.625rem}
.trapp .fig-felt{display:flex;gap:0.875rem;align-items:center}
.trapp .nivaa{flex:0 0 auto;width:2.375rem;height:2.75rem;border-radius:1.1875rem 1.1875rem 0.375rem 0.375rem;display:grid;place-items:center;background:var(--f);color:#fff;font-weight:800}
.ringer{display:grid;place-items:center;padding:0.375rem 0}
.ringer > div{border-radius:50%;display:grid;place-items:center;text-align:center;padding:0.75rem}
.tidslinje{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.tidslinje li{display:grid;grid-template-columns:4rem 1.125rem 1fr;gap:0.75rem;align-items:start;padding:0.375rem 0}
.tidslinje li::before{content:"";grid-column:2;grid-row:1;width:1.125rem;height:1.375rem;border-radius:0.5625rem 0.5625rem 3px 3px;background:var(--l);border:2px solid var(--f);margin-top:2px}
.tidslinje li.vendepunkt::before{background:var(--f)}
.tidslinje .aar{grid-column:1;grid-row:1;font-weight:800;color:var(--m);text-align:right}
.tidslinje .hva{grid-column:3;grid-row:1}
.syklus{display:grid;grid-template-columns:1fr 1fr;gap:0.625rem;max-width:32.5rem;margin:0 auto;position:relative}
.syklus .fig-felt{text-align:center;padding:1.375rem 0.75rem}
.syklus .midt{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:5.625rem;height:5.625rem;border-radius:50%;background:var(--f);color:#fff;display:grid;place-items:center;font-weight:800;font-size:0.875rem;text-align:center;line-height:1.15;box-shadow:0 0 0 0.5rem var(--flate)}
.tabell-fig{width:100%;border-collapse:separate;border-spacing:0 0.5rem;font-size:0.9688rem}
.tabell-fig th{text-align:left;font-weight:700;color:var(--m);padding:0 0.75rem;font-size:0.875rem}
.tabell-fig td{background:var(--tone);padding:0.75rem 0.875rem;vertical-align:top}
.tabell-fig td:first-child{border-radius:0.75rem 0 0 0.75rem;font-weight:700}
.tabell-fig td:last-child{border-radius:0 0.75rem 0.75rem 0}
.skjema-fig{display:grid;gap:0.625rem;grid-template-columns:repeat(auto-fit,minmax(9.375rem,1fr))}
.skjema-fig .fig-felt{min-height:9.375rem;display:flex;flex-direction:column}
.skjema-fig .fig-felt small{flex:1}
.skjema-fig .linje{border-bottom:2px dotted var(--strek);height:1.375rem}

/* Video */
.video{margin:1.625rem 0;max-width:45rem}
.video-knapp{width:100%;aspect-ratio:16/9;border:none;border-radius:var(--r-stor);background:var(--f);color:#fff;display:grid;place-items:center;position:relative;overflow:hidden;padding:0}
.video-knapp::after{content:"";position:absolute;inset:auto -10% -40% -10%;height:80%;border-radius:50%;background:rgba(255,255,255,.14)}
.video-knapp span{position:relative;z-index:1;font-family:var(--hode);font-weight:700;font-size:1.25rem;display:flex;flex-direction:column;align-items:center;gap:0.75rem}
.video-knapp i{width:4.625rem;height:4.625rem;border-radius:50%;background:#fff;display:grid;place-items:center}
.video-knapp i::before{content:"";border-left:1.375rem solid var(--f);border-top:0.875rem solid transparent;border-bottom:0.875rem solid transparent;margin-left:0.375rem}
.video iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--r-stor)}
.video p{font-family:var(--hode);font-size:0.9062rem;color:var(--dempet);margin:0.5rem 0.25rem 0}

/* Neste del */
.videre{display:flex;justify-content:space-between;gap:0.625rem;flex-wrap:wrap;margin:1.375rem 0 0.625rem;font-family:var(--hode)}

/* Arbeid med kapitlet */
.arbeid{margin-top:3.5rem;background:var(--l);border-radius:var(--r-stor);padding:clamp(1.375rem,4vw,2.75rem)}
.arbeid > h2{font-size:clamp(1.875rem,4vw,2.75rem);font-weight:780;margin:0 0 0.5rem}
.arbeid > p{margin:0 0 1.375rem;max-width:60ch}
.faner{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.125rem}
.faner button{border:2px solid var(--m);background:transparent;color:var(--m);border-radius:62.4375rem;padding:0.5rem 1rem;font-family:var(--hode);font-weight:650;font-size:0.9688rem}
.faner button[aria-selected="true"]{background:var(--m);color:#fff}
.fanepanel{background:var(--flate);border-radius:var(--r-stor);padding:clamp(1.25rem,3vw,2.125rem)}
.fanepanel[hidden]{display:none}
.fanepanel h3{font-size:clamp(1.4375rem,2.8vw,1.875rem);margin:0 0 0.375rem}
.fanepanel .ramme{font-family:var(--hode);font-size:0.9375rem;color:var(--dempet);margin:0 0 1rem}
.fanepanel ol,.fanepanel ul{padding-left:1.3em;margin:0 0 1rem}
.fanepanel li{margin:0 0 0.5rem}
.provestein{border:2px dashed var(--f);border-radius:var(--r);padding:0.875rem 1.125rem;font-size:1.0312rem;margin-top:0.625rem}
.provestein b{font-family:var(--hode);color:var(--m)}
.sporsmal{display:grid;gap:0.75rem;padding:0;list-style:none}
.sporsmal li{background:var(--tone);border-radius:var(--r);padding:0.875rem 1.125rem}
.sporsmal b{font-family:var(--hode);display:block;margin-bottom:2px}

/* Test deg selv */
.quiz{display:grid;gap:0.875rem}
.quiz-kort{border:2px solid var(--strek);border-radius:var(--r);padding:1rem 1.125rem}
.quiz-kort p{margin:0 0 0.625rem;font-size:1.0625rem}
.quiz-valg{display:flex;flex-wrap:wrap;gap:0.5rem}
.quiz-valg button{border:2px solid var(--strek);background:var(--flate);border-radius:62.4375rem;padding:0.4375rem 0.875rem;font-family:var(--hode);font-weight:600;font-size:0.9375rem}
.quiz-valg button:hover{border-color:var(--f)}
.quiz-valg button.riktig{background:#DDF5E8;border-color:#2FB574}
.quiz-valg button.feil{background:#FDE6E7;border-color:#F2545B}
.quiz-svar{font-family:var(--hode);font-size:0.9375rem;margin-top:0.5rem;color:var(--dempet);min-height:1em}
.quiz-sum{font-family:var(--hode);font-weight:650}

/* Kilder */
details.kilder{margin-top:2.75rem;border-top:2px solid var(--strek);padding-top:1.125rem}
details.kilder summary{font-family:var(--hode);font-weight:700;font-size:1.375rem;cursor:pointer;list-style:none;display:flex;align-items:center;gap:0.625rem}
details.kilder summary::-webkit-details-marker{display:none}
details.kilder summary::after{content:"+";font-size:1.625rem;color:var(--m);margin-left:auto}
details.kilder[open] summary::after{content:"–"}
.kildeliste{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:0.625rem;font-size:1rem;line-height:1.55}
.kildeliste li{padding-left:2em;text-indent:-2em}

/* Kapittelbytte */
.bytt{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-top:2.75rem}
.bytt a{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--blekk);background:var(--flate);border:2px solid var(--strek);border-radius:var(--r-stor);padding:1rem 1.25rem;font-family:var(--hode)}
.bytt a:hover{border-color:var(--f)}
.bytt a.neste{justify-content:flex-end;text-align:right}
.bytt .liten-bue{flex:0 0 auto;width:2.5rem;height:3rem;border-radius:1.25rem 1.25rem 0.375rem 0.375rem;background:var(--f);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.25rem}
.bytt small{display:block;color:var(--dempet);font-size:0.875rem}
.bytt b{font-size:1.125rem}

/* ---------- Forsiden ---------- */
.forside-hode{padding:clamp(2.25rem,6vw,5rem) 0 1.125rem;display:grid;gap:1.25rem}
.forside-hode h1{font-size:clamp(2.75rem,6.6vw,5.5rem);font-weight:800;letter-spacing:-.035em;line-height:.95;max-width:15ch}
.forside-hode .ingress{max-width:52ch;margin:0}
.arkade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(0.5rem,1.4vw,1rem);margin:2.125rem 0 1.125rem;list-style:none;padding:0}
@media(min-width:760px){.arkade{grid-template-columns:repeat(9,minmax(0,1fr))}}
.arkade a{display:flex;flex-direction:column;text-decoration:none;color:var(--blekk);gap:0.625rem}
.arkade .bue-liten{aspect-ratio:2/3;border-radius:62.4375rem 62.4375rem 0.875rem 0.875rem;background:var(--f);position:relative;overflow:hidden;display:grid;place-items:end center;padding-bottom:10%;transition:transform .25s cubic-bezier(.2,.7,.3,1.3)}
.arkade .bue-liten::before{content:"";position:absolute;inset:7% 9% 0;border-radius:62.4375rem 62.4375rem 0.5rem 0.5rem;border:2px solid rgba(255,255,255,.5);border-bottom:none}
.arkade .bue-liten span{font-family:var(--hode);font-weight:800;color:#fff;font-size:clamp(2.125rem,5vw,3.5rem);line-height:1}
.arkade a:hover .bue-liten{transform:translateY(-8px)}
.arkade b{font-family:var(--hode);font-size:0.9688rem;line-height:1.2;font-weight:700}
.arkade small{display:block;font-family:var(--hode);font-size:0.8438rem;color:var(--dempet);font-weight:500;line-height:1.3;margin-top:2px}
@media(prefers-reduced-motion:no-preference){.arkade li{animation:reis .7s cubic-bezier(.2,.7,.3,1.15) backwards}.arkade li:nth-child(2){animation-delay:.05s}.arkade li:nth-child(3){animation-delay:.1s}.arkade li:nth-child(4){animation-delay:.15s}.arkade li:nth-child(5){animation-delay:.2s}.arkade li:nth-child(6){animation-delay:.25s}.arkade li:nth-child(7){animation-delay:.3s}.arkade li:nth-child(8){animation-delay:.35s}.arkade li:nth-child(9){animation-delay:.4s}}
@keyframes reis{from{opacity:0;transform:translateY(2.5rem)}}
.deler-forside{display:grid;gap:0.875rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));margin-top:2.875rem}
.verktoy-liste{list-style:none;padding:0;margin:0;display:grid;gap:0.625rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,13.125rem),1fr))}
.verktoy-liste a{display:block;height:100%;text-decoration:none;color:var(--blekk);background:var(--flate);border:2px solid var(--strek);border-radius:var(--r);padding:1rem 1.125rem;font-family:var(--hode)}
.verktoy-liste a:hover{border-color:var(--blekk)}
.verktoy-liste b{font-size:1.1875rem;display:block}
.verktoy-liste span{font-size:0.9375rem;color:var(--dempet)}
.seksjon-tittel{font-size:clamp(1.75rem,3.6vw,2.5rem);font-weight:780;margin:4rem 0 1rem}

/* ---------- Verktøysider ---------- */
.verktoy-hode{padding:clamp(1.875rem,5vw,3.75rem) 0 1.25rem}
.verktoy-hode h1{font-size:clamp(2.5rem,6vw,4.375rem);font-weight:790;letter-spacing:-.025em;margin:0 0 0.75rem}
.verktoy-hode .ingress{margin:0;max-width:56ch}
.sok{display:flex;gap:0.625rem;flex-wrap:wrap;margin:1.5rem 0 0.875rem}
.sok input,.felt textarea,.felt select,.samtale textarea{font:inherit;font-family:var(--hode);font-size:1.0625rem;color:var(--blekk);background:var(--flate);border:2px solid var(--strek);border-radius:0.875rem;padding:0.75rem 1rem;width:100%}
.sok input{flex:1 1 17.5rem;width:auto}
.sok input:focus,.felt textarea:focus,.samtale textarea:focus{border-color:var(--blekk);outline:none}
.filter{display:flex;flex-wrap:wrap;gap:0.375rem;margin:0 0 1.25rem}
.filter button{border:2px solid var(--strek);background:var(--flate);border-radius:62.4375rem;padding:0.375rem 0.8125rem;font-family:var(--hode);font-weight:650;font-size:0.9062rem}
.filter button[aria-pressed="true"]{background:var(--blekk);color:#fff;border-color:var(--blekk)}
.filter button.kap[aria-pressed="true"]{background:var(--f);border-color:var(--f)}
.begreper{display:grid;gap:0.625rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,18.75rem),1fr))}
.begrep{text-align:left;border:2px solid var(--strek);background:var(--flate);border-radius:var(--r);padding:0.875rem 1rem;display:flex;flex-direction:column;gap:0.375rem}
.begrep:hover{border-color:var(--blekk)}
.begrep b{font-family:var(--hode);font-size:1.125rem;line-height:1.25}
.begrep span{font-size:0.9688rem;line-height:1.5;color:var(--dempet)}
.begrep .chips{display:flex;gap:0.25rem;flex-wrap:wrap}
.chip{font-family:var(--hode);font-size:0.7812rem;font-weight:700;border-radius:62.4375rem;padding:2px 0.5625rem;background:var(--l);color:var(--m)}
.tom-melding{font-family:var(--hode);color:var(--dempet);padding:1.875rem 0}
.metoder{display:grid;gap:1rem}
.metode{background:var(--flate);border:2px solid var(--strek);border-radius:var(--r-stor);padding:clamp(1.125rem,3vw,1.75rem)}
.metode-hode{display:flex;justify-content:space-between;align-items:baseline;gap:0.75rem;flex-wrap:wrap}
.metode h2{font-size:clamp(1.5rem,2.8vw,1.875rem)}
.metode .intro{margin:0.625rem 0 1rem;max-width:70ch}
.metode .tre{display:grid;gap:0.625rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,14.375rem),1fr))}
.metode .tre div{background:var(--l);border-radius:var(--r);padding:0.875rem 1rem;font-size:1rem;line-height:1.55}
.metode .tre h3{font-size:1rem;margin:0 0 0.25rem;color:var(--m)}
.skjema{display:grid;gap:0.875rem;max-width:51.25rem}
.felt{background:var(--flate);border:2px solid var(--strek);border-radius:var(--r-stor);padding:1rem 1.125rem}
.felt label{display:flex;gap:0.75rem;align-items:center;font-family:var(--hode);font-weight:700;font-size:1.125rem;margin-bottom:0.375rem}
.felt label b{flex:0 0 auto;width:2rem;height:2.375rem;border-radius:1rem 1rem 0.3125rem 0.3125rem;background:var(--f);color:#fff;display:grid;place-items:center}
.felt .hjelp{font-family:var(--hode);font-size:0.9375rem;color:var(--dempet);margin:0 0 0.625rem}
.felt textarea{min-height:5.25rem;resize:vertical;line-height:1.5}
.samtale{background:var(--flate);border:2px solid var(--strek);border-radius:var(--r-stor);padding:clamp(1rem,3vw,1.75rem);max-width:56.25rem}
.meldinger{display:flex;flex-direction:column;gap:0.75rem;min-height:10rem;margin:1rem 0}
.melding{max-width:min(42.5rem,88%);border-radius:1.375rem;padding:0.75rem 1.125rem;white-space:pre-wrap;font-size:1.0625rem;line-height:1.55}
.melding.du{align-self:flex-end;background:var(--blekk);color:#fff;border-bottom-right-radius:0.375rem}
.melding.svar{align-self:flex-start;background:var(--tone);border-bottom-left-radius:0.375rem}
.samtale-skriv{display:flex;gap:0.625rem;align-items:flex-end;flex-wrap:wrap}
.samtale-skriv textarea{flex:1 1 18.75rem;min-height:3.75rem;width:auto}
.forslag{display:flex;gap:0.5rem;flex-wrap:wrap}
.forslag button{border:2px solid var(--f);background:var(--l);color:var(--m);border-radius:62.4375rem;padding:0.4375rem 0.875rem;font-family:var(--hode);font-weight:650;font-size:0.9375rem}
.liten{font-family:var(--hode);font-size:0.9062rem;color:var(--dempet)}
.oppgaver{display:grid;gap:1rem}
.oppgave{background:var(--flate);border:2px solid var(--strek);border-radius:var(--r-stor);padding:clamp(1.125rem,3vw,1.875rem)}
.oppgave-hode{display:flex;gap:1rem;align-items:flex-start}
.oppgave-hode .liten-bue{flex:0 0 auto;width:2.75rem;height:3.25rem;border-radius:1.375rem 1.375rem 0.375rem 0.375rem;background:var(--blekk);color:#fff;display:grid;place-items:center;font-family:var(--hode);font-weight:800;font-size:1.25rem}
.oppgave h2{font-size:clamp(1.4375rem,2.8vw,1.875rem)}
.oppgave .bygger{font-family:var(--hode);font-size:0.9375rem;color:var(--dempet);margin-top:0.25rem}
.trinn{display:grid;gap:0.625rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:0.875rem 0}
.trinn div{background:var(--tone);border-radius:var(--r);padding:0.75rem 1rem;font-size:1.0312rem}
.trinn b{font-family:var(--hode);display:block;font-size:0.9062rem;color:var(--dempet)}
.sensor{margin-top:0.875rem;border-top:2px dashed var(--strek);padding-top:0.875rem}
.sensor summary{font-family:var(--hode);font-weight:700;cursor:pointer;color:var(--blekk)}
.karakterer{list-style:none;padding:0;margin:0.75rem 0 0;display:grid;gap:0.5rem}
.karakterer li{display:grid;grid-template-columns:2.5rem 1fr;gap:0.75rem;align-items:start;font-size:1rem}
.karakterer b{font-family:var(--hode);font-size:1.25rem;width:2.5rem;height:2.5rem;border-radius:0.75rem;background:var(--tone);display:grid;place-items:center}

@media print{
  .topp,.delnav,.arbeid .faner,.video,.bytt,.skuff,.hopp,.fot{display:none!important}
  body{background:#fff;font-size:12pt}
  .fanepanel[hidden]{display:block!important}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){body{font-size:1.0625rem}.del{padding-top:2.125rem}.figur-ramme{border-radius:7.5rem 7.5rem var(--r-stor) var(--r-stor)}}
@media(max-width:640px){.topp-hvor{display:none}.topp-hoyre .knapp:not(.knapp-fylt){display:none}.bue{width:46%}.maal li{font-size:1rem}}
.maal ul{max-width:80ch}
h1,h2,h3,.fig b,.arkade b{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto}
.del-hode > div{min-width:0}
select{max-width:100%}
@media(max-width:520px){.fig-rad[style*="grid-template-columns:1fr auto 1fr"]{grid-template-columns:1fr!important}.fig-rad[style*="grid-template-columns:1fr auto 1fr"] .fig-pil{transform:rotate(90deg)}}

.arkade b{hyphens:manual;-webkit-hyphens:manual;font-size:0.9375rem}
@media(min-width:760px){.arkade small{display:none}}
.forside-hode{padding-bottom:0}
.arkade{margin-top:1.75rem}
.arkade b{display:block;line-height:1.25}.arkade small{display:none!important}
.fig-merk{max-width:none}
.skjema-fig{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:600px){.skjema-fig{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* =========================================================
   Moderne uttrykk (november 2026): sirkler og avrundede flater
   i stedet for buer, tynne linjer, én grotesk skrift.
   ========================================================= */
.k1{--ax:58%;--ay:-24%;--bx:-20%;--by:56%}
.k2{--ax:-22%;--ay:-20%;--bx:52%;--by:52%}
.k3{--ax:40%;--ay:46%;--bx:-26%;--by:-26%}
.k4{--ax:60%;--ay:30%;--bx:4%;--by:-40%}
.k5{--ax:-30%;--ay:36%;--bx:56%;--by:-30%}
.k6{--ax:30%;--ay:-38%;--bx:-24%;--by:60%}
.k7{--ax:56%;--ay:56%;--bx:-30%;--by:-10%}
.k8{--ax:-18%;--ay:-34%;--bx:40%;--by:44%}
.k9{--ax:20%;--ay:50%;--bx:58%;--by:-36%}

body{font-size:1.125rem;line-height:1.62;letter-spacing:-.003em;font-feature-settings:"ss01"}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.025em;line-height:1.05}
.del .tekst p{line-height:1.66}

/* Topplinje og knapper */
.topp{background:color-mix(in srgb,var(--papir) 86%,transparent);border-bottom:1px solid var(--strek)}
.merke{font-weight:800;letter-spacing:-.02em}
.merke-bue{width:1.5rem;height:1.5rem;border-radius:50%;background:conic-gradient(var(--k1),var(--k2),var(--k3),var(--k4),var(--k5),var(--k6),var(--k7),var(--k8),var(--k9),var(--k1));box-shadow:inset 0 0 0 0.375rem color-mix(in srgb,var(--papir) 0%,transparent)}
.knapp{border:1px solid var(--strek);font-weight:650;padding:0.5625rem 1.125rem}
.knapp:hover{background:var(--flate);border-color:var(--blekk)}
.knapp-fylt{border-color:var(--blekk)}
.knapp-fylt:hover{background:#262a5c;border-color:#262a5c}
.fremdrift{height:3px;background:var(--spekter);background-size:100vw 100%}

/* Meny */
.skuff .nr{width:2.125rem;height:2.125rem;border-radius:0.75rem}
.skuff a{border-radius:0.875rem}

/* Kapittelhode: flis med sirkler */
.bue{aspect-ratio:1;border-radius:2.5rem;background:var(--f);isolation:isolate}
.bue::before{content:"";position:absolute;inset:auto;left:var(--ax);top:var(--ay);width:72%;aspect-ratio:1;border:none;border-radius:50%;background:rgba(255,255,255,.26)}
.bue::after{content:"";position:absolute;left:var(--bx);top:var(--by);bottom:auto;width:64%;aspect-ratio:1;transform:none;border-radius:50%;background:var(--m);opacity:.55;mix-blend-mode:multiply;z-index:-1}
.bue-tall{inset:auto auto 8% 9%;text-align:left;font-weight:900;letter-spacing:-.06em;font-size:clamp(6.875rem,15vw,11.25rem)}
.kap-tittel h1{font-weight:850;letter-spacing:-.04em}
.kap-tittel .kap-nr{display:inline-block;font-weight:700;font-size:0.9375rem;background:var(--l);color:var(--m);border-radius:62.4375rem;padding:0.25rem 0.75rem}

.maal{border:1px solid var(--strek);box-shadow:0 1px 0 rgba(13,16,51,.03)}
.maal li::before{top:.42em;width:0.75rem;height:0.75rem;border-radius:50%}

/* Delnavigasjon */
.delnav{border-bottom:1px solid var(--strek)}
.delnav a{border:1px solid var(--strek);font-weight:600}
.delnav a b{border-radius:50%}

/* Fagtekst */
.del{border-bottom:1px solid var(--strek)}
.del-hode .tall{width:3.375rem;height:3.375rem;border-radius:1.125rem;font-weight:850;font-size:1.625rem}
.del-hode h2{font-weight:820;letter-spacing:-.03em}
.sitat{font-weight:650;letter-spacing:-.015em;border-left:none;padding:0 0 0 1.375rem;position:relative}
.sitat::before{content:"";position:absolute;left:0;top:.3em;bottom:.3em;width:0.375rem;border-radius:0.375rem;background:var(--f)}
.utdyp{border:1px solid var(--strek);border-left:0.375rem solid var(--f)}

/* Ordkort */
.ordkort{box-shadow:0 1.5rem 4.375rem rgba(13,16,51,.22)}
.ordkort-indre{border-top:none;position:relative;padding-top:2.125rem}
.ordkort-indre::before{content:"";position:absolute;left:1.625rem;top:1.125rem;width:2.75rem;height:0.375rem;border-radius:0.375rem;background:var(--f)}

/* Figurer */
.figur-ramme{border:1px solid var(--strek);border-radius:var(--r-stor);padding:clamp(3.75rem,7vw,4.625rem) clamp(1rem,3vw,2.125rem) clamp(1.25rem,3vw,1.875rem);overflow:hidden}
.figur-ramme::before{content:"";position:absolute;right:-60px;top:-60px;width:10rem;height:10rem;border-radius:50%;background:var(--l);z-index:0}
.figur-ramme > *{position:relative;z-index:1}
.figur-ramme > .fig-nr{position:absolute;left:clamp(1rem,3vw,2.125rem);top:1.375rem;transform:none}
.figur h3.fig-tittel{text-align:left;margin:0 0 1.375rem;max-width:34ch}
.fig b{font-weight:750}
.fig-felt{border-radius:1rem}
.fig-felt.strek{border:1px solid var(--strek)}
.trapp .nivaa{width:2.5rem;height:2.5rem;border-radius:0.875rem}
.tidslinje li::before{width:1rem;height:1rem;border-radius:50%;margin-top:0.25rem}

/* Video */
.video-knapp{border-radius:var(--r-stor);isolation:isolate}
.video-knapp::before{content:"";position:absolute;left:var(--ax);top:var(--ay);width:60%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.2);z-index:-1}
.video-knapp::after{inset:auto;left:var(--bx);top:var(--by);width:50%;height:auto;aspect-ratio:1;background:var(--m);opacity:.45;mix-blend-mode:multiply;z-index:-1}

/* Arbeid med kapitlet: mørk flate */
.arbeid{background:var(--blekk);color:#fff;position:relative;overflow:hidden;isolation:isolate}
.arbeid::before{content:"";position:absolute;right:-120px;top:-140px;width:21.25rem;height:21.25rem;border-radius:50%;background:var(--f);opacity:.9;z-index:-1}
.arbeid > p{color:rgba(255,255,255,.82)}
.faner button{border:1px solid rgba(255,255,255,.35);color:#fff}
.faner button:hover{border-color:#fff}
.faner button[aria-selected="true"]{background:#fff;color:var(--blekk);border-color:#fff}
.fanepanel{color:var(--blekk)}
.provestein{border:1px solid var(--f);background:var(--l)}
.quiz-kort{border:1px solid var(--strek)}
.quiz-valg button{border:1px solid var(--strek)}

/* Kilder og kapittelbytte */
details.kilder{border-top:1px solid var(--strek)}
.bytt a{border:1px solid var(--strek)}
.bytt a:hover{border-color:var(--f);box-shadow:0 0 0 3px var(--l)}
.bytt .liten-bue,.oppgave-hode .liten-bue{width:2.875rem;height:2.875rem;border-radius:1rem;font-weight:850}

/* Forsiden */
.forside-hode h1{font-weight:900;letter-spacing:-.05em;line-height:.92}
.arkade .bue-liten{aspect-ratio:4/5;border-radius:1.625rem;place-items:start start;padding:12% 0 0 14%;isolation:isolate}
.arkade .bue-liten::before{inset:auto;left:var(--ax);top:var(--ay);width:84%;aspect-ratio:1;border:none;border-radius:50%;background:rgba(255,255,255,.28);z-index:-1}
.arkade .bue-liten::after{content:"";position:absolute;left:var(--bx);top:var(--by);width:74%;aspect-ratio:1;border-radius:50%;background:var(--m);opacity:.5;mix-blend-mode:multiply;z-index:-1}
.arkade .bue-liten span{font-weight:900;letter-spacing:-.05em}
.arkade a:hover .bue-liten{transform:translateY(-6px) rotate(-2deg)}
.arkade b{font-weight:750}
.verktoy-liste a{border:1px solid var(--strek);position:relative;overflow:hidden}
.verktoy-liste a::after{content:"";position:absolute;right:-26px;bottom:-26px;width:4.375rem;height:4.375rem;border-radius:50%;background:var(--tone);transition:transform .25s}
.verktoy-liste a:hover{border-color:var(--blekk)}
.verktoy-liste a:hover::after{transform:scale(1.25)}
.verktoy-liste b,.verktoy-liste span{position:relative;z-index:1}
.seksjon-tittel{font-weight:850;letter-spacing:-.035em}

/* Verktøysider */
.verktoy-hode h1{font-weight:880;letter-spacing:-.045em}
.sok input,.felt textarea,.felt select,.samtale textarea{border:1px solid var(--strek)}
.filter button{border:1px solid var(--strek)}
.begrep,.metode,.felt,.samtale,.oppgave{border:1px solid var(--strek)}
.felt label b{width:2.25rem;height:2.25rem;border-radius:0.75rem}
.sensor{border-top:1px solid var(--strek)}
.skjema-fig .linje{border-bottom:1px solid var(--strek)}
.karakterer b{border-radius:0.75rem}

/* Tekst oppå kapittelfargen: mørk på de lyse fargene */
:root{--paa:#fff}
.k2,.k3,.k5{--paa:#0D1033}
.bue-tall,.arkade .bue-liten span,.del-hode .tall,.skuff .nr,.bytt .liten-bue,.trapp .nivaa,.felt label b,.syklus .midt,.video-knapp,.knapp-farge,.knapp-farge:hover{color:var(--paa)}
.delnav a[aria-current="true"] b{color:var(--paa)}
.fig-felt.sterk{background:var(--m);color:#fff}
.video-knapp i{background:var(--flate)}

/* Verktøykassa: en rolig rad med små kort */
.seksjon-tittel.verktoy-t{font-size:clamp(1.3125rem,2.2vw,1.5rem);font-weight:800;letter-spacing:-.02em;margin:3.25rem 0 0.75rem}
.verktoy-liste{grid-template-columns:repeat(auto-fit,minmax(min(100%,12.5rem),1fr));gap:0.5rem}
.verktoy-liste a{display:flex;align-items:center;gap:0.75rem;height:100%;background:var(--flate);border:1px solid var(--strek);border-radius:1rem;padding:0.75rem 0.875rem;transition:border-color .15s}
.verktoy-liste a::after{content:none}
.verktoy-liste a:hover{border-color:var(--f);background:var(--l)}
.verktoy-liste .vt{display:block;min-width:0}
.verktoy-liste b{font-size:1rem;font-weight:750;letter-spacing:-.01em;color:var(--blekk);display:block}
.verktoy-liste .vt span{display:block;margin-top:1px;font-size:0.8438rem;line-height:1.35;color:var(--dempet)}
.stort-tall{display:none}
.glyf{position:relative;width:1.75rem;height:1.75rem;flex:0 0 auto}
.glyf::before,.glyf::after{content:"";position:absolute}
.g-ord .glyf::before{left:0;top:0.25rem;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--f)}
.g-ord .glyf::after{left:0.5625rem;top:0.25rem;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--m);mix-blend-mode:multiply;opacity:.7}
.g-metode .glyf{background:radial-gradient(circle,var(--f) 0 0.2812rem,transparent 0.3125rem) 0 0/0.875rem 0.875rem}
.g-plan .glyf::before{left:0;top:0.25rem;width:1.75rem;height:0.375rem;border-radius:3px;background:var(--f);box-shadow:0 0.5625rem 0 var(--f),0 1.125rem 0 var(--m)}
.g-samtale .glyf::before{left:0;top:0;width:1.1875rem;height:1.1875rem;border-radius:50% 50% 50% 3px;background:var(--f)}
.g-samtale .glyf::after{right:0;bottom:0;width:0.9375rem;height:0.9375rem;border-radius:50% 50% 3px 50%;background:var(--m)}
.g-eksamen .glyf{border-radius:50%;background:radial-gradient(circle,var(--m) 0 0.2812rem,transparent 0.3125rem 0.5312rem,var(--f) 0.5625rem 0.6875rem,transparent 0.7188rem)}
.g-eksamen .glyf::before{inset:0;border-radius:50%;border:2.5px solid var(--f)}
@media(min-width:900px){.verktoy-liste b{font-size:0.9688rem}}

/* =========================================================
   Roligere skala (10. november, kveld): mindre, lettere, luftigere
   ========================================================= */
html{font-size:clamp(14px,13.2px + .2vw,16.5px)}
body{font-size:1.0625rem;line-height:1.62}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.018em;line-height:1.12}
.ingress{font-size:clamp(1.06rem,1.5vw,1.2rem)}
/* forsiden */
.forside-hode{padding:clamp(2rem,4vw,3.5rem) 0 0;gap:1rem}
.forside-hode h1{font-size:clamp(2.1rem,4vw,3.4rem);font-weight:750;letter-spacing:-.03em;line-height:1.02;max-width:18ch}
.arkade{gap:clamp(.5rem,1vw,.9rem);margin-top:2rem}
.arkade .bue-liten{border-radius:20px;max-width:120px}
.arkade .bue-liten span{font-size:clamp(1.6rem,2.6vw,2.3rem);font-weight:800}
.arkade b{font-size:.86rem;font-weight:650;line-height:1.25}
.seksjon-tittel{font-size:clamp(1.45rem,2.2vw,1.8rem);font-weight:720;letter-spacing:-.02em;margin:3.2rem 0 .9rem}
.seksjon-tittel.verktoy-t{font-size:clamp(1.1rem,1.6vw,1.3rem)}
/* kapittelhodet */
.kap-hode{gap:clamp(1.25rem,3vw,2.5rem);padding:clamp(1.75rem,3.5vw,3rem) 0 1.5rem;align-items:center}
@media(min-width:860px){.kap-hode{grid-template-columns:200px minmax(0,1fr)}}
.bue{max-width:200px;width:40%;border-radius:30px}
@media(min-width:860px){.bue{width:100%}}
.bue-tall{font-size:clamp(4.5rem,8vw,7.5rem);font-weight:850}
.kap-tittel h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:750;letter-spacing:-.03em;margin:.5rem 0 .75rem}
.kap-tittel .kap-nr{font-size:.85rem;font-weight:650}
.maal{padding:clamp(1.1rem,2.2vw,1.6rem);margin:.5rem 0 2rem}
.maal h2{font-size:1.15rem;font-weight:700}
.maal li{font-size:.98rem}
.delnav a{font-size:.88rem;font-weight:550;padding:.3rem .8rem .3rem .3rem}
.delnav a b{width:1.45rem;height:1.45rem;font-size:.8rem}
/* fagtekst */
.del{padding:2.4rem 0 .5rem}
.del-hode{gap:.9rem;margin-bottom:1.1rem}
.del-hode .tall{width:2.6rem;height:2.6rem;border-radius:14px;font-size:1.2rem;font-weight:750}
.del-hode h2{font-size:clamp(1.45rem,2.4vw,1.9rem);font-weight:700;letter-spacing:-.02em}
.del-hode small{font-size:.82rem}
.del .tekst h3{font-size:1.2rem;font-weight:680}
.sitat{font-size:clamp(1.15rem,1.8vw,1.35rem);font-weight:600}
/* figurer */
.figur-ramme{padding:clamp(3.3rem,5vw,3.9rem) clamp(1rem,2.4vw,1.8rem) clamp(1rem,2.4vw,1.6rem)}
.figur h3.fig-tittel{font-size:clamp(1.1rem,1.7vw,1.3rem);font-weight:700}
.fig{font-size:.92rem}
.fig b{font-weight:680}
.figur-ramme::before{width:120px;height:120px;right:-44px;top:-44px}
/* arbeid med kapitlet */
.arbeid{padding:clamp(1.25rem,3vw,2.4rem)}
.arbeid > h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:720}
.arbeid::before{width:240px;height:240px;right:-90px;top:-110px}
.faner button{font-size:.88rem;font-weight:600;padding:.4rem .9rem}
.fanepanel h3{font-size:clamp(1.2rem,2vw,1.45rem);font-weight:700}
/* knapper, bytt, verktøysider */
.knapp{font-size:.88rem;font-weight:600;padding:.45rem 1rem}
.bytt a{padding:.8rem 1rem}
.bytt b{font-size:.98rem;font-weight:650}
.bytt .liten-bue,.oppgave-hode .liten-bue{width:2.4rem;height:2.4rem;border-radius:13px;font-size:1rem;font-weight:750}
.verktoy-hode h1{font-size:clamp(1.9rem,3.6vw,2.8rem);font-weight:740;letter-spacing:-.03em}
.metode h2,.oppgave h2{font-size:clamp(1.2rem,2vw,1.45rem);font-weight:700}
.begrep b{font-size:1rem;font-weight:680}
.verktoy-liste b{font-size:.95rem;font-weight:680}
details.kilder summary{font-size:1.15rem;font-weight:680}
.video-knapp span{font-size:1rem;font-weight:650}
.video-knapp i{width:3.4rem;height:3.4rem}

/* Enda mindre (10. november, 22.50) */
html{font-size:clamp(13.5px,12.8px + .16vw,15.5px)}
body{font-size:1rem;line-height:1.6}
h1,h2,h3,h4{font-weight:680}
.ingress{font-size:clamp(1rem,1.3vw,1.1rem)}
.topp-indre{padding-top:.5rem;padding-bottom:.5rem}
.merke{font-size:1rem}
.forside-hode h1{font-size:clamp(1.8rem,3.2vw,2.7rem);font-weight:720}
.arkade .bue-liten{max-width:96px;border-radius:16px}
.arkade .bue-liten span{font-size:clamp(1.35rem,2.1vw,1.85rem)}
.arkade b{font-size:.8rem}
.seksjon-tittel{font-size:clamp(1.25rem,1.9vw,1.5rem)}
.seksjon-tittel.verktoy-t{font-size:clamp(1rem,1.4vw,1.15rem)}
@media(min-width:860px){.kap-hode{grid-template-columns:150px minmax(0,1fr)}}
.bue{max-width:150px;width:32%;border-radius:24px}
@media(min-width:860px){.bue{width:100%}}
.bue-tall{font-size:clamp(3.4rem,6vw,5.6rem)}
.kap-tittel h1{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:720}
.maal h2{font-size:1.05rem}
.maal li{font-size:.94rem}
.delnav a{font-size:.82rem}
.del{padding-top:2rem}
.del-hode .tall{width:2.2rem;height:2.2rem;border-radius:12px;font-size:1rem}
.del-hode h2{font-size:clamp(1.3rem,2vw,1.6rem);font-weight:680}
.del .tekst h3{font-size:1.08rem}
.sitat{font-size:clamp(1.05rem,1.5vw,1.2rem)}
.figur h3.fig-tittel{font-size:clamp(1rem,1.4vw,1.15rem)}
.fig{font-size:.88rem}
.arbeid > h2{font-size:clamp(1.3rem,2.1vw,1.65rem)}
.fanepanel h3{font-size:clamp(1.1rem,1.6vw,1.25rem)}
.knapp{font-size:.84rem;padding:.4rem .9rem}
.verktoy-hode h1{font-size:clamp(1.6rem,2.9vw,2.3rem)}
.metode h2,.oppgave h2{font-size:clamp(1.1rem,1.6vw,1.25rem)}

/* Delmenyen bryter til flere linjer i stedet for å rulle sidelengs */
.delnav ol{flex-wrap:wrap;overflow-x:visible;gap:.4rem}
.delnav a{white-space:nowrap}
@media(max-width:600px){.delnav ol{flex-wrap:nowrap;overflow-x:auto}}
.video{max-width:36rem}
@media(min-width:601px){.delnav ol{justify-content:center}}

/* Lesehjelp i delene: sidekolonne, mellomtitler, løftet sitat, eksempel og stopp og tenk */
.del-side{display:grid;gap:.8rem;margin:0 0 1.6rem;font-size:.9rem;line-height:1.5}
.side-kort{background:var(--l);border-radius:16px;padding:.9rem 1rem}
.side-kort b,.side-ord b{display:block;font-weight:700;font-size:.8rem;color:var(--m);margin-bottom:.35rem}
.side-kort ul{margin:0;padding-left:1.1rem;display:grid;gap:.3rem}
.side-meta{margin:0!important;color:var(--dempet);font-size:.82rem}
.side-ord div{display:flex;flex-wrap:wrap;gap:.35rem}
.side-ord button.ord{background:var(--flate)!important;border:1px solid var(--strek);border-radius:999px;padding:.2rem .65rem;font-size:.8rem;background-image:none!important}
.side-ord button.ord:hover{border-color:var(--f)}
@media(min-width:1100px){
 .del .tekst:has(.del-side){max-width:none;display:grid;grid-template-columns:minmax(0,40rem) 15rem;column-gap:3.5rem;align-items:start}
 .del .tekst:has(.del-side) > *{grid-column:1}
 .del .tekst > .del-side{grid-column:2;grid-row:1 / span 60;position:sticky;top:10rem;margin:0}
}
.del .tekst h3{margin:1.9em 0 .5em}
.del .tekst h3:first-of-type{margin-top:.2em}
.loft{font-size:1.2rem;line-height:1.45;font-weight:600;color:var(--m);margin:1.6em 0!important;padding:.2rem 0 .2rem 1.2rem;border-left:4px solid var(--f)}
.eksempel{background:var(--flate);border:1px solid var(--strek);border-radius:16px;padding:1rem 1.2rem;margin:1.4em 0}
.eksempel b,.tenk b{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;color:var(--m);margin-bottom:.4rem}
.eksempel b::before{content:"";width:.7rem;height:.7rem;border-radius:50%;background:var(--f)}
.eksempel p,.tenk p{margin:0!important}
.tenk{background:var(--l);border-radius:16px;padding:1rem 1.2rem;margin:1.4em 0}
.tenk b::before{content:"?";display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:50%;background:var(--f);color:var(--paa);font-size:.75rem}

/* Lesevindu: kapitteltekstens eget ark midt i vinduet, med egen rulling (PC og nettbrett på tvers) */
@media(min-width:1000px){
 .fagtekst{
  height:calc(100dvh - 9.5rem);overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scroll-padding-top:1.5rem;
  max-width:60rem;margin:0 auto 2.5rem;
  background:var(--flate);border:1px solid var(--strek);border-radius:28px;
  box-shadow:0 18px 50px -22px rgba(13,16,51,.22);
  padding:0 clamp(2rem,4vw,3.5rem) 2rem;
  font-size:1.08rem;
  scrollbar-width:thin;scrollbar-color:var(--strek) transparent;
 }
 .fagtekst .del{padding-top:2.4rem}
 .fagtekst .del .tekst{margin:0 auto}
 .fagtekst .del-hode{max-width:none}
 .fagtekst .figur{margin-left:auto;margin-right:auto}
 .delnav{position:sticky;top:3rem;background:color-mix(in srgb,var(--papir) 94%,transparent);border-bottom:none;margin-bottom:.8rem}
 .fagtekst .del .tekst:has(.del-side){grid-template-columns:minmax(0,1fr) 13.5rem;column-gap:2.5rem}
 .fagtekst .del .tekst > .del-side{top:1.5rem}
}

/* Figurene: ingen avkuttet pyntesirkel, og egen bakgrunn inne i lesearket */
.figur-ramme::before{content:none}
.fagtekst .figur-ramme{background:var(--papir);border-color:transparent}
.fagtekst .fig-felt.strek{background:var(--flate)}
.fagtekst .figur{max-width:none}
.fagtekst .fig-felt:not(.f):not(.sterk),.fagtekst .tabell-fig td,.fagtekst .trapp .fig-felt:not(.f):not(.sterk){background:var(--flate)}

/* Opprinnelige illustrasjoner (SVG) */
:root{--blekk-svak:#5b5346}
.orig-svg svg{display:block;width:100%;height:auto;max-width:100%;margin:0 auto}
.orig-svg svg + svg{margin-top:1.2rem;padding-top:1.2rem;border-top:1px dashed var(--strek)}
.orig-svg.toolbox svg{max-width:560px}
.toolbox a .toolbg{transition:fill .16s ease,stroke .16s ease}
.toolbox a .toolarr{transition:transform .16s ease}
.toolbox a:hover .toolbg{fill:#e9f1eb;stroke:#2f6b46}
.toolbox a:hover .toolarr{transform:translateX(3px)}
.toolbox a:focus-visible .toolbg{stroke:#2f6b46;stroke-width:2}
.fagtekst .figur-ramme{background:#fbf8f2;border:1px solid #ece4d4}
.figur-ramme{background:#fbf8f2;border-color:#ece4d4}
.orig-skjema{overflow-x:auto}
.planskjema{width:100%;border-collapse:collapse;font-size:.88rem;min-width:40rem}
.planskjema th{background:#5a3b8c;color:#fff;text-align:left;padding:.55rem .6rem;font-weight:650;font-size:.82rem}
.planskjema td{border:1px solid #e3dccc;padding:.6rem;vertical-align:top;background:#fff;line-height:1.45}
@media(max-width:640px){.planskjema{min-width:0}.planskjema thead{display:none}.planskjema td{display:block;border-top:none}.planskjema td::before{content:attr(data-th);display:block;font-weight:700;color:#5a3b8c;font-size:.8rem}}
:root{--linje:#E6E1D8}
@media(max-width:640px){.orig-svg{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.5rem;padding:0 .5rem}.orig-svg svg{min-width:34rem}.orig-svg.toolbox svg{min-width:26rem}}

/* Lesevinduet med egen rulling: arket legger seg rett under delmenyen og fyller resten av skjermen */
@media(min-width:1000px){
 html{scroll-snap-type:y proximity}
 .fagtekst{
  height:calc(100dvh - var(--lesetopp,9.5rem) - 1rem);
  scroll-margin-top:var(--lesetopp,9.5rem);scroll-snap-align:start;
 }
 .delnav{top:var(--toppH,3rem)}
}
@media(min-width:1000px){.fagtekst{overscroll-behavior:auto}}

/* =========================================================
   Lesearket på alle skjermer (12. november): eget rullefelt midt på siden
   ========================================================= */
.fagtekst{
 height:calc(100dvh - var(--lesetopp,8rem) - .75rem);
 overflow-y:hidden;overscroll-behavior:auto;
 max-width:60rem;margin:0 auto 2rem;
 background:var(--flate);border:1px solid var(--strek);border-radius:24px;
 box-shadow:0 18px 50px -22px rgba(13,16,51,.22);
 padding:0 clamp(1rem,4vw,3.5rem) 2rem;
 font-size:1.06rem;
 scroll-margin-top:var(--lesetopp,8rem);scroll-snap-align:start;
 scrollbar-width:thin;scrollbar-color:var(--strek) transparent;
}
.fagtekst.dokket{overflow-y:auto}
html{scroll-snap-type:y proximity}
.fagtekst .del{padding-top:2rem}
.delnav{top:var(--toppH,3rem);background:var(--papir);backdrop-filter:none;-webkit-backdrop-filter:none;margin-bottom:.6rem}
@media(max-width:640px){
 .fagtekst{border-radius:18px;margin:0 -.25rem 1.5rem;font-size:1rem}
 .fagtekst .del-hode{gap:.6rem}
}

/* Videoruta: liten og sentrert i arket */
.video{max-width:15rem;margin:1rem auto 1.4rem;text-align:center}
.video-knapp{border-radius:16px}
.video-knapp i{width:2.6rem;height:2.6rem}
.video-knapp i::before{border-left-width:14px;border-top-width:9px;border-bottom-width:9px;margin-left:4px}
.video-knapp span{font-size:.85rem;gap:.5rem}
.video iframe{border-radius:16px}
.video p{font-size:.75rem;margin:.4rem auto 0;max-width:15rem}
.video.spiller{max-width:36rem}