/* leseambisjon.no — felles stil
   Retning (2.9.2026, runde 5): plakat og kladdebok. Forsiden er en plakat: ordet digert på svart, tavla
   med tre kolonner (det vi hadde · det andre har · det som gjenstår), ressursene og inngangene som dører
   med fotografier. Artikkelsidene er kladdeboka: brødtekst i én kolonne, proveniens og innganger som
   margnotater. Overskrifter i Space Grotesk, brødtekst i Crimson Pro, apparat i JetBrains Mono. */
:root{
  --ink:#1c1913; --pap:#ebe5d6; --ark:#fffdf7; --card:#fbf8ef; --line:#d8d0bc; --line2:#b9b2a4;
  --acc:#a33b16; --rod:#e63e1f; --acc2:#264f3e; --gul:#f0c46a; --dim:#6b6459; --tekst:#2a2620;
  --lys:#f2efe6; --lysdim:#bdb4a2;
  --measure:38rem; --wide:78rem; --marg:15rem; --gap:2.6rem;
  --disp:'Space Grotesk','Inter',system-ui,sans-serif;
  --body:'Crimson Pro',Georgia,serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--pap);color:var(--ink);
  font-family:var(--body);font-size:20px;line-height:1.7;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.w{max-width:var(--measure);margin:0 auto;padding:0 1.4rem}
.wide{max-width:var(--wide);margin:0 auto;padding:0 1.6rem}
a{color:var(--acc);text-underline-offset:3px;text-decoration-thickness:1px}
h1,h2,h3{font-family:var(--disp);font-weight:700;letter-spacing:-.035em;line-height:1.02}
em,i{font-style:italic}
img{max-width:100%}
.k.mono,p.k.mono,.k{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);line-height:1.7}
p.k.mono{margin:0 0 1.6rem}
.k.mono a{color:var(--dim)}
.k.mono a:hover{color:var(--acc)}

/* ---- topplinje: svart ---- */
.top{background:var(--ink);color:var(--lys);position:sticky;top:0;z-index:10}
.top .wide{display:flex;gap:1.5rem;align-items:baseline;padding:.75rem 1.6rem;
  font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;
  overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.top .wide::-webkit-scrollbar{display:none}
.top .brand{font-family:var(--disp);font-size:1.2rem;font-weight:700;letter-spacing:-.04em;
  text-transform:none;color:var(--lys);text-decoration:none;margin-right:auto}
.top .brand b{color:var(--rod);font-weight:700}
.top a{color:var(--lysdim);text-decoration:none;padding-bottom:.2rem;border-bottom:2px solid transparent}
.top a:hover{color:var(--lys)}
.top a[aria-current]{color:var(--lys);border-bottom-color:var(--gul)}

/* ---- artikkelsidene: kladdebokas rutenett — marg + kolonne ---- */
article{padding:3rem 0 0}
article.grid{display:grid;column-gap:var(--gap);align-content:start;
  grid-template-columns:[full-start] minmax(1.4rem,1fr) [marg-start] var(--marg) [marg-end main-start] minmax(0,var(--measure)) [main-end] minmax(1.4rem,1fr) [full-end]}
article.grid>*{grid-column:main;min-width:0}
article.grid>.w{max-width:none;margin:0;padding:0}
article.grid>.hode{grid-column:marg/main-end}
article.grid>.marg{grid-column:marg;align-self:start;max-width:none;margin:0;padding:0}
article.grid>.bred{grid-column:marg/main-end;max-width:none;margin:0;padding:0}
article.grid>.videre,article.grid>.utdrag-i{grid-column:marg/main-end}
article.grid>.slab{grid-column:full;display:grid;grid-template-columns:inherit;column-gap:inherit}
article.grid>.slab>.w{grid-column:main;max-width:none;margin:0;padding:0}
article.grid>.video{grid-column:marg/main-end}
.hode{margin:0 0 1.6rem}
.kicker{font-family:var(--mono);font-size:.64rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--rod);margin:0 0 1rem}
.hode h1,article h1{font-size:clamp(2.5rem,6.2vw,4.6rem);margin:0 0 1rem;color:var(--ink);letter-spacing:-.045em;line-height:.96;max-width:22ch}
.standfirst{font-size:1.38rem;line-height:1.4;color:var(--tekst);margin:0 0 1rem;font-style:italic;max-width:38rem}
.marg{font-size:.95rem}
.marg .prov{border-left:0;padding:0;margin:0 0 1.4rem}
.marg .prov p{margin:0 0 .5rem}
.marg .prov p:last-child{margin:0}
.marg .prov .k.mono{margin:0 0 .6rem;font-family:var(--body);font-style:italic;font-size:.92rem;letter-spacing:0;text-transform:none;line-height:1.45;color:var(--dim)}
.marg .prov .innganger-topp{font-style:normal}
.marg .innganger-topp{margin:0}
.marg a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line2)}
.marg a:hover{color:var(--acc);border-bottom-color:var(--acc)}
.marg figure{margin:0 0 1.4rem}
.marg figure img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.marg figcaption{margin-top:.4rem}
article p{margin:0 0 1.3rem}
article h2{font-size:1.85rem;margin:2.8rem 0 1rem}
article h3{font-size:1.12rem;margin:2rem 0 .6rem;font-family:var(--disp);font-weight:500;letter-spacing:-.01em}
.first::first-letter{float:left;font-family:var(--disp);font-size:4.2rem;line-height:.84;
  padding:.16rem .5rem 0 0;font-weight:700;color:var(--rod)}
