/* Boio Lån: sidhuvud (sidfoten är Boios gemensamma, lib/boio-sidfot.mjs). Delas av /bolan-sidorna (renderDokument, före lan.css) och de tio
   banksidorna /bolan/<bank> (Next-sidor, components/lan/LanRam.tsx). Inga andra stilar här: banksidornas
   innehåll påverkas inte. Typsnitt och textfärg sätts på ramen själv, eftersom banksidornas body har sajtens typsnitt. */
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:400 800;font-display:swap;src:url(/lan/fonts/schibsted-grotesk-400-800.woff2) format("woff2")}
:root{
  --v:#7a1fe0;--v-ljus:#efe6ff;--v-mork:#2a0b4f;
  --blck:#14101a;--bas:#f7f4f1;--vit:#fff;--gra:#55514b;--linje:#e7e1db;
  --r-l:32px;--r-m:24px;--r-s:16px;
}
.skip,.topp{font-family:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--blck);line-height:1.5;-webkit-font-smoothing:antialiased}
.topp a{color:inherit}
.skip{position:absolute;left:16px;top:-80px;background:var(--blck);color:#fff;padding:10px 16px;border-radius:12px;z-index:10;text-decoration:none;font-weight:600}
.skip:focus{top:12px}
.wrap{max-width:1280px;margin:0 auto;padding:0 16px}
.topp{display:flex;align-items:center;justify-content:space-between;height:64px}
.logga{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.logga svg{display:block;height:32px;width:auto}
.nav{display:flex;gap:22px;font-size:15px;font-weight:500}
.nav a{text-decoration:none;padding:10px 0}
.nav a:hover,.nav a[aria-current]{text-decoration:underline;text-underline-offset:4px}
.nav .bara-dator{display:none}
@media (min-width:900px){
  .wrap{padding:0 40px}
  .topp{height:84px}
  .topp .logga svg{height:42px}
  .nav{gap:32px}
  .nav .bara-dator{display:inline}
}