:root{color-scheme:light dark;--bakgrund:#f6f7f7;--yta:#fff;--text:#121718;--dampad:#4d585a;--kant:#d8dfe0;--accent:#0b6670;--accent-stark:#08525a;--accent-mjuk:#e2f1f2;--fokus:#0e7c87;--text-pa-accent:#fff;--brf-accent:#4338ca;--brf-accent-stark:#3730a3;--brf-accent-mjuk:#ecedff;--logotyp-band:#0b6670;--typsnitt:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-liten:.875rem;--text-bas:1.125rem;--text-mellan:1.375rem;--text-stor:1.75rem;--text-storre:2.25rem;--text-storst:3rem;--vikt-brodtext:400;--vikt-rubrik:600;--radhojd-brodtext:1.6;--radhojd-rubrik:1.15;--radie-liten:4px;--radie-mellan:8px;--radie-stor:12px;--radie-rund:999px;--avstand-1:.25rem;--avstand-2:.5rem;--avstand-3:.75rem;--avstand-4:1rem;--avstand-5:1.5rem;--avstand-6:2rem;--avstand-7:3rem;--avstand-8:4rem;--bredd:1120px;--textbredd:70ch}@media (prefers-color-scheme:dark){:root{--bakgrund:#0c1112;--yta:#151b1d;--text:#e8eded;--dampad:#a0acae;--kant:#283234;--accent:#5fc6cf;--accent-stark:#0b6670;--accent-mjuk:#10302f;--fokus:#7fd8e0;--text-pa-accent:#fff;--brf-accent:#a5abff;--brf-accent-stark:#4338ca;--brf-accent-mjuk:#1e2148;--logotyp-band:#5fc6cf}}[data-produkt=brf]{--accent:var(--brf-accent);--accent-stark:var(--brf-accent-stark);--accent-mjuk:var(--brf-accent-mjuk)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bakgrund);color:var(--text);font-family:var(--typsnitt);font-size:var(--text-bas);font-weight:var(--vikt-brodtext);line-height:var(--radhojd-brodtext);margin:0}h1,h2,h3{font-weight:var(--vikt-rubrik);line-height:var(--radhojd-rubrik)}h2{font-size:var(--text-storre)}h3{font-size:var(--text-stor)}a{color:var(--accent)}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--fokus);outline-offset:2px}main:focus{outline:none}[id]{scroll-margin-top:var(--avstand-5)}main,.sidhuvud,.bygge,.sidfot{max-width:var(--bredd);padding-inline:var(--avstand-4);margin-inline:auto}@media (width>=48rem){main,.sidhuvud,.bygge,.sidfot{padding-inline:var(--avstand-6)}}.hoppa{inset-inline-start:var(--avstand-4);top:var(--avstand-2);z-index:1;padding:var(--avstand-2) var(--avstand-4);background:var(--accent-stark);color:var(--text-pa-accent);border-radius:var(--radie-mellan);position:absolute;transform:translateY(-200%)}.hoppa:focus-visible{transform:none}.sidhuvud{justify-content:space-between;align-items:center;gap:var(--avstand-3) var(--avstand-5);padding-block:var(--avstand-4);flex-wrap:wrap;display:flex}.sidhuvud ul{gap:var(--avstand-1) var(--avstand-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sidhuvud nav a{padding-block:var(--avstand-2);color:var(--text);font-size:var(--text-liten);text-decoration:none;display:inline-block}.sidhuvud nav a:hover{color:var(--accent);text-underline-offset:.25em;text-decoration:underline}@media (width>=48rem){.sidhuvud{padding-block:var(--avstand-5)}.sidhuvud ul{gap:var(--avstand-5)}.sidhuvud nav a{font-size:var(--text-bas)}}.varumarke{align-items:center;gap:var(--avstand-4);display:flex}.beta{padding:var(--avstand-1) var(--avstand-3);border-radius:var(--radie-rund);background:var(--accent-mjuk);color:var(--accent);font-size:var(--text-liten);font-weight:var(--vikt-rubrik)}.bygge p{margin:0 0 var(--avstand-4);padding:var(--avstand-3) var(--avstand-4);border:1px solid var(--kant);border-radius:var(--radie-mellan);background:var(--yta);color:var(--text);font-size:var(--text-liten)}.logga{color:var(--text);display:inline-flex}.logga svg{max-width:100%;height:auto;display:block}.logga .band{fill:var(--logotyp-band)}.knapp{padding:var(--avstand-3) var(--avstand-5);border:2px solid var(--accent-stark);border-radius:var(--radie-mellan);background:var(--accent-stark);color:var(--text-pa-accent);font-weight:var(--vikt-rubrik);text-decoration:none;display:inline-block}.knapp:hover{text-underline-offset:.2em;text-decoration:underline}button.knapp{font:inherit;font-weight:var(--vikt-rubrik);cursor:pointer}.knapp:disabled{border-color:var(--kant);color:var(--dampad);cursor:not-allowed;background:0 0;text-decoration:none}.knapp.sekundar{border-color:var(--kant);color:var(--text);background:0 0}.knapp.sekundar:hover{border-color:var(--accent)}.status{padding:var(--avstand-1) var(--avstand-3);border-radius:var(--radie-rund);background:var(--accent-mjuk);color:var(--accent);font-size:var(--text-liten);font-weight:var(--vikt-rubrik);display:inline-block}.sidfot{margin-top:var(--avstand-8);padding-block:var(--avstand-6);border-top:1px solid var(--kant);color:var(--dampad);font-size:var(--text-liten)}.sidfot p{margin:0 0 var(--avstand-2)}