.prov{border-left:3px solid var(--rod);padding:.15rem 0 .15rem .9rem;margin:0 0 2.4rem;max-width:34rem}
.prov p{margin:0 0 .35rem}
.prov p:last-child{margin:0}
.prov .k.mono{margin:0 0 .35rem;letter-spacing:.1em;font-size:.6rem;line-height:1.6}
.prov a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line2)}
.prov a:hover{color:var(--acc);border-bottom-color:var(--acc)}

/* ---- sitat ---- */
blockquote{margin:2rem 0;padding:0 0 0 1.3rem;border-left:3px solid var(--rod);font-size:1.08rem;color:var(--tekst)}
blockquote p:last-child{margin:0}
blockquote cite{display:block;font-family:var(--mono);font-size:.6rem;font-style:normal;
  letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:.7rem}
blockquote.en{border-left-color:var(--acc2);font-style:normal}
blockquote.en p{font-size:1.04rem}
blockquote .oversatt{font-size:.92rem;color:var(--dim);margin-top:.8rem;border-top:1px solid var(--line);padding-top:.6rem}
.pull{font-family:var(--disp);font-weight:700;font-size:clamp(1.5rem,3.8vw,2.1rem);
  line-height:1.12;color:var(--rod);margin:2.4rem 0;letter-spacing:-.035em}
.vers{font-family:var(--disp);font-weight:700;font-size:clamp(1.5rem,4vw,2.1rem);
  line-height:1.15;margin:2.4rem 0;letter-spacing:-.03em}
.vers cite{display:block;font-family:var(--mono);font-size:.6rem;font-style:normal;
  font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-top:.8rem}

/* ---- mørk blokk ---- */
.slab{background:var(--ink);color:var(--lys);padding:2.8rem 0;margin:2.6rem 0}
.slab .w{max-width:var(--measure)}
.slab p{margin:0 0 1rem}.slab p:last-child{margin:0}
.slab .en{font-size:1.08rem;line-height:1.6;color:#e6e0d3;border-left:3px solid var(--gul);padding-left:1rem}
.slab .k{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#a09a8c;margin:0 0 1.4rem}
.slab .big{font-family:var(--disp);font-weight:700;font-size:clamp(1.5rem,3.8vw,2.3rem);
  line-height:1.12;color:var(--gul);letter-spacing:-.035em}
.slab-to{display:grid;grid-template-columns:1fr 1.15fr;gap:3rem;align-items:center}

/* ---- faktaboks, note, mynt ---- */
.boks{background:var(--card);border:1px solid var(--line);border-left:5px solid var(--acc2);
  padding:1.1rem 1.3rem;margin:2rem 0}
.boks p{margin:0 0 .7rem;font-size:1rem;line-height:1.55}
.boks p:last-child{margin:0}
.boks .h{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--acc2);margin-bottom:.6rem}
.note{font-size:.95rem;color:var(--dim);border-left:3px solid var(--line2);padding-left:1rem;margin:1.6rem 0}
.mynt{border:3px solid var(--ink);padding:1.3rem 1.4rem;margin:2rem 0;background:var(--ark)}
.mynt .k{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--dim);margin:0 0 .7rem}
.mynt .ord{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 0}
.mynt .ord span{font-family:var(--disp);font-weight:700;font-size:.95rem;
  border:1px solid var(--line);padding:.2rem .6rem;color:var(--dim);text-decoration:line-through}
.mynt .ord span.valgt{background:var(--rod);color:#fff;border-color:var(--rod);text-decoration:none}
.seogsa{border-top:1px dashed var(--line2);padding-top:.9rem;margin-top:2rem}
article.grid .w>p.k.mono,article.grid .bred>p.k.mono{font-family:var(--body);font-style:italic;font-size:.98rem;letter-spacing:0;text-transform:none;color:var(--dim);line-height:1.5;margin:0 0 1.4rem}
article.grid .w>p.k.mono a,article.grid .bred>p.k.mono a{color:var(--acc);font-style:normal}
.brev a{overflow-wrap:anywhere}
.brev p.sign{font-family:var(--disp);font-weight:700;margin-top:1.4rem}
.videre .i-linse a+a{margin-top:.4rem}

/* ---- lister: stykker (artikler), kjede (argumentet), sti (leservei), tett (arkiv) ---- */
.stykker{list-style:none;margin:1.6rem 0 0;padding:0}
.stykker li{border-top:1px solid var(--line2);padding:1.25rem 0}
.stykker li:last-child{border-bottom:1px solid var(--line2)}
.stykker a{text-decoration:none;color:var(--ink);display:block}
.stykker .n{font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--dim);display:block;margin-bottom:.4rem}
.stykker b{font-family:var(--disp);font-weight:700;font-size:1.45rem;line-height:1.08;
  display:block;letter-spacing:-.035em}
