/* dataist.no — sidemaler. Bygget på designsystemet Dataist (retning A · Node). */
@font-face{font-family:"Sora";font-weight:400;font-display:swap;src:url(fonts/Sora-400.woff2) format("woff2")}
@font-face{font-family:"Sora";font-weight:600;font-display:swap;src:url(fonts/Sora-600.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:400;font-display:swap;src:url(fonts/DMSans-400.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:400;font-style:italic;font-display:swap;src:url(fonts/DMSans-400-italic.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-weight:500;font-display:swap;src:url(fonts/DMSans-500.woff2) format("woff2")}
@font-face{font-family:"DM Mono";font-weight:400;font-display:swap;src:url(fonts/DMMono-400.woff2) format("woff2")}
@font-face{font-family:"DM Mono";font-weight:500;font-display:swap;src:url(fonts/DMMono-500.woff2) format("woff2")}

:root{
  --papir:#f6efe0; --dyp:#0f3743; --teal:#1f6e6a; --mynte:#bfd8cb; --korall:#e8787a; --rav:#ee9a3c;
  --flate:#f6efe0; --flate-hevet:#fcf8f0; --flate-tonet:#bfd8cb; --linje:#ddd2bc; --linje-sterk:#0f3743;
  --tekst:#0f3743; --tekst-dempet:#4c6369; --lenke:#1f6e6a; --handling:#1f6e6a; --paa-handling:#f6efe0; --fokus:#1f6e6a; --node:var(--korall);
  --kode-flate:#0f3743; --kode-tekst:#e9f1ec; --kode-kommentar:#9db8b5; --kode-nokkelord:#bfd8cb; --kode-streng:#f2b266; --kode-tall:#f29a9b;
  --font-display:"Sora","DM Sans",system-ui,sans-serif; --font-sans:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif; --font-mono:"DM Mono",ui-monospace,Menlo,monospace;
  --avstand-1:4px; --avstand-2:8px; --avstand-3:12px; --avstand-4:16px; --avstand-6:24px; --avstand-8:32px; --avstand-12:48px; --avstand-16:64px; --avstand-24:96px;
  --radius-s:4px; --radius-m:8px; --radius-l:16px; --radius-rund:999px;
  --skygge-meny:0 12px 32px -12px rgba(15,55,67,.28);
  --kunst-hoved:url(img/kunst-sirkler.jpg); --bunn-flate:var(--dyp); --bar-flate:var(--dyp);
  color-scheme:light;
  --marg:var(--avstand-4); --seksjon:var(--avstand-16);
}
@media (min-width:640px){:root{--marg:var(--avstand-8)}}
@media (min-width:1024px){:root{--marg:var(--avstand-12); --seksjon:var(--avstand-24)}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--flate);color:var(--tekst);font:400 17px/28px var(--font-sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--fokus);outline-offset:2px;border-radius:2px}
.innhold{max-width:1200px;margin:0 auto;padding:0 var(--marg)}
.smal{max-width:680px}
.seksjon{padding:var(--seksjon) 0}
.skjult{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* Plassholdermerke */
.plassholder-bar{background:var(--bar-flate);color:var(--papir);font:500 12px/16px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:6px var(--marg)}
.plassholder-bar::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--korall);margin-right:8px;vertical-align:1px}

/* Typografi */
.display,.h1,.h2,.h3{font-family:var(--font-display);font-weight:600;margin:0;color:var(--tekst)}
.display{font-size:36px;line-height:40px;letter-spacing:-.03em}
.h1{font-size:30px;line-height:36px;letter-spacing:-.025em}
.h2{font-size:24px;line-height:30px;letter-spacing:-.02em}
.h3{font-size:20px;line-height:26px;letter-spacing:-.01em}
@media (min-width:1024px){.display{font-size:56px;line-height:60px}.h1{font-size:40px;line-height:46px}.h2{font-size:28px;line-height:34px}}
.ingress{font-size:18px;line-height:29px;margin:0}
@media (min-width:640px){.ingress{font-size:20px;line-height:32px}}
.liten{font-size:15px;line-height:24px;color:var(--tekst-dempet)}
.etikett{font:500 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-dempet);display:inline-flex;align-items:center;gap:var(--avstand-2)}
.etikett::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--node)}
.seksjonstopp{display:flex;justify-content:space-between;align-items:end;gap:var(--avstand-4);margin-bottom:var(--avstand-8)}
.seksjonstopp .etikett{margin-bottom:var(--avstand-2)}
@media (min-width:1024px){.seksjonstopp{margin-bottom:var(--avstand-12)}}

