:root{--färg-text:#1a1a1a;--färg-text-svag:#5a5a5a;--färg-bakgrund:#fff;--färg-bakgrund-svag:#f6f6f4;--färg-ram:#dcdcd6;--färg-ram-stark:#b8b8ae;--färg-primär:#1c4e3f;--färg-primär-ljus:#e8f0ec;--färg-varning:#8a4b00;--färg-varning-ljus:#fdf3e6;--färg-ok:#1c5e2e;--färg-ok-ljus:#eaf6ed;--radie:6px;--bredd-innehåll:62rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--färg-bakgrund);color:var(--färg-text);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6}h1{letter-spacing:-.01em;margin:0 0 .75rem;font-size:2.125rem;line-height:1.2}h2{margin:0 0 .75rem;font-size:1.5rem;line-height:1.25}h3{margin:0 0 .375rem;font-size:1.0625rem}p{margin:0 0 1rem}a{color:var(--färg-primär)}.ingress{color:var(--färg-text-svag);max-width:44rem;margin-bottom:1.75rem;font-size:1.0625rem}.svag{color:var(--färg-text-svag)}.liten{font-size:.875rem}.dold{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sidhuvud{border-bottom:1px solid var(--färg-ram);background:var(--färg-bakgrund-svag);z-index:10;position:sticky;top:0}.sidhuvud-innehåll{max-width:var(--bredd-innehåll);flex-wrap:wrap;align-items:baseline;gap:.5rem 1.75rem;margin:0 auto;padding:.875rem 1.25rem;display:flex}.sidhuvud-namn{color:var(--färg-primär);font-size:1.0625rem;text-decoration:none}.sidhuvud-namn:hover{text-decoration:underline}.sidhuvud nav{flex-wrap:wrap;gap:1.25rem;display:flex}.sidhuvud nav a{color:var(--färg-text);font-size:.9375rem;text-decoration:none}.sidhuvud nav a:hover{color:var(--färg-primär);text-decoration:underline}.avsnitt{border-bottom:1px solid var(--färg-ram);padding:3.5rem 1.25rem;scroll-margin-top:4rem}.avsnitt-innehåll{max-width:var(--bredd-innehåll);margin:0 auto}.avsnitt-mjuk{background:var(--färg-bakgrund-svag)}.avsnitt-grön{background:var(--färg-primär-ljus)}.hero{background:var(--färg-primär-ljus);border-bottom:1px solid var(--färg-ram);padding:4.5rem 1.25rem 4rem}.hero-innehåll{max-width:var(--bredd-innehåll);margin:0 auto}.hero h1{max-width:20ch}.hero .ingress{color:var(--färg-text);font-size:1.1875rem}.hero-etikett{letter-spacing:.06em;text-transform:uppercase;color:var(--färg-primär);margin-bottom:.875rem;font-size:.8125rem;font-weight:600;display:inline-block}.knapp{font:inherit;border-radius:var(--radie);border:1px solid var(--färg-ram-stark);background:var(--färg-bakgrund);color:var(--färg-text);cursor:pointer;padding:.5625rem 1.25rem;font-weight:600}.knapp:hover{background:var(--färg-bakgrund-svag)}.knapp-primär{background:var(--färg-primär);border-color:var(--färg-primär);color:#fff}.knapp-primär:hover{background:#163e32}a.knapp{text-decoration:none;display:inline-block}.knapprad{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.75rem;display:flex}.kort{border:1px solid var(--färg-ram);border-radius:var(--radie);background:var(--färg-bakgrund);padding:1.25rem}.kort>:last-child{margin-bottom:0}.kort p{color:var(--färg-text-svag);margin-bottom:0}.kortlista{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;display:grid}.notis{border-left:3px solid var(--färg-ram-stark);background:var(--färg-bakgrund-svag);border-radius:0 var(--radie) var(--radie) 0;margin-bottom:1.5rem;padding:.875rem 1rem}.notis>:last-child{margin-bottom:0}.notis-varning{border-left-color:var(--färg-varning);background:var(--färg-varning-ljus)}.notis-ok{border-left-color:var(--färg-ok);background:var(--färg-ok-ljus)}.hero .notis{background:var(--färg-bakgrund);border-left-color:var(--färg-varning)}.märke{background:var(--färg-primär-ljus);color:var(--färg-primär);white-space:nowrap;vertical-align:1px;border-radius:999px;padding:.0625rem .4375rem;font-size:.75rem;display:inline-block}.märke-klart{background:var(--färg-ok-ljus);color:var(--färg-ok)}.märke-pågår{background:var(--färg-varning-ljus);color:var(--färg-varning)}.märke-senare{background:var(--färg-bakgrund);color:var(--färg-text-svag);border:1px solid var(--färg-ram)}.tvåspalt{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1rem;display:grid}.punktlista{margin:0;padding:0;list-style:none}.punktlista li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.punktlista li:before{content:"–";color:var(--färg-text-svag);position:absolute;left:0}.punktlista-ja li:before{content:"✓";color:var(--färg-ok);font-weight:700}.punktlista-nej li:before{content:"×";color:var(--färg-text-svag);font-weight:700}.stegen{counter-reset:steg;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.stegen li{counter-increment:steg}.stegen li:before{content:counter(steg);background:var(--färg-primär);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;margin-bottom:.75rem;font-weight:700;display:flex}.stegen p{color:var(--färg-text-svag);margin-bottom:0}.bygglista{margin:0 0 1.5rem;padding:0;list-style:none}.bygglista li{border-bottom:1px solid var(--färg-ram);flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;padding:.625rem 0;display:flex}.bygglista li:last-child{border-bottom:0}.bygglista-text{flex:14rem}.prislista{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.prislista .kort p{color:var(--färg-text);margin-bottom:.75rem}.prislista .kort .prisbelopp{color:var(--färg-primär);margin:.75rem 0 0;font-size:1.75rem;font-weight:700;line-height:1.2}.prislista .kort .liten{color:var(--färg-text-svag);margin-bottom:1rem}.frågor{max-width:46rem}.fråga{border-bottom:1px solid var(--färg-ram)}.fråga summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:1rem;padding:.875rem 0;font-weight:600;list-style:none;display:flex}.fråga summary::-webkit-details-marker{display:none}.fråga summary:after{content:"+";color:var(--färg-primär);font-size:1.25rem;font-weight:400;line-height:1}.fråga[open] summary:after{content:"–"}.fråga summary:hover{color:var(--färg-primär)}.fråga summary:focus-visible{outline:2px solid var(--färg-primär);outline-offset:2px}.fråga-svar{color:var(--färg-text-svag);max-width:42rem;padding:0 0 1rem}.fråga-svar>:last-child{margin-bottom:0}.skärmbilder{gap:2.5rem;display:grid}.skärmbild{margin:0}.skärmbild img{border:1px solid var(--färg-ram);border-radius:var(--radie);background:var(--färg-bakgrund);width:100%;height:auto;display:block}.skärmbild figcaption{color:var(--färg-text-svag);margin-top:.5rem;font-size:.875rem}.sidfot{background:var(--färg-bakgrund-svag);color:var(--färg-text-svag);padding:2.5rem 1.25rem 3rem;font-size:.9375rem}.sidfot-innehåll{max-width:var(--bredd-innehåll);margin:0 auto}.sidfot p:last-child{margin-bottom:0}@media (max-width:30rem){h1{font-size:1.75rem}.hero{padding:3rem 1.25rem}.avsnitt{padding:2.5rem 1.25rem;scroll-margin-top:.5rem}.sidhuvud{position:static}.knapprad a.knapp{text-align:center;width:100%}}.guide{max-width:100%}.guide .avsnitt-innehåll{max-width:44rem}.guide-vag{color:var(--färg-text-svag);margin-bottom:1.5rem;font-size:.875rem}.guide-vag a{color:var(--färg-text-svag)}.svarsruta{border-left:4px solid var(--färg-primär);background:var(--färg-primär-ljus);border-radius:0 var(--radie) var(--radie) 0;margin:1.75rem 0;padding:1.25rem 1.5rem;font-size:1.0625rem}.svarsruta>:first-child{margin-top:0}.svarsruta>:last-child{margin-bottom:0}.guide-metarad{color:var(--färg-text-svag);margin-bottom:2rem}.guide-innehall{border:1px solid var(--färg-ram);border-radius:var(--radie);background:var(--färg-bakgrund-svag);margin-bottom:2.5rem;padding:1.25rem 1.5rem}.guide-innehall-rubrik{margin:0 0 .75rem;font-size:.9375rem;font-weight:600}.guide-innehall ul{margin:0;padding-left:1.25rem}.guide-innehall li{margin-bottom:.375rem}.guide h2{margin-top:2.75rem}.guide h3{margin-top:2rem}.guide ul,.guide ol{margin:1rem 0;padding-left:1.5rem}.guide li{margin-bottom:.5rem}.guide table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9375rem}.guide th,.guide td{text-align:left;border-bottom:1px solid var(--färg-ram);padding:.625rem .75rem}.guide th{border-bottom-color:var(--färg-ram-stark);font-weight:600}.guide code{background:var(--färg-bakgrund-svag);border:1px solid var(--färg-ram);border-radius:3px;padding:.1em .35em;font-size:.9em}.guide blockquote{border-left:3px solid var(--färg-ram-stark);color:var(--färg-text-svag);margin:1.5rem 0;padding-left:1.25rem}.guide-kallor{border-top:1px solid var(--färg-ram);margin-top:3.5rem;padding-top:1.5rem;font-size:.9375rem}.guide-kallor h2{margin-top:0;font-size:1.125rem}@media (max-width:40rem){.guide table{display:block;overflow-x:auto}}.guide-grupp{margin-top:2.5rem}.guide-grupp h2{margin-bottom:.75rem;font-size:1.25rem}.guide-lista{margin:0;padding:0;list-style:none}.guide-lista li{border-bottom:1px solid var(--färg-ram);padding:1rem 0}.guide-lista a{font-weight:600}.guide-lista p{margin:.25rem 0 0;font-size:.9375rem}.guide-tabell{margin:1.75rem 0}.guide-tabell figcaption{margin-bottom:.5rem;font-size:.9375rem;font-weight:600}.guide-tabell table{margin:0}.guide-belopp{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.guide-exempel tfoot td{border-top:1px solid var(--färg-ram-stark);border-bottom:none;font-weight:600}.guide-exempel-kommentar{color:var(--färg-text-svag);margin-top:.5rem;font-size:.9375rem}.guide-datum{border:1px solid var(--färg-ram);border-radius:var(--radie);background:var(--färg-bakgrund-svag);margin:1.75rem 0;padding:1.25rem 1.5rem}.guide-datum-rubrik{margin:0 0 .75rem;font-weight:600}.guide-datum dl{margin:0}.guide-datum dl>div{gap:1rem;padding:.375rem 0;display:flex}.guide-datum dt{flex-shrink:0;min-width:9rem;font-weight:600}.guide-datum dd{margin:0}.guide-datum-galler{color:var(--färg-text-svag);margin:.75rem 0 0}.guide-varning{border-left:4px solid var(--färg-varning);background:var(--färg-varning-ljus);border-radius:0 var(--radie) var(--radie) 0;margin:1.75rem 0;padding:1.25rem 1.5rem}.guide-varning-rubrik{margin:0 0 .5rem;font-weight:600}.guide-varning>:last-child{margin-bottom:0}@media (max-width:30rem){.guide-datum dl>div{flex-direction:column;gap:.125rem}}.guide-relaterade{border:1px solid var(--färg-ram);border-radius:var(--radie);background:var(--färg-bakgrund-svag);margin-top:3rem;padding:1.25rem 1.5rem}.guide-relaterade ul{margin:0;padding-left:1.25rem}.guide-produktrad{color:var(--färg-text-svag);margin-top:2rem;font-size:.9375rem}