.stykker i{display:block;font-style:normal;font-size:1rem;color:var(--dim);margin-top:.3rem;line-height:1.5}
.stykker a:hover b{color:var(--rod)}
.stykker li.har-bilde a{display:grid;grid-template-columns:5.6rem 1fr;gap:1rem;align-items:start}
.stykker li.har-bilde .thumb{grid-column:1;grid-row:1/4;display:block}
.stykker li.har-bilde .n,.stykker li.har-bilde b,.stykker li.har-bilde i{grid-column:2}
.stykker li.har-bilde .thumb img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border:1px solid var(--line);background:var(--card)}
.stykker.kjede li,.stykker.sti li{display:grid;grid-template-columns:3.4rem 1fr;gap:.9rem;align-items:start}
.stykker.kjede a,.stykker.sti a{display:contents}
.stykker.sti .n{font-family:var(--disp);font-weight:700;font-size:2rem;letter-spacing:-.05em;
  color:var(--rod);text-transform:none;margin:0;line-height:1;padding-top:.1rem}
.stykker.kjede .n{font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:#fff;
  background:var(--ink);padding:.35rem .4rem;text-align:center;line-height:1.2;margin:0}
.stykker.kjede b,.stykker.sti b{grid-column:2}
.stykker.kjede i,.stykker.sti i{grid-column:2}
.stykker.kjede li.mellom .n{background:var(--rod)}
.stykker.tett li{padding:.7rem 0}
.stykker.tett b{font-size:1.12rem}
.stykker.tett i{font-size:.95rem;margin-top:.15rem}
.stykker.tett .n{margin-bottom:.2rem}
/* kjeden som rad av plakater (forsiden) */
.kjede.rad{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin:1rem 0 0;list-style:none;padding:0;counter-reset:del}
.kjede.rad li{display:block;background:var(--ark);border:1px solid var(--line);padding:1rem 1rem 1.2rem;min-height:15rem;border-top:0}
.kjede.rad li:last-child{border-bottom:1px solid var(--line)}
.kjede.rad a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--ink)}
.kjede.rad .n{font-family:var(--disp);font-weight:700;font-size:3rem;letter-spacing:-.06em;line-height:.9;color:var(--rod);
  text-transform:none;background:none;padding:0;margin:0 0 .8rem;text-align:left}
.kjede.rad b{font-family:var(--disp);font-weight:700;font-size:1.22rem;line-height:1.05;letter-spacing:-.03em;display:block}
.kjede.rad i{display:block;font-style:normal;font-size:.92rem;line-height:1.4;color:var(--dim);margin-top:.5rem}
.kjede.rad li.mellom{background:var(--ink);color:var(--lys)}
.kjede.rad li.mellom a{color:var(--lys)}
.kjede.rad li.mellom .n{font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gul);line-height:1.2;margin-bottom:1.2rem}
.kjede.rad li.mellom i{color:var(--lysdim)}
.kjede.rad a:hover b{color:var(--rod)}
.kjede.rad li.mellom a:hover b{color:var(--gul)}

/* ---- dørene: «Til deg som …» ---- */
.linser,.rute{display:grid;gap:.6rem;margin:1.2rem 0 .4rem;grid-template-columns:repeat(3,1fr)}
.rute{grid-template-columns:repeat(2,1fr)}
.rute.tre{grid-template-columns:repeat(3,1fr)}
.linser a,.linser a.e,.rute a{position:relative;background:var(--ark);border:1px solid var(--line);padding:0 0 1.1rem;
  text-decoration:none;color:var(--ink);display:flex;flex-direction:column;overflow:hidden}
.linser .bilde,.rute .bilde{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--card);border-bottom:4px solid var(--ink)}
.linser .bilde img,.rute .bilde img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9);transition:transform .35s ease}
.linser a:hover .bilde img,.rute a:hover .bilde img{transform:scale(1.04)}
.linser .til,.rute .til{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--rod);margin:.9rem 1rem .35rem}
.linser b,.rute b{font-family:var(--disp);font-weight:700;font-size:1.5rem;display:block;letter-spacing:-.04em;line-height:1.02;margin:0 1rem}
.linser i,.rute i{display:block;font-style:normal;font-size:.95rem;color:var(--dim);margin:.45rem 1rem 0;line-height:1.4}
.linser a:hover,.rute a:hover{border-color:var(--ink)}
.linser a:hover b,.rute a:hover b{color:var(--rod)}
.linser a:nth-child(1) .bilde{border-bottom-color:var(--rod)}
.linser a:nth-child(3) .bilde{border-bottom-color:var(--gul)}
.linser a:nth-child(5) .bilde{border-bottom-color:var(--acc2)}

