:root{--bg:#0f1115;--panel:#161a21;--tekst:#e9ebee;--dempet:#98a0aa;--aksent:#6d28d9;--kant:#242a34;--serif:Georgia,"Times New Roman",serif;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
@media(prefers-color-scheme:light){:root{--bg:#f4f5f7;--panel:#fff;--tekst:#15181d;--dempet:#5c636d;--aksent:#6d28d9;--kant:#e4e7ec}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tekst);font-family:var(--sans);line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:10;background:var(--panel);border-bottom:3px solid var(--aksent)}
.header-inner{max-width:1000px;margin:0 auto;padding:.8rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.6rem}
.mark{color:var(--aksent);font-size:1.6rem}
.brand-text{display:flex;flex-direction:column;line-height:1.15}
.brand-text b{font-family:var(--serif);font-size:1.5rem;letter-spacing:.3px}
.brand-text em{font-style:normal;font-size:.78rem;color:var(--dempet)}
.lang{padding:.45rem .6rem;background:var(--bg);color:var(--tekst);border:1px solid var(--kant);border-radius:8px;font-size:.88rem}
.mainnav{max-width:1000px;margin:0 auto;padding:0 1.25rem;display:flex;gap:1.2rem;flex-wrap:wrap;border-top:1px solid var(--kant)}
.mainnav a{padding:.6rem 0;font-size:.9rem;font-weight:600;color:var(--dempet);border-bottom:2px solid transparent}
.mainnav a:hover{color:var(--tekst);border-bottom-color:var(--aksent)}
.wrap{max-width:1000px;margin:0 auto;padding:1.75rem 1.25rem}
.pill{display:inline-block;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:1.5px;padding:.28rem .7rem;border-radius:20px}
.dato{color:var(--dempet);font-size:.82rem}
.hero{display:block;background:var(--panel);border:1px solid var(--kant);border-radius:14px;overflow:hidden;transition:transform .12s}
.hero:hover{transform:translateY(-3px)}
/* Toppsak-slider */
/* pan-y: loddrett scrolling tilhorer siden, vannrett sveip tilhorer slideren */
.slider{position:relative;touch-action:pan-y}
.slides-vindu{overflow:hidden;border-radius:14px}
.slides{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1)}
.slides .hero{flex:0 0 100%;min-width:100%;border-radius:0;border-left:none;border-right:none}
.slides .hero:hover{transform:none}
/* Overlay som er noyaktig like stor som BILDET (samme sideforhold).
   Da havner begge pilene automatisk paa bildets vertikale midte, og
   holder seg utenfor overskriften (som gaar fra 7.5% til 92.5% av bredden). */
.pil-lag{position:absolute;top:0;left:0;right:0;aspect-ratio:1200/630;z-index:2;
  display:flex;align-items:center;justify-content:space-between;padding:0 10px;
  pointer-events:none}
.pil{pointer-events:auto;width:42px;height:42px;padding:0;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.5);color:#fff;border:1px solid rgba(255,255,255,.18);
  border-radius:50%;cursor:pointer;opacity:.8;
  transition:background .15s,opacity .15s,transform .15s}
.pil:hover{background:rgba(0,0,0,.82);opacity:1;transform:scale(1.08)}
.pil:focus-visible{outline:3px solid var(--aksent);outline-offset:2px;opacity:1}
.pil svg{display:block}
.dots{display:flex;justify-content:center;gap:.5rem;margin-top:.9rem}
.dot{width:9px;height:9px;padding:0;border-radius:50%;border:none;cursor:pointer;
  background:var(--kant);transition:background .2s,transform .2s}
.dot:hover{background:var(--dempet)}
.dot.aktiv{background:var(--aksent);transform:scale(1.35)}
.dot:focus-visible{outline:2px solid var(--aksent);outline-offset:2px}
/* Paa smale skjermer er bildet for lite til at pilene kan holde seg unna
   overskriften. Da skjuler vi dem og lar brukeren sveipe + bruke prikkene. */
@media(max-width:560px){.pil-lag{display:none}}
.hero-bilde img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.hero-tekst{padding:1.4rem 1.7rem 1.7rem;display:flex;flex-direction:column;gap:.6rem}
.hero-tekst h2{font-family:var(--serif);font-size:1.9rem;line-height:1.15;margin:.2rem 0}
.hero-tekst p{color:var(--dempet);margin:0}
.seksjon{font-family:var(--serif);font-size:1.3rem;border-bottom:2px solid var(--kant);padding-bottom:.4rem;margin:2rem 0 1.2rem}
.side-tittel{font-family:var(--serif);display:flex;align-items:center;gap:.7rem;font-size:1.8rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.4rem}
.kort{background:var(--panel);border:1px solid var(--kant);border-radius:12px;overflow:hidden;transition:transform .12s}
.kort:hover{transform:translateY(-3px)}
.kort-bilde img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.kort-tekst{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.5rem}
.kort-tekst h3{font-family:var(--serif);font-size:1.2rem;line-height:1.25;margin:.15rem 0}
.artikkel{max-width:720px;margin:0 auto}
.artikkel h1{font-family:var(--serif);font-size:2.3rem;line-height:1.15;margin:.6rem 0 .3rem}
.byline{color:var(--dempet);font-size:.9rem;margin:0 0 1.2rem}
.artikkel-bilde{border-radius:12px;overflow:hidden;margin:1rem 0}
figure.artikkel-bilde{margin:1rem 0}
figure.artikkel-bilde img{width:100%;border-radius:12px}
figcaption{font-size:.85rem;color:var(--dempet);line-height:1.45;padding:.6rem .2rem 0}
figcaption .kreditt{opacity:.8;white-space:nowrap}
figcaption a{color:var(--dempet);text-decoration:underline}
.brodtekst p{font-size:1.13rem;line-height:1.75;margin:0 0 1.15rem}
.kilde{font-size:.95rem;color:var(--dempet);border-left:3px solid var(--aksent);padding-left:.8rem;margin:1.5rem 0}
.kilde a{color:var(--aksent)}
.del{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1.5rem 0;padding:.9rem 0;border-top:1px solid var(--kant);border-bottom:1px solid var(--kant)}
.del span{color:var(--dempet);font-size:.85rem;font-weight:600}
.del a,.del button{font-family:inherit;font-size:.85rem;padding:.4rem .8rem;border:1px solid var(--kant);border-radius:20px;background:var(--panel);color:var(--tekst);cursor:pointer}
.del a:hover,.del button:hover{border-color:var(--aksent)}
.related{max-width:1000px;margin:2.5rem auto 0}
.tilbake{margin-top:2rem}.tilbake a{color:var(--aksent);font-weight:600}
.prose{max-width:720px;margin:0 auto}
.prose h1{font-family:var(--serif);font-size:2.1rem;margin-bottom:1rem}
.prose h2{font-family:var(--serif);font-size:1.3rem;margin:1.8rem 0 .5rem}
.prose p{font-size:1.08rem;line-height:1.75;margin:0 0 1rem}
.prose a{color:var(--aksent)}
.kontakt{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:480px}
.kontakt label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--dempet)}
.kontakt input,.kontakt textarea{font-family:inherit;font-size:1rem;padding:.65rem .8rem;background:var(--panel);color:var(--tekst);border:1px solid var(--kant);border-radius:8px}
.kontakt input:focus,.kontakt textarea:focus{outline:2px solid var(--aksent);border-color:transparent}
.kontakt button{align-self:flex-start;font-size:1rem;font-weight:600;padding:.7rem 1.5rem;background:var(--aksent);color:#fff;border:none;border-radius:8px;cursor:pointer}
.kontakt button:hover{opacity:.9}
.skjult{display:none}
.ad-slot{display:flex;align-items:center;justify-content:center;min-height:110px;margin:1.8rem 0;background:var(--panel);border:1px dashed var(--kant);border-radius:10px}
.ad-slot span{color:var(--dempet);font-size:.72rem;text-transform:uppercase;letter-spacing:2px}
.site-footer{max-width:1000px;margin:2.5rem auto 0;padding:1.75rem 1.25rem;border-top:1px solid var(--kant);color:var(--dempet);font-size:.88rem}
.footer-lenker{display:flex;gap:1.3rem;flex-wrap:wrap;margin-bottom:.8rem}
.footer-lenker a{font-weight:600;color:var(--tekst)}
.footer-lenker a:hover{color:var(--aksent)}
.site-footer .fine{font-size:.8rem;opacity:.85}
.tom{text-align:center;color:var(--dempet);padding:4rem 0}
@media(max-width:720px){.hero-tekst h2{font-size:1.6rem}.artikkel h1{font-size:1.7rem}}