/* mittland.no – felles skall (header, meny, søk, solhimmel, fot). Alt er prefikset ml-sh / --sh for å ikke kollidere med eldre sider. */
:root{
  --sh-jern:#17120e; --sh-jern2:#211a15; --sh-jern3:#2d241d; --sh-kant:#3d3128;
  --sh-blod:#BA0C2F; --sh-blod-lys:#e0364f; --sh-bronse:#b8925a; --sh-bronse-lys:#d9b67c;
  --sh-bein:#ece4d6; --sh-dis:#a3947f; --sh-fjord:#5b8fd0;
  --sh-gronn:#62a874; --sh-gul:#e0b13f; --sh-oransje:#e07b2a; --sh-rod:#e0364f;
  --sh-display:"Oswald","Arial Narrow",Impact,sans-serif;
  --sh-tekst:"Source Serif 4",Georgia,"Times New Roman",serif;
  --sh-panel:rgba(23,18,14,.86); --sh-panel2:rgba(33,26,21,.9);
  --sh-topp:58px; --sh-bunn:62px;
}
html.ml-sh{background:#0b0d14}
body.ml-sh{background:transparent!important;padding-bottom:calc(var(--sh-bunn) + env(safe-area-inset-bottom,0px))}
@media(min-width:900px){body.ml-sh{padding-bottom:0}}

/* ---------- eldre sider: skjul gammel ramme, skallet tar over ---------- */
body.ml-sh header.topp, body.ml-sh header.ml-topp, body.ml-sh footer.ml-fot, body.ml-sh nav.bunnmeny,
body.ml-sh .sp-velger.sp-topp, body.ml-sh .sp-fotrad{display:none!important}

/* ---------- solhimmel ---------- */
.ml-sh-himmel{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;background:#0b0d14}
.ml-sh-himmel .grad,.ml-sh-himmel .foto,.ml-sh-himmel .tone{position:absolute;inset:0}
.ml-sh-himmel .foto{background-size:cover;background-position:center 40%;opacity:0;transition:opacity 2.4s ease;filter:brightness(var(--ml-lys,1)) saturate(1.05)}
.ml-sh-himmel .foto.vis{opacity:1}
.ml-sh-himmel .tone{mix-blend-mode:multiply;transition:background 3s linear}
.ml-sh-slor{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,9,7,0) 0,rgba(11,9,7,.15) 40vh,rgba(11,9,7,.72) 95vh,rgba(11,9,7,.9) 100%)}

/* ---------- toppen ---------- */
.ml-sh-topp{position:sticky;top:0;z-index:50;height:var(--sh-topp);display:flex;align-items:center;gap:10px;
  padding:0 max(14px,env(safe-area-inset-left,0px));background:rgba(17,13,10,.78);
  -webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);border-bottom:1px solid rgba(184,146,90,.25)}
.ml-sh-merke{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--sh-bein);min-width:0;flex:none}
.ml-sh-merke svg{width:40px;height:40px;flex:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}
.ml-sh-ord{display:flex;flex-direction:column;line-height:1}
.ml-sh-ord b{font:600 20px/1 var(--sh-display);letter-spacing:.12em}
.ml-sh-ord i{font:400 10px/1.2 "Noto Sans Runic",var(--sh-display);font-style:normal;letter-spacing:.35em;color:var(--sh-bronse);margin-top:2px}
.ml-sh-meny{display:none;gap:2px}
.ml-sh-meny a{font:500 15px/1 var(--sh-display);letter-spacing:.03em;color:var(--sh-bein);text-decoration:none;padding:9px 11px;border-radius:4px;opacity:.86}
.ml-sh-meny a:hover{opacity:1;background:rgba(236,228,214,.08)}
.ml-sh-meny a[aria-current=page]{opacity:1;box-shadow:inset 0 -2px 0 var(--sh-blod-lys)}
@media(min-width:1000px){.ml-sh-meny{display:flex}}
.ml-sh-knapp{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:4px;border:1px solid var(--sh-kant);
  background:rgba(33,26,21,.8);color:var(--sh-bein);font:500 14px/1 var(--sh-display);letter-spacing:.03em;cursor:pointer}
