/* Lysningen (eier 2.11.2026): lyst og profesjonelt uttrykk for alle o4k.no-sider som bruker den felles malen.
   Legges sist i <head> på hver side (build.py). Mørkegrønn topp og bunn, lys salviegrønn bakgrunn, hvite kort. */
:root{color-scheme:light;--bg:#EEF3E8;--panel:#FFFFFF;--lime:#2F6B2A;--text:#1D2B1F;--muted:#55645A;--line:#DCE6D2;--deep:#0E2A1C;--glow:#B8E36A}
body{background:var(--bg)!important;color:var(--text)!important}
/* Skogbildet øverst blir et mørkegrønt bånd som toner ut i den lyse bakgrunnen (ingen brå strek). */
/* Eier 3.11.2026: myk overgang uten synlig kant – bildet tones gradvis ut over hele den nedre delen. */
body:before{opacity:1!important;height:560px!important;background:linear-gradient(180deg,rgba(14,42,28,.55),rgba(14,42,28,.3) 50%,rgba(14,42,28,.1) 85%,rgba(14,42,28,0)),url('https://spillportalen.o4k.no/bilder/o4k/55fab03b98a54c22855087af43e0fa42.webp') center 30%/cover no-repeat!important;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 30%,rgba(0,0,0,.82) 45%,rgba(0,0,0,.58) 60%,rgba(0,0,0,.34) 74%,rgba(0,0,0,.14) 87%,rgba(0,0,0,.04) 95%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 30%,rgba(0,0,0,.82) 45%,rgba(0,0,0,.58) 60%,rgba(0,0,0,.34) 74%,rgba(0,0,0,.14) 87%,rgba(0,0,0,.04) 95%,transparent 100%)}
a:hover{color:#1E4A1B}
a:focus-visible,button:focus-visible{outline-color:#2F6B2A}

/* Toppmeny: samme oppsett som forsiden (eier 3.11.2026): navnet til venstre, menyen midt på siden, alt innenfor samme bredde. */
@media(min-width:701px){.topbar{display:grid!important;grid-template-columns:1fr auto 1fr;justify-content:normal!important;padding:0 max(20px,calc((100% - 1240px)/2))!important}
.topbar .m-brand{display:flex!important;justify-self:start;grid-column:1;align-items:center;gap:10px;font-weight:800;font-size:15px;white-space:nowrap;text-decoration:none}
.topbar .m-brand span{font-size:26px;display:flex;color:var(--glow)}.topbar nav{justify-self:center;margin:0!important;gap:20px!important}.topbar nav>a{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:700!important}.topbar .menu-toggle{display:none!important}}
.topbar{background:var(--deep)!important;border-bottom:0!important;box-shadow:0 2px 14px rgba(0,0,0,.18)}
.topbar nav>a,.topbar nav summary,.topbar .brand,.topbar .m-brand{color:#DCE8D2!important}
.topbar nav>a:hover{color:#FFFFFF!important}
.topbar nav>a.active{color:var(--glow)!important;border-bottom-color:var(--glow)!important}
.topbar .m-brand span,.topbar .brand span{color:var(--glow)!important}
.menu-toggle{color:var(--glow)!important;border-color:rgba(184,227,106,.5)!important;background:transparent!important}
@media(max-width:700px){.topbar nav{background:var(--deep)!important}.topbar nav>a{border-bottom-color:rgba(255,255,255,.08)!important}.topbar nav>a:after{color:var(--glow)!important}}

/* Kort og paneler */
.panel{background:#FFFFFF!important;border:1px solid var(--line)!important;box-shadow:0 6px 20px rgba(20,60,30,.08)!important;color:var(--text)}
.panel,.news-card,.card-grid .item,.event-card,.news-post{transition:transform .35s cubic-bezier(.2,.9,.3,1.3),box-shadow .35s,border-color .25s}
a.panel:hover,.card-grid a.item:hover,.news-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(20,60,30,.14)!important;border-color:#B5D38A!important}
.eyebrow{color:#5A8A2E!important;font-weight:800!important}
h1,h2,h3{color:var(--text)}
.pal-hero h1{color:var(--text)!important}
.pal-hero .lead,.about>p,.lead{color:#3E4C42!important}
.pal-hero{position:relative;overflow:hidden}
.pal-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(184,227,106,.28),transparent 65%);pointer-events:none}
.pal-meta,.pal-small,small,.muted{color:var(--muted)!important}
.crumb{color:#EAF2E2!important;text-shadow:0 1px 4px rgba(0,0,0,.5)}.crumb a{color:var(--glow)!important}

/* Knapper: samme grønne som Spillportalen */
.button{background:linear-gradient(175deg,#E4FBB4,#9CCB55)!important;color:#142810!important;border:1px solid #D5EFA0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 3px 0 #5F8A33,0 8px 16px rgba(20,60,30,.18)!important;font-weight:800!important;border-radius:10px!important}
.button span{color:#142810!important}
.button:hover{filter:brightness(1.05);transform:translateY(-1px)}
.button.secondary{background:#FFFFFF!important;color:var(--lime)!important;border:1px solid #BFD7A0!important;box-shadow:0 2px 0 #CFE3B0!important}
.text-link{color:var(--lime)!important;font-weight:700}

/* Innhold */
.pal-copy{color:#2A372D}
.pal-copy h3{color:#3E7A2C!important}
.pal-copy a{color:#2F6B2A!important}
.pal-copy code{color:#1D2B1F!important;background:#F1F5EC!important;border-color:var(--line)!important}
.pal-tip{background:#EFF7E2!important;border-left-color:#7AAE3C!important}.pal-tip strong{color:#1D2B1F!important}
.pal-warn{background:#FFF4DE!important;border-left-color:#E0A21E!important}
.pal-rating{background:#EFF7E2!important;border-color:#CFE3B0!important}.pal-rating strong{color:#2F6B2A!important}
.topic-pills a{background:#FFFFFF!important;color:var(--lime)!important;border-color:#CFE3B0!important;font-weight:700}
.topic-pills a:hover{background:#EFF7E2!important}
.card-grid .item{background:#F7FAF3!important;border-color:var(--line)!important}.card-grid .item b{color:var(--text)!important}.card-grid .item span{color:var(--muted)!important}
.pal-copy a.item b{color:#2F6B2A!important}
.steps li:before{background:#E3EFD3!important;border-color:#BFD7A0!important;color:#2F6B2A!important}.steps li b{color:var(--text)!important}
.server div{background:#F7FAF3!important;border-color:var(--line)!important}.server b{color:var(--text)!important}
table{color:var(--text)}th{color:#2F6B2A}td,th{border-color:var(--line)!important}

/* Nyheter */
.news-filter button{background:#FFFFFF!important;color:var(--lime)!important;border-color:#CFE3B0!important}
.news-filter button[aria-pressed=true]{background:#2F6B2A!important;color:#FFFFFF!important;border-color:#2F6B2A!important}
.news-card{background:#FFFFFF!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:0 4px 14px rgba(20,60,30,.07)}
.news-card img{background:#E3EAD9!important}
.news-card i{background:#EFF7E2!important;color:#2F6B2A!important}
.post-hero,.pal-copy figure img{border-color:var(--line)!important}

/* Bunn */
footer{background:var(--deep)!important;color:#BFD1B4!important;max-width:none!important;margin:40px 0 0!important;padding:26px max(24px,calc((100% - 1140px)/2)) 34px!important;border-top:0!important}
footer a{color:#BFD1B4!important}footer a:hover{color:#FFFFFF!important}footer .brand,footer .brand span{color:#EAF6DA!important}footer .brand span{color:var(--glow)!important}

@media(prefers-reduced-motion:reduce){.panel,.news-card,.card-grid .item{transition:none!important}}
/* Tekst som ligger oppå bilder skal fortsatt være lys. */
.kg-tile b,.kg-tile small{color:#FFFFFF!important}
.sj-card{background:#FFFFFF!important}
/* Samme navn og skrift i toppmenyen på mobil som på forsiden (eier 3.11.2026). */
.topbar .m-brand{color:#EAF6DA!important}
@media(max-width:700px){.topbar .m-brand{font:800 15px/1.1 'DM Sans',Arial,sans-serif!important;letter-spacing:0!important;white-space:nowrap;gap:10px!important}.topbar .m-brand span{font-size:26px;color:var(--glow)}}

/* Laget automatisk av build.py */
.card-grid .item,.dropdown,.info-strip span,.kg-chip,.kg-close,.kg-detail,.kg-meta span,.kg-role,.kg-spec,.kg-sys div,.kg-tabs,.kg-tile,.kg-tips li,.news-card,.news-card img,.news-filter button,.pal-copy code,.panel,.raid-dialog,.raid-dialog .close-line,.raid-dialog::backdrop,.raid-pick,.server div,.server-box code,.sj-card,.sj-chips button,.sj-search,.sj-tile,.topic-pills a,.upcoming-grid>.muted,details.topic{background:#F7FAF3!important;border-color:#DCE6D2!important;color:#1D2B1F!important}
.about-visual .motto,.about-visual>.four-clover,.about>p,.brand span,.event-date,.games .league,.games .minecraft,.games .wow,.games .wow small,.guide-copy a,.guide-copy h2,.guide-copy h3,.guide-copy strong,.guide-links .guide-description,.info-strip span,.kg-head p,.kg-note,.kg-role,.kg-spec span,.kg-tabs button,.little-sign,.news-card span,.pal-copy code,.pal-rating strong,.pal-tip strong,.raid-boss summary,.raid-dialog,.raid-inner a,.raid-meta,.raid-pick,.raid-pick small,.raid-roles strong,.resource-card .number,.server b,.server-box code,.side-nav a,.sj-card dd,.sj-hva,.small-actions svg,.story-grid p,.story-grid ul,.tbc-topics svg,.values p,.wood-sign,a:hover,details.topic>summary{color:#2A372D!important}