/* Boio Flytt: bara sidhuvudet på Next-sidorna /flytta-till (components/flytt/FlyttSidhuvud.tsx). Samma mått och
   färger som .top/.nav i flytt.css, med egna klassnamn så att inget annat på sidan påverkas. */
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 600;font-display:swap;src:url(/flytt/fonts/instrument-sans-400-600.woff2) format("woff2")}
.fr-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 20px;background:#fbf6f0;font-family:"Instrument Sans",system-ui,sans-serif;color:#1c1410}
.fr-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:64px}
.fr-brand{display:inline-flex;align-items:center;min-height:44px}
.fr-brand svg{display:block;height:32px;width:auto}
.fr-brand a{color:inherit;text-decoration:none}
.fr-nav{display:flex;order:3;width:100%;gap:22px;font-size:15px;overflow-x:auto;scrollbar-width:none;margin-top:-6px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);padding-right:40px}
.fr-nav::-webkit-scrollbar{display:none}
.fr-nav a{flex:none;white-space:nowrap;text-decoration:none;color:#6e655d;padding:12px 0;border-bottom:2px solid transparent}
.fr-nav a:hover,.fr-nav a[aria-current]{color:#1c1410}
.fr-nav a[aria-current]{border-bottom-color:#1c1410}
.fr-nav a:focus-visible,.fr-brand a:focus-visible{outline:3px solid #1c1410;outline-offset:3px;border-radius:6px}
@media (min-width:1080px){
  .fr-top{height:84px;flex-wrap:nowrap}
  .fr-brand svg{height:42px}
  .fr-nav{order:0;width:auto;gap:28px;overflow:visible;margin-top:0;-webkit-mask-image:none;mask-image:none;padding-right:0}
  .fr-nav a{padding:0;border-bottom:0;font-size:16px}
}