.ml-sh-knapp:hover{border-color:var(--sh-bronse)}
.ml-sh-knapp .kbd{font:400 11px/1 var(--sh-display);color:var(--sh-dis);border:1px solid var(--sh-kant);border-radius:3px;padding:2px 5px}
@media(max-width:620px){.ml-sh-knapp .tx,.ml-sh-knapp .kbd{display:none}.ml-sh-knapp{padding:0 10px}}
.ml-sh-sprak{position:relative}
.ml-sh-sprakmeny{position:absolute;right:0;top:44px;min-width:170px;background:var(--sh-jern2);border:1px solid var(--sh-kant);border-radius:6px;padding:6px;
  box-shadow:0 12px 30px rgba(0,0,0,.5)}
.ml-sh-sprakmeny button{display:flex;width:100%;gap:10px;align-items:center;padding:10px;border:0;background:none;color:var(--sh-bein);font:16px var(--sh-tekst);cursor:pointer;border-radius:4px;text-align:left}
.ml-sh-sprakmeny button:hover,.ml-sh-sprakmeny button[aria-pressed=true]{background:rgba(236,228,214,.08)}
.ml-sh-sprakmeny button[aria-pressed=true]::after{content:"✓";margin-left:auto;color:var(--sh-bronse-lys)}
.ml-sh-sprakmeny small{display:block;color:var(--sh-dis);font-size:12px;padding:6px 10px 2px}

/* ---------- bunnmeny (mobil) ---------- */
.ml-sh-bunn{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);
  height:calc(var(--sh-bunn) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);
  background:rgba(17,13,10,.94);border-top:1px solid rgba(184,146,90,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ml-sh-bunn a,.ml-sh-bunn button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  font:500 11px/1 var(--sh-display);letter-spacing:.04em;color:var(--sh-dis)}
.ml-sh-bunn span{font-size:20px;line-height:1}
.ml-sh-bunn [aria-current=page]{color:var(--sh-bein)}
.ml-sh-bunn [aria-current=page] span{filter:drop-shadow(0 0 6px rgba(224,54,79,.6))}
@media(min-width:900px){.ml-sh-bunn{display:none}}

/* ---------- skuff (mobilmeny) ---------- */
.ml-sh-skuff{position:fixed;inset:0;z-index:70;display:flex;justify-content:flex-end;background:rgba(0,0,0,.55)}
.ml-sh-skuff[hidden]{display:none}
.ml-sh-skuff nav{width:min(360px,88vw);height:100%;overflow:auto;background:var(--sh-jern);border-left:1px solid var(--sh-kant);padding:18px 16px 40px}
.ml-sh-skuff h3{font:600 13px/1 var(--sh-display);letter-spacing:.08em;color:var(--sh-dis);margin:22px 4px 8px}
.ml-sh-skuff a{display:flex;gap:12px;align-items:center;padding:12px 8px;border-radius:4px;color:var(--sh-bein);text-decoration:none;font-size:17px}
.ml-sh-skuff a:hover{background:rgba(236,228,214,.07)}
.ml-sh-skuff a small{display:block;color:var(--sh-dis);font-size:13px}
.ml-sh-skuff .lukk{float:right}

/* ---------- søk ---------- */
.ml-sh-sok{position:fixed;inset:0;z-index:80;background:rgba(8,6,5,.72);display:flex;justify-content:center;align-items:flex-start;padding:max(10px,6vh) 12px 12px}
.ml-sh-sok[hidden]{display:none}
.ml-sh-sokboks{width:min(680px,100%);max-height:84vh;display:flex;flex-direction:column;background:var(--sh-jern);border:1px solid var(--sh-kant);border-radius:8px;box-shadow:0 30px 60px rgba(0,0,0,.6);overflow:hidden}
.ml-sh-sokfelt{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--sh-kant)}
.ml-sh-sokfelt input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--sh-bein);font:19px var(--sh-tekst)}
.ml-sh-sokfelt input::placeholder{color:var(--sh-dis)}
.ml-sh-treff{overflow:auto;padding:6px;margin:0;list-style:none}
.ml-sh-treff li a{display:flex;gap:12px;align-items:center;padding:10px;border-radius:5px;color:var(--sh-bein);text-decoration:none}
.ml-sh-treff li a small{display:block;color:var(--sh-dis);font-size:13px;line-height:1.35}
.ml-sh-treff li a .ik{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--sh-jern2);font-size:18px}
.ml-sh-treff li a .omr{margin-left:auto;font:400 11px/1 var(--sh-display);letter-spacing:.05em;color:var(--sh-dis);white-space:nowrap}
.ml-sh-treff li[aria-selected=true] a,.ml-sh-treff li a:hover{background:rgba(184,146,90,.14)}
.ml-sh-treff .grp{font:600 12px/1 var(--sh-display);letter-spacing:.08em;color:var(--sh-dis);padding:12px 10px 6px}
.ml-sh-sokfot{padding:8px 14px;border-top:1px solid var(--sh-kant);font-size:12px;color:var(--sh-dis)}

