/* ══ Bredt vindu: kontrollrom ═════════════════════════════════════════════
   Lastes sist, så den overstyrer arket, fangsten og lagene over.            */
@media (min-width:900px){
  .ark{left:auto;right:20px;top:78px;bottom:20px;width:430px;height:auto!important;border-radius:26px;
    border:1px solid var(--kant);touch-action:auto!important}
  .ark-grep{display:none}
  .ark{animation-name:arkInnB}
  @keyframes arkInnB{from{opacity:0;transform:translateX(34px)}to{opacity:1;transform:none}}
  .ark-kropp{overflow-y:auto!important;touch-action:auto!important;padding-top:22px;scrollbar-width:none;
    padding-bottom:calc(var(--fangst-h) + 30px)}
  .ark-kropp::-webkit-scrollbar{display:none}
  .fangst{left:auto;right:36px;width:398px;bottom:36px}
  .fanget{left:auto;right:36px;width:398px;bottom:calc(var(--fangst-h) + 46px)}
  .skaal{left:auto;right:36px;margin:0;bottom:calc(var(--fangst-h) + 46px)}
  body.lag-apen .skaal{bottom:calc(var(--fangst-h) + 46px)}
  .lag-panel{left:calc((100% - 470px) / 2);right:auto;top:10vh;bottom:auto;max-height:80vh;width:min(600px,calc(100% - 520px));
    transform:translateX(-50%);border-radius:28px;border:1px solid var(--kant);animation-name:lagOppB}
  @keyframes lagOppB{from{transform:translate(-50%,30px);opacity:0}to{transform:translateX(-50%);opacity:1}}
  .lag.lukker .lag-panel{animation-name:lagNedB}
  @keyframes lagNedB{to{transform:translate(-50%,24px);opacity:0}}
}