/* Lenker og knapper */
.lenke{color:var(--lenke);text-decoration:underline;text-decoration-color:var(--node);text-decoration-thickness:2px;text-underline-offset:5px}
.lenke:hover{color:var(--tekst)}
.lenke-pil{color:var(--lenke);text-decoration:none;font-weight:500;white-space:nowrap}
.lenke-pil::after{content:" →"}
.lenke-pil:hover{text-decoration:underline;text-decoration-color:var(--node);text-decoration-thickness:2px;text-underline-offset:5px}
.knapp{font:500 16px/20px var(--font-sans);display:inline-flex;align-items:center;gap:var(--avstand-2);height:44px;padding:0 var(--avstand-6);border-radius:var(--radius-m);border:1.5px solid transparent;text-decoration:none;cursor:pointer;white-space:nowrap}
.knapp-primaer{background:var(--handling);color:var(--paa-handling)}
.knapp-primaer:hover{background:var(--tekst);color:var(--flate)}
.knapp-sekundaer{color:var(--tekst);border-color:var(--linje-sterk);background:transparent}
.knapp-sekundaer:hover{background:var(--flate-tonet)}
.knapp .pil{transition:transform .15s}.knapp:hover .pil{transform:translateX(3px)}
.knapprad{display:flex;flex-wrap:wrap;gap:var(--avstand-3)}

/* Topp og meny */
.topp{position:relative;z-index:10;background:var(--flate)}
.topp-indre{display:flex;align-items:center;justify-content:space-between;height:72px}
.topp .merke img{height:26px;width:auto}
.meny{display:none}
.meny a{text-decoration:none;font-weight:500;font-size:16px;padding:6px 0;border-bottom:2px solid transparent}
.meny a:hover{border-bottom-color:var(--linje)}
.meny a[aria-current="page"]{border-bottom-color:var(--node)}
.meny-knapp{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px;border:1.5px solid var(--linje-sterk);border-radius:var(--radius-m);background:transparent;color:var(--tekst);font:500 15px/1 var(--font-sans);cursor:pointer}
.meny-knapp i{display:block;width:16px;height:10px;border-top:2px solid currentColor;border-bottom:2px solid currentColor}
.mobilmeny{display:none;position:absolute;left:0;right:0;top:72px;background:var(--flate);border-top:1px solid var(--linje);box-shadow:var(--skygge-meny);padding:var(--avstand-4) var(--marg) var(--avstand-8)}
.mobilmeny a{display:block;text-decoration:none;font:600 22px/30px var(--font-display);letter-spacing:-.02em;padding:10px 0;border-bottom:1px solid var(--linje)}
.mobilmeny .knapp{margin-top:var(--avstand-6);font:500 16px/20px var(--font-sans);border:0;justify-content:center;width:100%;padding:0}
.topp.apen .mobilmeny{display:block}
@media (min-width:1024px){
  .meny{display:flex;align-items:center;gap:var(--avstand-8)}
  .meny-knapp,.mobilmeny{display:none!important}
  .topp-indre{height:88px}
  .topp .merke img{height:30px}
}