/* ---------- fot ---------- */
.ml-sh-fot{margin-top:48px;border-top:1px solid rgba(184,146,90,.25);background:rgba(17,13,10,.92);color:var(--sh-dis);font:15px/1.6 var(--sh-tekst)}
.ml-sh-fot .inn{max-width:1180px;margin:0 auto;padding:26px 16px 30px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.ml-sh-fot h4{font:600 13px/1 var(--sh-display);letter-spacing:.08em;color:var(--sh-bein);margin:0 0 10px}
.ml-sh-fot a{display:block;color:var(--sh-dis);text-decoration:none;padding:3px 0}
.ml-sh-fot a:hover{color:var(--sh-bein)}
.ml-sh-fot .kilder{grid-column:1/-1;font-size:13px;border-top:1px solid var(--sh-kant);padding-top:14px}
.ml-sh-fot .runer{font-family:"Noto Sans Runic",var(--sh-display);letter-spacing:.3em;color:var(--sh-bronse)}
.ml-sh-maskin{display:block;margin-top:6px;color:var(--sh-gul)}

@media(prefers-reduced-motion:reduce){.ml-sh-himmel .foto,.ml-sh-himmel .tone{transition:none}}
body.ml-sh{overflow-x:clip}
/* eldre sider har ikke egne mørke paneler: himmelen skal bare skimtes bak teksten */
body.ml-gammel .ml-sh-slor{background:linear-gradient(180deg,rgba(14,11,9,.5) 0,rgba(14,11,9,.86) 240px,rgba(14,11,9,.93) 100%)}
body.ml-sh .wrap > nav.top{display:none}

/* ---------- norrøne detaljer ---------- */
:root{--sh-flettverk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='12' viewBox='0 0 28 12'%3E%3Cpath d='M0 6 C7 -1 7 13 14 6 S21 -1 28 6' fill='none' stroke='%23c98a3a' stroke-width='1.6'/%3E%3Cpath d='M0 6 C7 13 7 -1 14 6 S21 13 28 6' fill='none' stroke='%237a1f1f' stroke-width='1.6'/%3E%3Ccircle cx='14' cy='6' r='1.4' fill='%23e0a955'/%3E%3C/svg%3E")}
.ml-sh-fot .ml-sh-foto{display:block;margin-top:6px}
.ml-sh-fot .ml-sh-foto a{display:inline;padding:0;text-decoration:underline}

/* ---------- språkflagg rett til høyre for logoen ---------- */
.ml-sh-sprakrad{display:flex;align-items:center;gap:3px;margin:0 auto 0 10px;padding-left:10px;border-left:1px solid rgba(184,146,90,.3)}
.ml-sh-sprakrad button{width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid transparent;background:transparent;
  font:18px/1 system-ui,"Segoe UI Emoji","Apple Color Emoji",sans-serif;cursor:pointer;opacity:.62;transition:opacity .15s,border-color .15s}
.ml-sh-sprakrad button.rune{font:600 17px/1 "Noto Sans Runic",var(--sh-display);color:var(--sh-bronse-lys)}
.ml-sh-sprakrad button:hover{opacity:1}
.ml-sh-sprakrad button[aria-pressed=true]{opacity:1;border-color:var(--sh-bronse-lys);background:rgba(184,146,90,.16)}
@media(max-width:899px){.ml-sh-bare-stor{display:none!important}}
@media(max-width:360px){.ml-sh-ord i{display:none}.ml-sh-sprakrad{margin-left:6px;padding-left:6px}.ml-sh-sprakrad button{width:29px;height:29px;font-size:16px}}

/* ---------- samtykke på nye sider ---------- */
.ml-sh-samtykke{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;max-width:560px;margin:0 auto;background:#1b1511;color:var(--sh-bein);border:1px solid #6e4a2a;
  border-radius:10px;padding:14px 16px;box-shadow:0 10px 40px rgba(0,0,0,.6);font:15px/1.45 var(--sh-tekst)}
.ml-sh-samtykke[hidden]{display:none}
.ml-sh-samtykke p{margin:0 0 12px}.ml-sh-samtykke a{color:var(--sh-bronse-lys)}
.ml-sh-samtykke-knapper{display:flex;gap:10px}
.ml-sh-samtykke-knapper button{flex:1;height:44px;border-radius:6px;border:1px solid var(--sh-kant);background:transparent;color:var(--sh-bein);font:600 15px var(--sh-display);letter-spacing:.04em;cursor:pointer}
.ml-sh-samtykke-knapper button[data-v=ja]{background:var(--sh-blod);border-color:var(--sh-blod);color:#fff}
@media(max-width:899px){.ml-sh-samtykke{bottom:calc(var(--sh-bunn) + 10px + env(safe-area-inset-bottom,0px))}}

/* ---------- vern mot eldre siders generelle header/nav/footer/a-regler ---------- */
.ml-sh-topp::before,.ml-sh-topp::after,.ml-sh-fot::before,.ml-sh-fot::after,.ml-sh-bunn::before,.ml-sh-bunn::after,
.ml-sh-meny::before,.ml-sh-meny::after,.ml-sh-skuff nav::before,.ml-sh-skuff nav::after{content:none!important;display:none!important}
header.ml-sh-topp{display:flex!important;justify-content:flex-start!important;align-items:center!important;height:var(--sh-topp)!important;padding:0 max(14px,env(safe-area-inset-left,0px))!important;margin:0!important;
  background:rgba(17,13,10,.78)!important;border:0!important;border-bottom:1px solid rgba(184,146,90,.25)!important;box-shadow:none!important;position:sticky!important;top:0!important}
nav.ml-sh-meny{flex-direction:row!important;gap:2px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;text-transform:none!important;font-size:15px!important;letter-spacing:0!important}
@media(max-width:1199px){nav.ml-sh-meny{display:none!important}}
nav.ml-sh-meny a,.ml-sh-skuff a,.ml-sh-fot a,.ml-sh-merke,.ml-sh-bunn a{text-transform:none!important;background-color:transparent;border-left:0}
nav.ml-sh-meny a{font:500 15px/1 var(--sh-display)!important;letter-spacing:.03em!important;padding:9px 11px!important;display:block!important;color:var(--sh-bein)!important}
footer.ml-sh-fot{margin:48px 0 0!important;padding:0!important;border-top:1px solid rgba(184,146,90,.25)!important;background:rgba(17,13,10,.92)!important}
.ml-sh-fot a{display:block!important;padding:3px 0!important;font:15px/1.6 var(--sh-tekst)!important;letter-spacing:0!important;color:var(--sh-dis)!important}
.ml-sh-fot .ml-sh-foto a{display:inline!important;padding:0!important;text-decoration:underline!important}
nav.ml-sh-bunn{flex-direction:row!important;margin:0!important;border-radius:0!important}
.ml-sh-skuff nav{display:block!important;flex-direction:column!important}
.ml-sh-skuff a{display:flex!important;padding:12px 8px!important;font:17px/1.35 var(--sh-tekst)!important;color:var(--sh-bein)!important;border:0!important}
.ml-sh-sprakrad button,.ml-sh-knapp{min-height:0!important;flex:none!important;margin:0!important}
.ml-sh-bunn a,.ml-sh-bunn button{text-transform:none!important;letter-spacing:.04em!important}
.ml-sh-merke,.ml-sh-merke:hover{color:var(--sh-bein)!important;text-decoration:none!important}

/* ---------- vikingskipet som ror langs bunnen av hver side ---------- */
.ml-sh-hav{position:relative;height:78px;overflow:hidden;border-top:1px solid rgba(43,63,99,.45);
  background:linear-gradient(180deg,rgba(17,13,10,0) 0,rgba(27,38,56,.55) 62%,rgba(18,27,44,.9) 100%)}
.ml-sh-skip{position:absolute;bottom:-1px;left:-170px;width:150px;height:auto;animation:ml-seil 90s linear infinite;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}
.ml-sh-skip .gynge{transform-box:fill-box;transform-origin:50% 80%;animation:ml-gynge 5s ease-in-out infinite}
.ml-sh-skip .aare{transform-box:fill-box;transform-origin:50% 0;animation:ml-ro 1.7s ease-in-out infinite}
.ml-sh-bolger{position:absolute;left:0;bottom:0;width:200%;height:22px;animation:ml-bolger 14s linear infinite}
@keyframes ml-seil{from{left:-170px}to{left:calc(100% + 20px)}}
@keyframes ml-gynge{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(1.2deg)}}
@keyframes ml-ro{0%,100%{transform:rotate(24deg)}45%{transform:rotate(-20deg)}}
@keyframes ml-bolger{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ml-sh-skip,.ml-sh-skip .gynge,.ml-sh-skip .aare,.ml-sh-bolger{animation:none!important}.ml-sh-skip{left:62%}}
footer.ml-sh-fot{display:block!important}.ml-sh-hav{width:100%;display:block!important}.ml-sh-fot .inn{display:grid!important}
.ml-sh-bunn a,.ml-sh-bunn button{color:var(--sh-dis)!important;text-decoration:none!important}.ml-sh-bunn [aria-current=page]{color:var(--sh-bein)!important}

/* ---------- ventebilde: Hugin og Munin speider mens API-ene jobber ---------- */
.ml-venter{font-style:normal!important}
.ml-vent{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 10px;text-align:center;color:var(--sh-dis)}
.ml-vent-himmel{position:relative;display:block;width:200px;height:58px}
.ml-vent-ravn{position:absolute;top:0;left:0;width:54px;height:31px;fill:var(--sh-bronse-lys);filter:drop-shadow(0 0 6px rgba(217,182,124,.35));animation:ml-flukt 3.2s ease-in-out infinite}
.ml-vent-ravn.r2{width:42px;height:24px;top:26px;animation-delay:-1.6s;animation-duration:3.6s;opacity:.8}
.ml-vent-ravn svg{display:block;width:100%;height:100%;overflow:visible}
.ml-vent-ravn .vinge{transform-box:fill-box;transform-origin:50% 60%;animation:ml-vinge .45s ease-in-out infinite alternate}
.ml-vent-ravn.r2 .vinge{animation-duration:.52s}
@keyframes ml-flukt{0%{transform:translate(0,6px)}25%{transform:translate(72px,-3px)}50%{transform:translate(146px,6px) scaleX(1)}51%{transform:translate(146px,6px) scaleX(-1)}75%{transform:translate(70px,14px) scaleX(-1)}99%{transform:translate(0,6px) scaleX(-1)}100%{transform:translate(0,6px) scaleX(1)}}
@keyframes ml-vinge{from{transform:scaleY(1)}to{transform:scaleY(.55) translateY(2px)}}
.ml-vent-runer{display:flex;gap:4px;font:600 20px/1 "Noto Sans Runic",var(--sh-display);letter-spacing:.06em}
.ml-vent-runer i{font-style:normal;color:#5b4a3a;animation:ml-rune 2.4s ease-in-out infinite}
@keyframes ml-rune{0%,60%,100%{color:#5b4a3a;text-shadow:none}20%{color:#f3d9a4;text-shadow:0 0 8px rgba(243,217,164,.9),0 0 18px rgba(217,146,58,.6)}}
.ml-vent-tekst{font:italic 15px var(--sh-tekst)}
/* flettverksbåndet under toppmenyen mens noe hentes */
.ml-sh-band{position:absolute;left:0;right:0;bottom:-1px;height:3px;opacity:0;transition:opacity .3s;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(217,182,124,.95) 20%,#fff3d6 50%,rgba(217,182,124,.95) 80%,transparent) 0 0/40% 100% no-repeat}
.ml-sh-topp.ml-jobber .ml-sh-band{opacity:1;animation:ml-band 1.3s linear infinite}
@keyframes ml-band{from{background-position:-40% 0}to{background-position:140% 0}}
@media(prefers-reduced-motion:reduce){.ml-vent-ravn,.ml-vent-ravn .vinge,.ml-vent-runer i,.ml-sh-topp.ml-jobber .ml-sh-band{animation:none!important}.ml-vent-runer i{color:var(--sh-bronse-lys)}}

/* ---------- burgermenyen er tilbake på alle skjermer ---------- */
.ml-sh-burger{display:inline-flex!important;margin-left:6px!important}
@media(max-width:899px){
  header.ml-sh-topp{padding:0 10px!important}
  .ml-sh-sprakrad{margin-left:8px!important;padding-left:8px!important}
  .ml-sh-sprakrad button{width:30px!important;height:30px!important;font-size:17px!important}
  .ml-sh-burger{width:40px;height:40px;padding:0!important;justify-content:center;margin-left:auto!important}
  .ml-sh-sprakrad{margin-right:0!important}
}
@media(max-width:400px){.ml-sh-ord b{font-size:18px!important;letter-spacing:.1em!important}.ml-sh-merke svg{width:30px!important;height:30px!important}.ml-sh-sprakrad{gap:1px!important}.ml-sh-sprakrad button{width:28px!important;height:28px!important;font-size:16px!important}}
@media(max-width:350px){.ml-sh-ord i{display:none}.ml-sh-ord b{font-size:15px!important}}

/* ---------- Varden ---------- */
.ml-sh-varde{all:unset;cursor:pointer;display:inline-grid;place-items:center;width:40px;height:40px;margin-left:8px;border-radius:50%;flex:none}
@media(max-width:899px){.ml-sh-varde{margin-left:auto}.ml-sh-varde:not([hidden])+.ml-sh-burger{margin-left:4px!important}}
.ml-sh-varde[hidden]{display:none}
.ml-sh-varde svg{width:30px;height:33px;overflow:visible}
.ml-sh-varde .ved path,.ml-sh-varde .ved rect{fill:#6b4a2d;stroke:#2a1c12;stroke-width:1}
.ml-sh-varde .f1{fill:#e8742a}.ml-sh-varde .f2{fill:#ffd36a}
.ml-sh-varde.rod .f1{fill:#e0364f}.ml-sh-varde.rod .f2{fill:#ffb36a}
.ml-sh-varde .flammer{transform-box:fill-box;transform-origin:50% 100%;animation:ml-flamme .7s ease-in-out infinite alternate;filter:drop-shadow(0 0 6px rgba(255,150,60,.85))}
.ml-sh-varde .f2{transform-box:fill-box;transform-origin:50% 100%;animation:ml-flamme2 .45s ease-in-out infinite alternate}
.ml-sh-varde:hover,.ml-sh-varde[aria-expanded=true]{background:rgba(232,116,42,.15)}
@keyframes ml-flamme{from{transform:scale(1,1) skewX(-2deg)}to{transform:scale(1.06,.92) skewX(3deg)}}
@keyframes ml-flamme2{from{transform:scaleY(1)}to{transform:scaleY(.8) translateY(1px)}}
.ml-sh-vardepanel{position:fixed;z-index:95;top:calc(var(--sh-topp) + 8px);right:12px;width:min(360px,calc(100vw - 24px));padding:14px 16px;border-radius:10px;
  background:#1b1511;border:1px solid #8a4a22;box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 24px rgba(232,116,42,.25);color:var(--sh-bein);font:15px/1.45 var(--sh-tekst)}
.ml-sh-vardepanel[hidden]{display:none}
.ml-sh-vardepanel .t{display:block;font:600 18px var(--sh-display);letter-spacing:.03em;margin-bottom:2px}
.ml-sh-vardepanel .u{margin:6px 0;color:var(--sh-dis);font-size:14px}
.ml-sh-vardepanel a{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid rgba(61,49,40,.7);color:var(--sh-bein);text-decoration:none}
.ml-sh-vardepanel .u a{display:inline;border:0;padding:0;color:var(--sh-bronse-lys);text-decoration:underline}
@media(prefers-reduced-motion:reduce){.ml-sh-varde .flammer,.ml-sh-varde .f2{animation:none}}
/* når varden brenner på smal skjerm: litt mindre logo og flagg, så alt får plass */
@media(max-width:480px){
  header.ml-sh-topp:has(.ml-sh-varde:not([hidden])) .ml-sh-ord i{display:none}
  header.ml-sh-topp:has(.ml-sh-varde:not([hidden])) .ml-sh-ord b{font-size:16px!important;letter-spacing:.08em!important}
  header.ml-sh-topp:has(.ml-sh-varde:not([hidden])) .ml-sh-merke svg{width:28px!important;height:28px!important}
  header.ml-sh-topp:has(.ml-sh-varde:not([hidden])) .ml-sh-sprakrad button{width:26px!important;height:26px!important;font-size:15px!important}
  .ml-sh-varde{width:34px;height:34px}.ml-sh-varde svg{width:26px;height:29px}
  .ml-sh-burger{width:36px!important;height:36px!important}
}
header.ml-sh-topp{overflow:visible;max-width:100vw}
@media(max-width:370px){header.ml-sh-topp{padding:0 6px!important}.ml-sh-merke{gap:5px!important}.ml-sh-sprakrad{margin-left:4px!important;padding-left:4px!important;border-left:0!important;gap:0!important}.ml-sh-varde{margin-left:2px!important}}
@media(max-width:340px){header.ml-sh-topp:has(.ml-sh-varde:not([hidden])) .ml-sh-ord{display:none!important}}

/* ---------- melding etter lenke fra e-post ---------- */
.ml-sh-melding{position:fixed;z-index:120;left:50%;top:calc(var(--sh-topp) + 14px);transform:translateX(-50%);display:flex;align-items:flex-start;gap:10px;width:min(520px,calc(100vw - 24px));
  padding:14px 16px;border-radius:10px;background:#16241a;border:1px solid #3f7a4f;color:var(--sh-bein);box-shadow:0 12px 40px rgba(0,0,0,.6);font:16px/1.45 var(--sh-tekst);transition:opacity .5s}
.ml-sh-melding.feil{background:#2a1716;border-color:#8a3a2e}
.ml-sh-melding.borte{opacity:0}
.ml-sh-melding p{margin:0;flex:1}
.ml-sh-melding button{all:unset;cursor:pointer;font-size:22px;line-height:1;color:var(--sh-dis)}

/* ---------- Kebabindeksen i kebabnorsk ---------- */
nav.ml-sh-meny a.ml-sh-kebab{color:#f2b36a!important}
.ml-sh-kebabstripe{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:8px 14px 8px 8px;border-radius:40px;max-width:640px;text-decoration:none;color:var(--sh-bein);
  background:linear-gradient(90deg,rgba(90,16,16,.85),rgba(27,21,17,.85));border:1px solid #b8925a;box-shadow:0 6px 20px rgba(0,0,0,.45);text-shadow:none}
.ml-sh-kebabstripe img{flex:none;width:44px;height:44px}
.ml-sh-kebabstripe b{display:block;font:600 16px var(--sh-display);letter-spacing:.04em;color:#f2d19a}
.ml-sh-kebabstripe .t{font:14px/1.35 var(--sh-tekst)}
.ml-sh-kebabstripe .pil{margin-left:auto;font:600 26px var(--sh-display);color:#d9b67c}
.ml-sh-kebabstripe:hover{border-color:#f2d19a}
nav.ml-sh-meny a.ml-sh-skam{color:#e79a86!important}
@media(max-width:1180px){nav.ml-sh-meny a{padding:9px 8px!important;font-size:14px!important}}
@media(max-width:1319px){.ml-sh-knapp .kbd{display:none!important}}
.ml-sh-sprakrad button.tro{font:700 11px/1 var(--sh-display)!important;letter-spacing:.01em;color:#f2d19a;border:1px solid rgba(217,182,124,.45)!important}
.ml-sh-sprakrad button.tro[aria-pressed=true]{background:rgba(184,146,90,.3)}
@media(max-width:400px){.ml-sh-sprakrad button.tro{font-size:10px!important}}
/* fem språk ved logoen: litt tettere på smale skjermer */
@media(max-width:430px){
  .ml-sh-sprakrad{margin-left:6px!important;padding-left:6px!important;gap:0!important}
  .ml-sh-sprakrad button{width:27px!important;height:27px!important;font-size:15px!important}
  .ml-sh-ord b{font-size:16px!important;letter-spacing:.08em!important}
  .ml-sh-ord i{display:none}
  header.ml-sh-topp:has(.ml-sh-varde:not([hidden])) .ml-sh-ord{display:none!important}
}
@media(max-width:360px){.ml-sh-ord{display:none!important}.ml-sh-sprakrad{border-left:0!important}}
/* Æ for trøndersk: bronsemedaljong som passer med ᚱ */
.ml-sh-sprakrad button.tro{font:700 17px/1 "Oswald",var(--sh-display)!important;letter-spacing:0!important;color:#f2d19a!important;border:1px solid rgba(217,182,124,.55)!important;
  background:radial-gradient(circle at 35% 30%,rgba(242,209,154,.18),rgba(184,146,90,.08) 60%,transparent)!important}
.ml-sh-sprakrad button.tro[aria-pressed=true]{border-color:var(--sh-bronse-lys)!important;background:rgba(184,146,90,.28)!important}
@media(max-width:430px){.ml-sh-sprakrad button.tro{font-size:15px!important}}
/* karsk-koppen: knappen for trøndersk og koppen ved hilsenen */
.ml-sh-sprakrad button.tro{padding:0!important;background:radial-gradient(circle at 50% 45%,rgba(242,209,154,.14),transparent 70%)!important}
.ml-sh-sprakrad button.tro svg{width:22px;height:22px;display:block}
@media(max-width:430px){.ml-sh-sprakrad button.tro svg{width:19px;height:19px}}
.ml-karsk{display:inline-block;vertical-align:middle;margin:0 4px 0 -2px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.6))}
/* tørrfisken for nordnorsk */
.ml-sh-sprakrad button.fisk svg{width:24px;height:24px}
@media(max-width:430px){.ml-sh-sprakrad button.fisk svg{width:20px;height:20px}}
/* seks språk ved logoen: enda litt tettere på de minste skjermene */
@media(max-width:400px){.ml-sh-sprakrad button{width:25px!important;height:25px!important;font-size:14px!important}.ml-sh-sprakrad button.tro svg{width:18px;height:18px}}
@media(max-width:350px){.ml-sh-sprakrad button{width:23px!important;height:23px!important;font-size:13px!important}.ml-sh-sprakrad button.tro svg{width:16px;height:16px}.ml-sh-merke svg{width:26px!important;height:26px!important}}

/* ---------- Les opp ---------- */
.ml-sh-les{position:fixed;z-index:80;right:14px;bottom:18px;display:flex;gap:6px;align-items:center}
@media(max-width:899px){.ml-sh-les{bottom:calc(var(--sh-bunn) + 12px + env(safe-area-inset-bottom,0px))}}
.ml-sh-les button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:22px;background:rgba(27,21,17,.92);
  border:1px solid var(--sh-bronse);color:var(--sh-bein);font:500 15px var(--sh-display);letter-spacing:.03em;box-shadow:0 8px 24px rgba(0,0,0,.5)}
.ml-sh-les button:hover,.ml-sh-les button:focus-visible{border-color:#f2d19a}
.ml-sh-les .stopp{width:44px;padding:0;justify-content:center;font-size:18px}
.ml-sh-les .stopp[hidden]{display:none}
.ml-sh-les.pa .spill{background:var(--sh-blod);border-color:var(--sh-blod)}
@media(max-width:480px){.ml-sh-les:not(.pa) .t{display:none}.ml-sh-les .spill{width:44px;padding:0;justify-content:center}}
.ml-leser-aktiv{outline:2px solid #f2d19a!important;outline-offset:4px;border-radius:8px;transition:outline-color .3s}
@media print{.ml-sh-les{display:none}}
.samtykke:not([hidden]) ~ .ml-sh-les,.ml-sh-samtykke:not([hidden]) ~ .ml-sh-les{display:none!important}   /* ikke under samtykkeboksen */