/* ---- forsiden: plakaten ---- */
body.sec-forside article{padding:0}
.masthead{background:var(--ink);color:var(--lys);padding:3rem 0 2.6rem;position:relative;overflow:hidden}
.mh{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem 3rem;align-items:start}
.mh>.k{grid-column:1/-1;color:#a09a8c;margin:0 0 1rem}
.mh h1{grid-column:1/-1;font-size:clamp(3.6rem,12.4vw,11rem);line-height:.84;letter-spacing:-.065em;margin:0 0 1.4rem;color:var(--lys);max-width:none;overflow-wrap:normal}
.mh .mh-t{align-self:end}
.mh h1 em{font-style:normal;color:var(--rod)}
.mh .hat{font-family:var(--disp);font-weight:700;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1;letter-spacing:-.045em;margin:.2rem 0 1.1rem;color:var(--lys)}
.mh .mild{margin-bottom:.6rem}
.mh .hat em{font-style:normal;color:var(--rod)}
.mh .mild{font-size:1.12rem;line-height:1.5;margin:0 0 1rem;max-width:36rem;color:#cfc8ba}
.mh .turn{font-family:var(--disp);font-weight:700;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 1.4rem;color:var(--gul);max-width:22ch}
.mh .def{font-size:1.15rem;line-height:1.5;margin:0;max-width:36rem;color:#f2efe6;border-top:1px solid #3a352c;padding-top:1rem}
.mh .def b{font-family:var(--disp);font-weight:700;letter-spacing:-.02em}
.mh .ordet{margin:.2rem 0 0;font-family:var(--disp);font-weight:700;font-size:1.1rem;letter-spacing:-.02em}
.mh .ordet a{color:var(--gul);text-decoration:none;border-bottom:2px solid var(--gul)}
.mh .ordet a:hover{color:#fff;border-bottom-color:#fff}
.mh .meta{margin:0;color:#a09a8c}
.mh figure{margin:0;position:relative}
.mh figure img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;filter:saturate(.95) contrast(1.05)}
.mh figcaption{position:absolute;left:.6rem;bottom:.6rem;background:var(--ink);color:var(--lys);font-family:var(--mono);
  font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;padding:.4rem .6rem}
.seksjon{padding:3rem 0 0}
.seksjon .h{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-top:3px solid var(--ink);padding-top:.7rem;margin:0 0 1.2rem;color:var(--ink)}
.seksjon .h b{font-family:var(--disp);font-size:2rem;letter-spacing:-.045em;line-height:1;text-transform:none}
.seksjon .h span{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.seksjon .h a{color:var(--acc);text-decoration:none}
.seksjon .h a:hover{color:var(--rod)}

/* tavla: tre kolonner */
.tavle{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin:0}
.tavle .kol{padding:1.6rem 1.4rem 1.8rem;display:flex;flex-direction:column}
.tavle .kol h2{font-size:clamp(1.7rem,2.6vw,2.4rem);letter-spacing:-.045em;line-height:.95;margin:0 0 1.3rem;padding-bottom:.9rem;border-bottom:2px solid currentColor}
.tavle .kol h2 small{display:block;font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;font-weight:400;margin-bottom:.6rem;opacity:.75}
.tavle ul{list-style:none;margin:0;padding:0}
.tavle li{padding:.9rem 0;border-top:1px solid currentColor;border-color:rgba(0,0,0,.14)}
.tavle li:first-child{border-top:0;padding-top:0}
.tavle li b{font-family:var(--disp);font-weight:700;font-size:1.22rem;letter-spacing:-.03em;line-height:1.05;display:block}
.tavle li b a{color:inherit;text-decoration:none;border-bottom:2px solid transparent}
.tavle li b a:hover{border-bottom-color:currentColor}
.tavle li i{display:block;font-style:normal;font-size:1rem;line-height:1.48;margin-top:.4rem}
.tavle li .k{display:block;margin-top:.45rem;color:inherit;opacity:.7}
.tavle li .k a{color:inherit}
.tavle .spm{margin:auto 0 0;padding-top:1.4rem;font-family:var(--disp);font-weight:700;font-size:1.15rem;line-height:1.2;letter-spacing:-.02em}
.tavle .hadde{background:var(--ink);color:var(--lys)}
.tavle .hadde li{border-color:rgba(255,255,255,.16)}
.tavle .hadde h2{color:var(--lys)}
.tavle .hadde .spm{color:var(--gul)}
.tavle .andre{background:var(--ark);color:var(--ink);border:1px solid var(--line)}
.tavle .andre h2{color:var(--rod)}
.tavle .andre li b{color:var(--ink)}
.tavle .oppgave{background:var(--gul);color:var(--ink)}
.tavle .oppgave p{margin:0 0 .9rem;font-size:1.04rem;line-height:1.5}
.tavle .oppgave p.stor{font-family:var(--disp);font-weight:700;font-size:1.32rem;line-height:1.15;letter-spacing:-.03em;margin-bottom:1.1rem}
.tavle .oppgave .k{margin-top:auto;padding-top:1rem;color:var(--ink);font-family:var(--disp);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;text-transform:none;line-height:1.3}
.tavle .oppgave .k a{color:var(--ink);text-decoration:none;display:block;border-top:1px solid rgba(0,0,0,.25);padding:.45rem 0}
.tavle .oppgave .k a:hover{color:var(--rod)}

/* ressursene: tre store */
.ressurser{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:.6rem}
.res{background:var(--ark);border:1px solid var(--line);display:flex;flex-direction:column;text-decoration:none;color:var(--ink);overflow:hidden}
.res .bilde{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--card);border-bottom:4px solid var(--rod)}
.res .bilde img{width:100%;height:100%;object-fit:cover;display:block}
.res .bilde.ikon{background:var(--ink);display:flex;align-items:center;justify-content:center}
.res .bilde.ikon img{width:52%;height:auto;object-fit:contain;box-shadow:0 10px 24px rgba(0,0,0,.4)}
.res .tekst{padding:1rem 1.2rem 1.3rem;display:flex;flex-direction:column;flex:1}
.res .k{color:var(--rod);margin:0 0 .4rem}
.res b{font-family:var(--disp);font-weight:700;font-size:1.6rem;letter-spacing:-.04em;line-height:1.02;display:block}
.res i{display:block;font-style:normal;font-size:1rem;line-height:1.48;color:var(--tekst);margin-top:.6rem}
.res .k2{margin-top:auto;padding-top:.9rem;color:var(--dim)}
.res:hover b{color:var(--rod)}
.res.steder{background:var(--ink);color:var(--lys)}
.res.steder .tekst{padding-top:1.3rem}
.res.steder .k{color:var(--gul)}
.res.steder i{color:var(--lysdim)}
.res.steder .k2{color:var(--lysdim)}
.res.steder ul{list-style:none;margin:.6rem 0 0;padding:0;columns:2;column-gap:1rem;font-family:var(--disp);font-weight:700;font-size:1rem;line-height:1.5;letter-spacing:-.02em}
.res.steder li{break-inside:avoid}
.res.steder li a{color:var(--lys);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}
.res.steder li a:hover{color:var(--gul);border-bottom-color:var(--gul)}
.res.steder:hover b{color:var(--gul)}

/* brevet og aktuelt, side om side */
.to-kol{display:grid;grid-template-columns:1.25fr 1fr;gap:1.6rem;align-items:start}
.brevark{position:relative;background:var(--ark);border:1px solid var(--line);padding:2.2rem 2.2rem 1.8rem;
  box-shadow:0 12px 30px rgba(0,0,0,.10);margin:0}
.brevark .fra{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 1.4rem;padding-right:4.2rem}
.brevark h2{font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 1rem;letter-spacing:-.045em;line-height:1}
.brevark .brevtekst{font-size:1.1rem;line-height:1.6;margin:0 0 1rem;max-width:36rem}
.brevark .frimerke{display:block;position:absolute;right:1.4rem;top:1.3rem;width:3.6rem;height:4.6rem;border:2px dashed var(--rod);padding:.22rem;background:#fff}
.brevark .frimerke img{width:100%;height:100%;object-fit:cover;display:block}
.brevark .hilsen{font-family:var(--disp);font-weight:700;font-size:1rem;margin:1.2rem 0 0}
.aktuelt{display:grid;gap:.6rem}
.aktuelt a{display:block;text-decoration:none;color:var(--ink);background:var(--ark);border:1px solid var(--line);padding:1.1rem 1.2rem 1.3rem}
.aktuelt a .k{color:var(--rod);margin:0 0 .35rem}
.aktuelt a b{font-family:var(--disp);font-weight:700;font-size:1.4rem;letter-spacing:-.04em;line-height:1.02;display:block}
.aktuelt a i{display:block;font-style:normal;font-size:.98rem;line-height:1.45;color:var(--dim);margin-top:.45rem}
.aktuelt a.svart{background:var(--ink);color:var(--lys);border-color:var(--ink)}
.aktuelt a.svart .k{color:#ff7a5c}
.aktuelt a.svart i{color:var(--lysdim)}
.aktuelt a:hover b{color:var(--rod)}
.aktuelt a.svart:hover b{color:var(--gul)}

/* kaninhullene som en hylle av forsider */
.hyller{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:.6rem;margin:0}
.hyller a{display:block;text-decoration:none;color:var(--ink);background:var(--ark);border:1px solid var(--line)}
.hyller img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-bottom:1px solid var(--line);filter:saturate(.9)}
.hyller b{display:block;font-family:var(--disp);font-weight:700;font-size:1.02rem;letter-spacing:-.03em;line-height:1.1;padding:.7rem .8rem 0}
.hyller i{display:block;font-style:normal;font-family:var(--mono);font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:.4rem .8rem .8rem}
.hyller a:hover b{color:var(--rod)}
.hyller.stor{grid-template-columns:repeat(3,1fr);gap:.8rem}
.hyller.stor img{aspect-ratio:4/3}
.hyller.stor b{font-size:1.3rem;padding:.9rem 1rem 0}
.hyller.stor .d{display:block;font-size:.98rem;line-height:1.45;color:var(--tekst);padding:.5rem 1rem 0}
.hyller.stor i{padding:.6rem 1rem 1rem}
@media (max-width:66rem){.hyller.stor{grid-template-columns:repeat(2,1fr)}}
@media (max-width:40rem){.hyller.stor{grid-template-columns:1fr}}

/* ---- katalog ---- */
.kat{display:grid;gap:.5rem;margin:1.4rem 0}
.kat a{background:var(--card);border:1px solid var(--line);padding:1.05rem 1.2rem;text-decoration:none;color:var(--ink);display:block}
.kat a:hover{background:var(--ink);color:var(--lys)}
.kat a:hover i{color:var(--lysdim)}
.kat b{font-family:var(--disp);font-weight:700;font-size:1.15rem;display:block;letter-spacing:-.03em}
.kat i{display:block;font-style:normal;font-size:.97rem;color:var(--dim);margin-top:.25rem;line-height:1.45}
.kat.to,.bred .kat{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}
.kat a .bilde{display:block;aspect-ratio:16/9;overflow:hidden;margin:-1.05rem -1.2rem .8rem;border-bottom:1px solid var(--line);background:var(--card)}
.kat a .bilde img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.kat a:hover .bilde{border-bottom-color:var(--ink)}

/* ---- bokhylle: tekstflisene er omslag ---- */
.hylle{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.6rem,1fr));gap:.9rem;margin:1.5rem 0}
.bok{text-decoration:none;color:var(--ink);display:block}
.bok .im{aspect-ratio:2/3;background:var(--ink);color:var(--lys);border:1px solid var(--ink);display:flex;align-items:flex-end;
  text-align:left;padding:.55rem;font-family:var(--disp);font-weight:700;letter-spacing:-.02em;
  font-size:.74rem;line-height:1.08;box-shadow:3px 4px 0 rgba(0,0,0,.12);overflow:hidden;position:relative;overflow-wrap:anywhere;hyphens:auto}
.bok .im:before{content:"";position:absolute;left:.45rem;top:.45rem;width:1.1rem;height:.2rem;background:currentColor;opacity:.7}
.bok:nth-child(4n+2) .im{background:var(--rod);color:#fff;border-color:var(--rod)}
.bok:nth-child(4n+3) .im{background:var(--gul);color:var(--ink);border-color:var(--gul)}
.bok:nth-child(4n) .im{background:var(--acc2);color:var(--lys);border-color:var(--acc2)}
.bok:hover .im{transform:translateY(-3px)}
.bok .t{font-family:var(--disp);font-weight:700;font-size:.78rem;line-height:1.18;margin-top:.45rem;display:block;letter-spacing:-.02em}
.bok .a{font-size:.78rem;color:var(--dim);line-height:1.2;display:block}
.hylle .bok img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;border:1px solid var(--line);box-shadow:2px 3px 0 rgba(0,0,0,.07);background:#e9e3d3}
.hylle.liten{grid-template-columns:repeat(auto-fill,minmax(5.6rem,1fr));gap:.6rem}
.hylle.liten .bok .t{font-size:.68rem}
.hylle.liten .bok .a{font-size:.66rem}
.hylle.liten .bok .im{font-size:.66rem}
.hylla-rad{margin:1.4rem 0 0}
.hylla-rad .navn{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 .4rem}
.hylla-rad .hylle{margin:.3rem 0 0}
.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:1rem 0 0;font-family:var(--mono);font-size:.62rem}
.tags span{background:var(--ink);color:var(--pap);padding:.18rem .55rem;letter-spacing:.06em}
.forside-lista{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;margin:1rem 0 .8rem}
.forside-lista img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;border:1px solid var(--line);box-shadow:2px 3px 0 rgba(0,0,0,.08);background:#e9e3d3}
.forside-lista.foto3{grid-template-columns:repeat(3,1fr)}.forside-lista.foto3 img{aspect-ratio:4/3}

/* ---- leselista på inngangene ---- */
.leseliste{margin:1.2rem 0 0;padding:0;list-style:none}
.leseliste li{border-top:1px solid var(--line);padding:.8rem 0;font-size:1.02rem;line-height:1.5}
.leseliste li:last-child{border-bottom:1px solid var(--line)}
.leseliste b{font-family:var(--disp);font-weight:700;letter-spacing:-.02em;font-size:1.02rem}
.leseliste .k{font-family:var(--mono);font-size:.58rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-left:.5rem}
.leseliste i{display:block;font-style:normal;color:var(--dim);font-size:.98rem;margin-top:.2rem}

/* ---- bilder som dokumenter ---- */
figure{margin:2rem 0}
figure img{display:block;max-width:100%;height:auto;border:1px solid var(--line);background:var(--card)}
figcaption{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;color:var(--dim);margin-top:.55rem;line-height:1.5}
.foto{margin:2.4rem 0;background:#fff;padding:.6rem .6rem .5rem;border:1px solid var(--line);box-shadow:0 6px 16px rgba(0,0,0,.09)}
.foto img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.foto figcaption{margin:.55rem .2rem 0}
.video{position:relative;aspect-ratio:16/9;margin:2rem 0;background:#000}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.still{display:grid;grid-template-columns:minmax(0,9rem) 1fr;gap:1.2rem;align-items:start;
  border:1px solid var(--line);background:var(--card);padding:1rem;margin:2rem 0}
.still img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.still p{margin:0 0 .6rem;font-size:1rem;line-height:1.5}
.still .k{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
.still a{color:var(--acc)}

/* ---- utdrag fra Kaninhull ---- */
.utdrag{border:1px solid var(--line);border-left:5px solid var(--rod);background:var(--ark);
  padding:1.2rem 1.4rem;margin:2.4rem 0;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.utdrag .k{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--rod);margin:0 0 .8rem}
.utdrag p{font-size:1.04rem;line-height:1.6;margin:0 0 .9rem}
.utdrag p:last-child{margin:0}
.utdrag img{max-width:100%;height:auto;display:block;border:1px solid var(--line);margin:.6rem 0 1rem}
.utdrag .les{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;margin-top:.9rem}
.utdrag .les a{color:var(--acc)}
.utdrag-i{margin:2rem 0 0}

/* ---- Kaninhull-innlegg og brev ---- */
.innlegg h2{margin-top:2.6rem}
.innlegg blockquote{font-size:1.02rem}
.innlegg ul,.innlegg ol{padding-left:1.3rem}
.innlegg li{margin:.35rem 0}
.brev .melding{border-top:1px solid var(--line2);padding-top:1.2rem;margin-top:2.2rem}
.brev .melding:first-child{border-top:0;padding-top:0;margin-top:0}
.brev .melding .k{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 1rem}
.brev p{margin:0 0 1.1rem}
.brev ul{padding-left:1.3rem}
.brev hr{border:0;border-top:1px solid var(--line);margin:1.6rem 0}
.brev h2{font-size:1.25rem;margin:1.8rem 0 .6rem}

/* ---- bunn: videre som kort, innganger, footer ---- */
.videre{border-top:3px solid var(--ink);margin-top:3.4rem;padding-top:1rem;display:flex;flex-wrap:wrap;gap:.5rem}
.videre .h{flex:1 0 100%;max-width:none;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 .3rem;background:none;padding:0}
.videre p{margin:0;flex:1 1 15rem;max-width:26rem;background:var(--ink);color:var(--lys);padding:1rem 1.1rem 1.2rem;font-size:.95rem;line-height:1.45}
.videre p a{color:var(--lys);text-decoration:none;display:block}
.videre p a b{font-family:var(--disp);font-size:1.15rem;letter-spacing:-.03em;line-height:1.1;display:block}
.videre p a i{display:block;font-style:normal;color:var(--lysdim);margin-top:.4rem}
.videre p a:hover b{color:var(--gul)}
.videre .i-linse .h{flex:none;display:block;margin:0 0 .35rem;color:var(--gul)}
.innganger{border-top:1px solid var(--line);margin-top:1.6rem;padding-top:1rem;font-size:.98rem;color:var(--dim)}
.innganger .h{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;margin-right:.6rem}
.innganger a{color:var(--dim)}
.innganger a:hover{color:var(--acc)}
.innganger-topp a{color:var(--ink)}
.innganger-topp a:hover{color:var(--acc)}
footer{border-top:3px solid var(--ink);margin-top:3.5rem;padding:1.4rem 0 3.5rem;font-size:.95rem;color:var(--dim);line-height:1.6}
footer .wide{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;flex-wrap:wrap}
footer p{margin:0}
footer .brand{font-family:var(--disp);font-weight:700;font-size:1.6rem;letter-spacing:-.045em;color:var(--ink);text-decoration:none;line-height:1}
footer a{color:var(--dim)}

/* ---- saksmappene: plakatens kraft ---- */
body.sec-sak article.grid>.hode{grid-column:full;background:var(--ink);color:var(--lys);margin:-3rem 0 2.4rem;padding:3rem 1.4rem 2rem;
  display:grid;grid-template-columns:inherit;column-gap:inherit}
body.sec-sak article.grid>.hode>*{grid-column:marg/main-end}
body.sec-sak .hode h1{color:var(--lys);letter-spacing:-.05em}
body.sec-sak .kicker{color:#ff5a36;font-size:.66rem}
body.sec-sak .standfirst{color:var(--gul);font-style:normal;font-family:var(--disp);font-weight:700;font-size:1.45rem;line-height:1.2}
body.sec-sak .boks{border-left-color:#ff5a36}
body.sec-sak .boks .h{color:var(--acc)}
body.sec-sak h2{border-top:3px solid var(--ink);padding-top:.7rem}

/* ---- tilgjengelighet, skjerm og trykk ---- */
a:focus-visible,button:focus-visible{outline:3px solid var(--rod);outline-offset:3px;border-radius:2px}
.top a:focus-visible{outline-color:var(--gul);outline-offset:1px}
html[lang="en"] .first::first-letter{padding-right:.45rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.linser a:hover .bilde img{transform:none}.bok:hover .im{transform:none}}
@media (max-width:66rem){
  article.grid{display:block}
  article.grid>.hode,article.grid>.marg,article.grid>.w,article.grid>.slab>.w,article.grid>.videre,article.grid>.utdrag-i,article.grid>.video{max-width:var(--measure);margin-left:auto;margin-right:auto;padding:0 1.4rem}
  article.grid>.marg{position:static;margin-bottom:2rem}
  article.grid>.slab{display:block}
  article.grid>.bred{padding:0 1.4rem}
  .marg figure{max-width:16rem}
  body.sec-sak article.grid>.hode{display:block;max-width:none;padding:3rem 0 1.6rem}
  body.sec-sak article.grid>.hode>*{max-width:var(--measure);margin-left:auto;margin-right:auto;padding-left:1.4rem;padding-right:1.4rem}
  .tavle{grid-template-columns:1fr}
  .ressurser{grid-template-columns:1fr 1fr}
  .res.steder{grid-column:1/-1}
  .kjede.rad{grid-template-columns:repeat(3,1fr)}
  .linser{grid-template-columns:repeat(2,1fr)}
  .to-kol{grid-template-columns:1fr}
  .mh{grid-template-columns:1fr}
  .mh figure{max-width:34rem;margin-top:1rem}
  .slab-to{grid-template-columns:1fr;gap:1.6rem}
  footer .wide{grid-template-columns:1fr}
}
@media (max-width:40rem){
  body{font-size:18px}
  article h1,.hode h1{overflow-wrap:anywhere}
  .top .wide{flex-wrap:wrap;white-space:normal;overflow:visible;row-gap:.35rem;column-gap:.95rem;padding:.6rem 1rem}
  .top .brand{width:100%;margin:0 0 .1rem}
  .wide{padding:0 1rem}
  .linser{grid-template-columns:1fr}
  .ressurser{grid-template-columns:1fr}
  .res.steder ul{columns:1}
  .kjede.rad{grid-template-columns:1fr}
  .kjede.rad li{min-height:0}
  .forside-lista{grid-template-columns:repeat(3,1fr)}
  .hylle{grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr));gap:.7rem}
  .still{grid-template-columns:1fr}.still img{max-width:11rem}
  .brevark{padding:1.6rem 1.2rem 1.4rem}
  .brevark .frimerke{width:2.6rem;height:3.4rem;right:1rem;top:1rem}
  .stykker.kjede li,.stykker.sti li{grid-template-columns:2.6rem 1fr;gap:.6rem}
  .stykker li.har-bilde a{grid-template-columns:4rem 1fr}
  .mh h1{font-size:clamp(3rem,19vw,5rem);line-height:.9}
  .mh h1 em{display:block}
  .masthead{overflow:hidden}
  .masthead{padding:2rem 0 2rem}
  .tavle .kol{padding:1.3rem 1.1rem 1.5rem}
  .seksjon .h{flex-direction:column;align-items:flex-start;gap:.35rem}
  .seksjon .h b{font-size:1.7rem}
  .videre{grid-template-columns:1fr}
}
@media print{.top,.videre,footer{display:none}body{background:#fff}}
@media (max-width:22rem){.brevark .frimerke{position:static;margin:0 0 1rem}.brevark .fra{padding-right:0}}

/* ---- skjermbilder og galleri ---- */
.rute .bilde.skjerm{aspect-ratio:16/10;border-bottom-color:var(--ink)}
.rute .bilde.skjerm img{object-position:top;filter:none}
.rute b{font-size:1.3rem}
.galleri{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin:1.6rem 0 2rem}
.galleri figure{margin:0;background:#fff;padding:.5rem .5rem .4rem;border:1px solid var(--line);box-shadow:0 6px 16px rgba(0,0,0,.09)}
.galleri figure img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;display:block;border:1px solid var(--line)}
.galleri figcaption{margin:.45rem .2rem 0}
.galleri.fri{align-items:start}
.galleri.fri figure img{aspect-ratio:auto;object-fit:contain}
.bred>p,.bred>.note{max-width:var(--measure)}
/* ---- Lista: forfatterrader med hylla ved siden av teksten ---- */
.forf{display:grid;grid-template-columns:minmax(0,17rem) 1fr;gap:1.6rem;border-top:1px solid var(--line2);padding:1.4rem 0;align-items:start}
.forf.uten{grid-template-columns:1fr}
.forf .hylle{margin:0;grid-template-columns:repeat(auto-fill,minmax(4.8rem,1fr));gap:.5rem}
.forf .hylle .bok .t,.forf .hylle .bok .a{display:none}
.forf .hylle .bok .im{font-size:.62rem}
.forf.blandet .hylle .bok .t,.forf.blandet .hylle .bok .a{display:block}
.forf.blandet .hylle{grid-template-columns:repeat(auto-fill,minmax(5.4rem,1fr))}
.forf.blandet{grid-template-columns:1fr;gap:.6rem}
.forf.blandet .tekst{order:-1}
.forf h3{font-family:var(--disp);font-weight:700;font-size:1.35rem;letter-spacing:-.03em;margin:0 0 .45rem;line-height:1.05}
.forf h3 a{color:var(--ink);text-decoration:none}
.forf h3 a:hover{color:var(--rod)}
.forf p{font-size:1rem;line-height:1.5;margin:0}
.forf .titler{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;color:var(--dim);margin:.5rem 0 0;line-height:1.6}
.forf:last-of-type{border-bottom:1px solid var(--line2)}
@media (max-width:66rem){.rute.tre{grid-template-columns:repeat(2,1fr)}.forf{grid-template-columns:1fr;gap:.8rem}.forf .hylle{grid-template-columns:repeat(auto-fill,minmax(4.2rem,1fr))}.forf .hylle .bok .im{font-size:.55rem}}
@media (max-width:40rem){.rute,.rute.tre{grid-template-columns:1fr}.galleri{grid-template-columns:1fr}}

/* ---- skillelinjer i arkiv og brevliste ---- */
.stykker li.aar{display:flex;justify-content:space-between;align-items:baseline;border-top:3px solid var(--ink);padding:1.2rem 0 .4rem;border-bottom:0}
.stykker li.aar+li{border-top:0}
.stykker li.aar .y{font-family:var(--disp);font-weight:700;font-size:2rem;letter-spacing:-.05em;color:var(--rod);line-height:1}
.stykker li.aar .n{margin:0}

/* ---- to-kolonners liste, nummererte forslag ---- */
ul.to-kol{columns:2;column-gap:2rem;padding-left:1.2rem}
ul.to-kol li{break-inside:avoid}
ol.forslag{list-style:none;padding:0;margin:1.2rem 0 0;counter-reset:f}
ol.forslag li{position:relative;padding:1rem 0 1rem 3.4rem;border-top:1px solid var(--line2);counter-increment:f}
ol.forslag li:last-child{border-bottom:1px solid var(--line2)}
ol.forslag li:before{content:counter(f);position:absolute;left:0;top:.9rem;font-family:var(--disp);font-weight:700;font-size:2rem;letter-spacing:-.05em;color:var(--rod);line-height:1}
ol.forslag li b{font-family:var(--disp);letter-spacing:-.02em}
ol.forslag li .k.mono,blockquote .k.mono{display:block;margin-top:.5rem}