/* Hero (forside) */
.hero{position:relative;overflow:hidden}
.hero-kunst{position:absolute;right:-6%;top:-4%;width:min(78vw,520px);aspect-ratio:1;background:var(--kunst-hoved) 30% 45%/cover;-webkit-mask-image:linear-gradient(200deg,#000 45%,transparent 85%);mask-image:linear-gradient(200deg,#000 45%,transparent 85%);opacity:.95}
.hero-tekst{position:relative;padding:calc(min(78vw,520px)*.74) 0 var(--avstand-16)}
.hero-tekst .display{max-width:640px}
.hero-tekst .ingress{max-width:560px;margin-top:var(--avstand-6)}
.hero-tekst .knapprad{margin-top:var(--avstand-8)}
@media (min-width:1024px){
  .hero{min-height:640px}
  .hero-kunst{left:46%;right:0;top:0;bottom:0;width:auto;aspect-ratio:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%);opacity:1}
  .hero-tekst{padding:120px 0 var(--avstand-24);max-width:600px}
}

/* Prinsipper / hva Dataist er */
.tre{display:grid;gap:var(--avstand-8)}
@media (min-width:768px){.tre{grid-template-columns:repeat(3,1fr)}}
.prinsipp{border-top:1px solid var(--linje-sterk);padding-top:var(--avstand-6)}
.prinsipp .nr{font:500 13px/1 var(--font-mono);color:var(--tekst-dempet);display:block;margin-bottom:var(--avstand-4)}
.prinsipp p{margin:var(--avstand-3) 0 0;color:var(--tekst)}

/* Kort */
.kortrutenett{display:grid;gap:var(--avstand-6)}
@media (min-width:640px){.kortrutenett{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.kortrutenett{grid-template-columns:repeat(3,1fr);gap:var(--avstand-8)}}
.kort{background:var(--flate-hevet);border:1px solid var(--linje);border-radius:var(--radius-l);padding:var(--avstand-6);display:flex;flex-direction:column;gap:var(--avstand-3);height:100%;text-decoration:none;color:var(--tekst)}
.kort p{margin:0}
.kort .lenke-pil{margin-top:auto;padding-top:var(--avstand-3)}
a.kort:hover{border-color:var(--linje-sterk)}
a.kort:hover .h3{text-decoration:underline;text-decoration-color:var(--node);text-decoration-thickness:2px;text-underline-offset:5px}
.kort-tonet{background:var(--flate-tonet);border-color:transparent}
.kort-bilde{padding:0;overflow:hidden}
.kort-media{aspect-ratio:16/10;background-repeat:no-repeat;background-size:230%}
.kort-innhold{padding:var(--avstand-6);display:flex;flex-direction:column;gap:var(--avstand-3);flex:1}
.utsnitt-1{background-image:url(img/kunst-sirkler.jpg);background-position:24% 30%}
.utsnitt-2{background-image:url(img/kunst-flater.jpg);background-position:70% 40%}
.utsnitt-3{background-image:url(img/kunst-nettverk.jpg);background-position:30% 70%}
.utsnitt-4{background-image:url(img/kunst-sirkler.jpg);background-position:80% 78%}
.utsnitt-5{background-image:url(img/kunst-flater.jpg);background-position:20% 80%}
.utsnitt-6{background-image:url(img/kunst-nettverk.jpg);background-position:85% 15%}
.kort-stor{grid-column:1/-1}
@media (min-width:1024px){.kort-stor{display:grid;grid-template-columns:1.3fr 1fr}.kort-stor .kort-media{aspect-ratio:auto;min-height:320px}.kort-stor .kort-innhold{padding:var(--avstand-12);justify-content:center}}

/* Tekstliste */
.tekstliste{list-style:none;margin:0;padding:0;border-top:1px solid var(--linje)}
.tekstliste li{border-bottom:1px solid var(--linje)}
.tekstliste a{display:grid;gap:var(--avstand-1);padding:var(--avstand-6) 0;text-decoration:none}
.tekstliste .h3{transition:color .15s}
.tekstliste a:hover .h3{text-decoration:underline;text-decoration-color:var(--node);text-decoration-thickness:2px;text-underline-offset:5px}
@media (min-width:768px){.tekstliste a{grid-template-columns:180px 1fr auto;align-items:baseline;gap:var(--avstand-8)}.tekstliste .lenke-pil{opacity:0}.tekstliste a:hover .lenke-pil{opacity:1}}

/* Kontaktfelt */
.kontakt{background:var(--flate-tonet);border-radius:var(--radius-l);padding:var(--avstand-8) var(--avstand-6);display:grid;gap:var(--avstand-6);position:relative;overflow:hidden}
.kontakt p{margin:0}
@media (min-width:1024px){.kontakt{grid-template-columns:1.4fr 1fr;padding:var(--avstand-16);align-items:end}}
.kontakt .kanaler{display:grid;gap:var(--avstand-2)}
.kontakt .kanaler a{font:600 20px/28px var(--font-display);letter-spacing:-.01em;text-decoration:underline;text-decoration-color:var(--node);text-decoration-thickness:2px;text-underline-offset:6px}

/* Sidetopp (oversikt, artikkel, om) */
.sidetopp{position:relative;overflow:hidden;border-bottom:1px solid var(--linje)}
.sidetopp-kunst{position:absolute;inset:0 0 0 auto;width:55%;background:url(img/kunst-flater.jpg) 60% 40%/cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 40%);mask-image:linear-gradient(90deg,transparent 0,#000 40%)}
.sidetopp-kunst::after{content:"";position:absolute;inset:0;background:var(--flate);opacity:.65}
.sidetopp-tekst{position:relative;padding:var(--avstand-12) 0 var(--avstand-12);max-width:720px}
.sidetopp-tekst .etikett{margin-bottom:var(--avstand-4)}
.sidetopp-tekst .ingress{margin-top:var(--avstand-6);max-width:620px}
@media (min-width:1024px){.sidetopp-tekst{padding:var(--avstand-16) 0 var(--avstand-16)}}
@media (max-width:639px){.sidetopp-kunst{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 70%);mask-image:linear-gradient(180deg,#000 0,transparent 70%)}.sidetopp-kunst::after{opacity:.78}}

/* Faner (oversikt) */
.faner{display:flex;gap:var(--avstand-2);overflow-x:auto;margin:0 calc(var(--marg) * -1) var(--avstand-8);padding:0 var(--marg);scrollbar-width:none}
.faner button{flex:none;height:40px;padding:0 var(--avstand-4);border-radius:var(--radius-m);border:1.5px solid var(--linje);background:transparent;color:var(--tekst);font:500 15px/1 var(--font-sans);cursor:pointer}
.faner button[aria-selected="true"]{border-color:var(--linje-sterk);background:var(--flate-hevet)}
.faner button[aria-selected="true"]::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--node);margin-right:8px;vertical-align:1px}

/* Artikkel */
.brodsmuler{font-size:15px;color:var(--tekst-dempet);padding-top:var(--avstand-8)}
.brodsmuler a{color:var(--tekst-dempet)}
.artikkel-topp{padding:var(--avstand-6) 0 var(--avstand-8)}
.artikkel-topp .h1{margin-top:var(--avstand-4)}
@media (min-width:1024px){.artikkel-topp .h1{font-size:48px;line-height:54px}}
.artikkel-topp .ingress{margin-top:var(--avstand-6)}
.byline{display:flex;align-items:center;gap:var(--avstand-3);margin-top:var(--avstand-8);font-size:15px;line-height:22px}
.byline img{width:44px;height:44px;border-radius:50%}
.byline span{color:var(--tekst-dempet)}
.artikkel-bilde{margin:0 0 var(--avstand-12)}
.artikkel-bilde div{aspect-ratio:21/9;border-radius:var(--radius-l);background:var(--kunst-hoved) 40% 38%/140% no-repeat}
@media (max-width:639px){.artikkel-bilde div{aspect-ratio:4/3;border-radius:var(--radius-m);background-size:210%}}
.brod>*{margin:0}
.brod>*+*{margin-top:var(--avstand-6)}
.brod h2{font:600 24px/30px var(--font-display);letter-spacing:-.02em;margin-top:var(--avstand-12)}
@media (min-width:1024px){.brod h2{font-size:28px;line-height:34px}}
.brod ul{padding-left:22px}
.brod li{margin-bottom:var(--avstand-2)}
.brod li::marker{color:var(--korall)}
.brod figure figcaption,.figurtekst{font-size:15px;line-height:24px;color:var(--tekst-dempet);margin-top:var(--avstand-3)}
.brod .figurbilde{aspect-ratio:3/2;border-radius:var(--radius-l);background:url(img/kunst-nettverk.jpg) 30% 60%/180% no-repeat}
.inline-kode{font:400 .88em/1 var(--font-mono);background:var(--flate-tonet);padding:2px 6px;border-radius:var(--radius-s)}
.kode{background:var(--kode-flate);color:var(--kode-tekst);border-radius:var(--radius-m);font:400 14px/22px var(--font-mono);overflow:auto;margin-left:calc(var(--marg) * -1);margin-right:calc(var(--marg) * -1);border-radius:0}
@media (min-width:640px){.kode{margin-left:0;margin-right:0;border-radius:var(--radius-m)}}
.kode-topp{display:flex;align-items:center;padding:var(--avstand-2) var(--avstand-4);border-bottom:1px solid rgba(233,241,236,.12);font-size:12px;color:var(--kode-kommentar)}
.kode-topp::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--node);margin-right:var(--avstand-2)}
.kode-topp span{margin-right:auto}
.kode code{display:block;padding:var(--avstand-4);white-space:pre}
.kode .k{color:var(--kode-kommentar)}.kode .n{color:var(--kode-nokkelord)}.kode .s{color:var(--kode-streng)}.kode .t{color:var(--kode-tall)}
.sitat{margin:var(--avstand-12) 0!important;padding-top:var(--avstand-8);position:relative}
.sitat::before{content:"";position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;background:var(--node)}
.sitat p{font:400 22px/32px var(--font-display);letter-spacing:-.015em;margin:0}
@media (min-width:1024px){.sitat p{font-size:26px;line-height:36px}}
.sitat footer{margin-top:var(--avstand-4);font-size:15px;color:var(--tekst-dempet)}
.sitat footer strong{color:var(--tekst);font-weight:500}
.forfatterboks{display:grid;grid-template-columns:64px 1fr;gap:var(--avstand-4);align-items:start;border-top:1px solid var(--linje);padding-top:var(--avstand-8);margin-top:var(--avstand-16)}
.forfatterboks img{width:64px;height:64px;border-radius:50%}
.forfatterboks p{margin:var(--avstand-1) 0 0}

/* Om */
.to-kol{display:grid;gap:var(--avstand-8)}
@media (min-width:1024px){.to-kol{grid-template-columns:1fr 1.4fr;gap:var(--avstand-16)}}
.fakta{display:grid;grid-template-columns:1fr 1fr;gap:var(--avstand-6) var(--avstand-8);margin:0}
.fakta dt{font:500 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-dempet)}
.fakta dd{margin:var(--avstand-1) 0 0;font:600 20px/26px var(--font-display);letter-spacing:-.01em}
.person{display:grid;gap:var(--avstand-8)}
@media (min-width:1024px){.person{grid-template-columns:380px 1fr;gap:var(--avstand-16);align-items:start}}
.portrett{aspect-ratio:4/5;border-radius:var(--radius-l);background:var(--flate-tonet);position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:var(--avstand-4)}
.portrett::before{content:"";position:absolute;inset:0;background:url(img/kunst-sirkler.jpg) 75% 20%/220% no-repeat;opacity:.35}
.portrett span{position:relative;background:var(--flate);border-radius:var(--radius-s);padding:4px 8px;font:500 12px/16px var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.cv{list-style:none;margin:0;padding:0;border-top:1px solid var(--linje)}
.cv li{display:grid;grid-template-columns:1fr;gap:2px;padding:var(--avstand-4) 0;border-bottom:1px solid var(--linje)}
@media (min-width:640px){.cv li{grid-template-columns:200px 1fr;gap:var(--avstand-6)}}
.cv b{font-weight:500}

/* Bunntekst */
.bunn{position:relative;overflow:hidden;background:var(--bunn-flate);color:var(--papir);margin-top:var(--seksjon)}
.bunn::before{content:"";position:absolute;inset:0;background:url(img/kunst-nettverk.jpg) center/cover;opacity:.12}
.bunn-indre{position:relative;display:grid;gap:var(--avstand-12);padding-top:var(--avstand-16);padding-bottom:var(--avstand-8)}
@media (min-width:1024px){.bunn-indre{grid-template-columns:1.4fr 1fr 1fr;padding-top:var(--avstand-24)}}
.bunn .merke img{height:30px;width:auto}
.bunn p{margin:var(--avstand-4) 0 0;color:#cfdcd6;max-width:360px}
.bunn h2{font:500 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#a9c0bf;margin:0 0 var(--avstand-4)}
.bunn ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--avstand-2)}
.bunn a{color:var(--papir);text-decoration:none}
.bunn a:hover{text-decoration:underline;text-decoration-color:var(--node);text-decoration-thickness:2px;text-underline-offset:5px}
.bunn .epost{font:600 22px/30px var(--font-display);letter-spacing:-.01em;text-decoration:underline;text-decoration-color:var(--node);text-decoration-thickness:2px;text-underline-offset:6px}
.bunn-linje{position:relative;border-top:1px solid rgba(246,239,224,.16);padding:var(--avstand-6) 0 var(--avstand-8);display:flex;flex-wrap:wrap;gap:var(--avstand-2) var(--avstand-8);font-size:14px;color:#a9c0bf}
.bunn :focus-visible{outline-color:#7fcabe}
.sidetopp-sirkler{background-image:var(--kunst-hoved);background-position:70% 30%}

/* ---------- Mørk modus: følger systemet, kan overstyres med data-theme på <html> ---------- */
.merke .mork-kun{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--flate:#0b2a33; --flate-hevet:#123a45; --flate-tonet:#1c4a50; --linje:#24505b; --linje-sterk:#a9c0bf;
  --tekst:#f6efe0; --tekst-dempet:#a9c0bf; --lenke:#7fcabe; --handling:#7fcabe; --paa-handling:#0b2a33; --fokus:#7fcabe;
  --kode-flate:#071e25; --skygge-meny:0 12px 32px -12px rgba(0,0,0,.6);
  --kunst-hoved:url(img/kunst-nettverk.jpg); --bunn-flate:#071e25; --bar-flate:#071e25; color-scheme:dark;}
  :root:not([data-theme="light"]) .merke .mork-kun{display:inline-block}
:root:not([data-theme="light"]) .merke .lys-kun{display:none}
  :root:not([data-theme="light"]) .portrett::before{opacity:.22}
  :root:not([data-theme="light"]) .hero-kunst{opacity:.85}
  :root:not([data-theme="light"]) .brod .figurbilde{background-image:url(img/kunst-flater.jpg)}
  :root:not([data-theme="light"]) .bunn{border-top:1px solid var(--linje)}
  :root:not([data-theme="light"]) .knapp-primaer:hover{background:var(--tekst);color:var(--flate)}
}
:root[data-theme="dark"]{--flate:#0b2a33; --flate-hevet:#123a45; --flate-tonet:#1c4a50; --linje:#24505b; --linje-sterk:#a9c0bf;
  --tekst:#f6efe0; --tekst-dempet:#a9c0bf; --lenke:#7fcabe; --handling:#7fcabe; --paa-handling:#0b2a33; --fokus:#7fcabe;
  --kode-flate:#071e25; --skygge-meny:0 12px 32px -12px rgba(0,0,0,.6);
  --kunst-hoved:url(img/kunst-nettverk.jpg); --bunn-flate:#071e25; --bar-flate:#071e25; color-scheme:dark;}
:root[data-theme="dark"] .merke .mork-kun{display:inline-block}
:root[data-theme="dark"] .merke .lys-kun{display:none}
:root[data-theme="dark"] .portrett::before{opacity:.22}
:root[data-theme="dark"] .hero-kunst{opacity:.85}
:root[data-theme="dark"] .brod .figurbilde{background-image:url(img/kunst-flater.jpg)}
:root[data-theme="dark"] .bunn{border-top:1px solid var(--linje)}
:root[data-theme="dark"] .knapp-primaer:hover{background:var(--tekst);color:var(--flate)}

/* Temabryter i bunnteksten */
.tema-knapp{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(246,239,224,.3);color:var(--papir);border-radius:var(--radius-rund);height:32px;padding:0 14px;font:500 13px/1 var(--font-sans);cursor:pointer;margin-left:auto}
.tema-knapp::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--korall)}
.tema-knapp:hover{border-color:var(--papir)}