/* Pantservice typsnitt — Bricolage Grotesque (OFL), self-hostad. Rubriker: smal/tung. Text: bred/lätt. */
@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-stretch:75% 100%;font-style:normal;font-display:swap}
:root{--f-text:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--f-rubrik:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html body{font-family:var(--f-text);font-variation-settings:"opsz" 14,"wdth" 100}
html h1,html h2,html .pmeny .logo,html .topprad .lagnamn,html .prislapp .stor,html .siffror b,html .fakta b,html .varde b,html .tack h2,html .mal h1,html .hero h1{font-family:var(--f-rubrik);font-weight:800;font-variation-settings:"opsz" 96,"wdth" 88;letter-spacing:-.02em}
html h3,html .etikett,html button,html input,html select,html textarea,html .knapp{font-family:var(--f-text)}
html .pmeny .logo{font-weight:800;font-size:1.2rem;font-variation-settings:"opsz" 40,"wdth" 90}
html .etikett,html .framsteg span{font-variation-settings:"opsz" 14,"wdth" 100}
/* Lås sidled på mobil: inget horisontellt skroll/rubber band, inga element utanför viewporten */
html{overflow-x:clip;max-width:100%}
html body{overflow-x:clip;max-width:100%;touch-action:pan-y pinch-zoom;overscroll-behavior-x:none}
html img,html svg,html video,html iframe,html table{max-width:100%}

/* Tillgänglighet (WCAG 2.1 AA): synligt fokus, hopplänk, minskad rörelse, målstorlek */
:focus-visible{outline:3px solid #2c5140;outline-offset:3px;border-radius:4px}
.hoppa{position:absolute;left:-9999px;top:.6rem;z-index:10000;background:#fff;color:#2c5140;font-weight:800;padding:.7rem 1.1rem;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.2);text-decoration:none}
.hoppa:focus{left:.6rem}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
html main:focus{outline:none}