/* alltinggratis.se – designsystem C Kompisen (fas 4). Källa: plans/design/_bygg_forslag.py (BAS_CSS, CSS_C, palett C).
   Hubbkomponenterna ligger i css/hubb.css och laddas bara på hubbar, /tips/ och sök. Ljust/mörkt: systemet styr, växlaren sätter data-theme. */
@font-face{font-family:"Figtree";src:url(../assets/fonts/figtree-latin-wght.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Figtree reserv";src:local("Arial");size-adjust:101.6%;ascent-override:93.5%;descent-override:24.6%;line-gap-override:0%}
:root{--bg:#F3F7F1;--yta:#FFFFFF;--yta2:#E7F0E3;--text:#0F2219;--dampad:#46594D;--linje:#D3E0D0;--accent:#0A6E43;--cta-bg:#0F2219;--cta-text:#FFFFFF;--egen-bg:#0A7A4A;--egen-text:#FFFFFF;--mark:#FFE47A;--mark-text:#0F2219;--ok-bg:#D7F2E2;--ok-text:#0B5A37;--sas-bg:#E3E8FF;--sas-text:#3340A0;--slut-bg:#E8EAE6;--slut-text:#4C524D;--hake-bg:#FFE6CC;--hake-text:#8A3F00;--ay-bg:#ECEEEA;--ay-text:#555B56;--ay-kant:#838A84;--fokus:#5B3FD6;--p1:#DDF3E4;--p2:#FFE9C7;--p3:#E4E6FF;--p4:#FDE0E4;color-scheme:light;
--f-body:"Figtree","Figtree reserv",system-ui,-apple-system,"Segoe UI",sans-serif;--r:18px;--r-pill:999px}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0C1510;--yta:#142019;--yta2:#1B2B22;--text:#E4F1E8;--dampad:#A2B8A9;--linje:#2A3B31;--accent:#5FD9A2;--cta-bg:#E4F1E8;--cta-text:#0C1510;--egen-bg:#5FD9A2;--egen-text:#06140C;--mark:#3B3517;--mark-text:#FFF1B8;--ok-bg:#123A26;--ok-text:#8CE6B8;--sas-bg:#1E2550;--sas-text:#B5BEFF;--slut-bg:#222B25;--slut-text:#BAC6BE;--hake-bg:#3D2810;--hake-text:#FFC48A;--ay-bg:#18201B;--ay-text:#A4AEA7;--ay-kant:#6C7A70;--fokus:#B9A8FF;--p1:#173525;--p2:#3A2B12;--p3:#232853;--p4:#3D1E26;color-scheme:dark}}
:root[data-theme=dark]{--bg:#0C1510;--yta:#142019;--yta2:#1B2B22;--text:#E4F1E8;--dampad:#A2B8A9;--linje:#2A3B31;--accent:#5FD9A2;--cta-bg:#E4F1E8;--cta-text:#0C1510;--egen-bg:#5FD9A2;--egen-text:#06140C;--mark:#3B3517;--mark-text:#FFF1B8;--ok-bg:#123A26;--ok-text:#8CE6B8;--sas-bg:#1E2550;--sas-text:#B5BEFF;--slut-bg:#222B25;--slut-text:#BAC6BE;--hake-bg:#3D2810;--hake-text:#FFC48A;--ay-bg:#18201B;--ay-text:#A4AEA7;--ay-kant:#6C7A70;--fokus:#B9A8FF;--p1:#173525;--p2:#3A2B12;--p3:#232853;--p4:#3D1E26;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:1rem}
body{margin:0;background:var(--bg);color:var(--text);font:400 1.0625rem/1.6 var(--f-body);overflow-wrap:break-word}
img{max-width:100%;height:auto}
svg{max-width:100%}
a{color:var(--accent);text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--fokus);outline-offset:2px}
p{margin:0 0 1em}
ul,ol{padding-left:1.3rem}
.ik{width:1.25em;height:1.25em;flex:none;vertical-align:-.22em}
.sr,.dold-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hoppa{position:absolute;left:-999px;top:0}.hoppa:focus{left:1rem;top:1rem;z-index:9;background:var(--yta);color:var(--text);padding:.6rem 1rem}
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
.wrap{max-width:1120px;margin:0 auto;padding:0 1rem}
@media(min-width:900px){.wrap{padding:0 2rem}}
.smal{max-width:760px;margin:0 auto}
h1,h2,h3{font-weight:800;line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(1.75rem,1.5rem+2.4vw,3.1rem)}
h2{font-size:clamp(1.4rem,1.2rem+.9vw,1.8rem);margin-top:2.3rem}
h3{font-size:1.14rem;font-weight:750;margin-top:1.6rem}
h4{margin:1.3rem 0 .4rem}
main{padding-bottom:1rem}
/* status, annons, hakmätare */
.status,.annons{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.32rem .6rem;font-size:.76rem;font-weight:700;line-height:1;white-space:nowrap;vertical-align:middle}
.status .ik{width:1em;height:1em}
.st-ok{background:var(--ok-bg);color:var(--ok-text)}.st-sas{background:var(--sas-bg);color:var(--sas-text)}.st-slut{background:var(--slut-bg);color:var(--slut-text)}
.annons{color:var(--ay-text);background:var(--ay-bg);box-shadow:0 0 0 1px var(--ay-kant);font-size:.72rem;padding:.28rem .5rem}
.hakar{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.32rem .65rem .32rem .55rem;font-weight:700;font-size:.76rem;line-height:1;background:var(--hake-bg);color:var(--hake-text);white-space:nowrap}
.hakar i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.28}
.hakar-1 i:nth-child(1),.hakar-2 i:nth-child(-n+2),.hakar-3 i{opacity:1}
.hakar-0{background:var(--ok-bg);color:var(--ok-text)}
/* sidhuvud */
.sh{padding:.75rem 0 .2rem}
.sh-rad{display:flex;align-items:center;gap:.6rem;background:var(--yta);border-radius:999px;padding:.35rem .4rem .35rem .8rem;box-shadow:0 0 0 1px var(--linje),0 2px 6px rgba(0,0,0,.05)}
.logo{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.2rem;line-height:1;color:var(--text);text-decoration:none;letter-spacing:-.02em;min-height:44px}
.logo-ikon{width:36px;height:36px;border-radius:50%;background:var(--egen-bg);color:var(--egen-text);display:grid;place-items:center}
.logo-ikon .ik{width:20px;height:20px}
.sok{display:none;flex:1;max-width:420px;margin-left:auto}
@media(min-width:760px){.sok{display:flex}}
.sok input{flex:1;min-width:0;border:0;background:var(--yta2);color:var(--text);border-radius:999px;padding:.7rem 1rem;font:inherit;font-size:.95rem}
.sok input::placeholder,.hero-sok input::placeholder{color:var(--dampad)}
.knapp-ikon{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-width:44px;min-height:44px;padding:0 .6rem;border:0;border-radius:999px;background:var(--yta2);color:var(--text);font:700 .85rem/1 var(--f-body);cursor:pointer;text-decoration:none}
.knapp-ikon span{display:none}
.sok-mob{position:relative;margin-left:auto}
.sok-mob form{position:absolute;right:-3rem;top:calc(100% + .5rem);z-index:5;display:flex;gap:.4rem;width:min(20rem,calc(100vw - 2rem));padding:.4rem;background:var(--yta);border-radius:999px;box-shadow:0 0 0 1px var(--linje),0 6px 18px rgba(0,0,0,.15)}
.sok-mob input{flex:1;min-width:0;border:0;background:var(--yta2);color:var(--text);border-radius:inherit;padding:.6rem .8rem;font:inherit}
.sok-mob button,.hero-sok button{border:0;border-radius:999px;background:var(--egen-bg);color:var(--egen-text);font:750 .98rem/1 var(--f-body);padding:0 1.1rem;min-height:44px;cursor:pointer}
@media(min-width:760px){.sok-mob{display:none}}
[data-tema]{display:none}.js [data-tema]{display:inline-flex}
/* huvudmeny och rullande pill-rader med svepmarkering (data-start/data-slut) */
.huvudnav,.ankare{position:relative;--pil-topp:.7rem}
.huvudnav ul{display:flex;gap:.5rem;list-style:none;padding:.7rem 0 .3rem 1px;margin:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scroll-padding-inline:3.6rem}
.huvudnav ul::-webkit-scrollbar{display:none}
.huvudnav ul::after{content:"";flex:0 0 2rem}
.huvudnav li{flex:none;scroll-snap-align:start}
@media(max-width:899px){.huvudnav{margin:0 -1rem}.huvudnav ul{padding:.7rem 1rem .3rem}}
.huvudnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border-radius:999px;background:var(--yta);color:var(--text);text-decoration:none;font-weight:650;font-size:.93rem;white-space:nowrap;box-shadow:0 0 0 1px var(--linje)}
.huvudnav a:hover{box-shadow:0 0 0 2px var(--accent)}
.huvudnav a[aria-current]{background:var(--text);color:var(--bg);box-shadow:none}
.huvudnav a[aria-current=true]{background:var(--yta2);color:var(--text);box-shadow:inset 0 0 0 2px var(--text)}
.rad-pil{display:none}
.js .huvudnav::after,.js .huvudnav::before,.js .ankare::after,.js .ankare::before{content:"";position:absolute;top:var(--pil-topp);height:44px;width:3.9rem;pointer-events:none;transition:opacity .2s;z-index:1}
.js .huvudnav::after,.js .ankare::after{right:0;background:linear-gradient(90deg,transparent,var(--bg) .8rem)}
.js .huvudnav::before,.js .ankare::before{left:0;background:linear-gradient(270deg,transparent,var(--bg) .8rem)}
.js .rad-pil{position:absolute;top:var(--pil-topp);z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--yta);color:var(--text);box-shadow:0 0 0 1px var(--linje),0 2px 6px rgba(0,0,0,.14);cursor:pointer;transition:opacity .2s,visibility .2s}
.rad-pil .ik{width:20px;height:20px;stroke-width:2.4}
.rad-pil:hover{box-shadow:0 0 0 2px var(--accent),0 2px 6px rgba(0,0,0,.14)}
.rad-fram{right:.4rem}.rad-bak{left:.4rem}.rad-bak .ik{transform:scaleX(-1)}
:is(.huvudnav,.ankare)[data-slut]::after,:is(.huvudnav,.ankare)[data-start]::before{opacity:0}
:is(.huvudnav,.ankare)[data-slut] .rad-fram,:is(.huvudnav,.ankare)[data-start] .rad-bak{opacity:0;visibility:hidden}
:is(.huvudnav,.ankare) a:focus-visible{outline-offset:-5px}
@media(prefers-reduced-motion:reduce){.rad-pil,.huvudnav::after,.huvudnav::before,.ankare::after,.ankare::before{transition:none!important}}
/* gemensamt */
.brod ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;margin:1.3rem 0 1rem;padding:0;font-size:.88rem;color:var(--dampad)}
.brod li+li::before{content:"\2192";margin-right:.35rem}
.brod a{color:var(--dampad)}
.ingress{font-size:1rem;line-height:1.55;font-weight:700}
.datumrad{display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.3rem;padding:0;list-style:none}
.datumrad li{display:inline-flex;align-items:center;gap:.35rem;background:var(--yta);box-shadow:0 0 0 1px var(--linje);border-radius:999px;padding:.35rem .75rem;font-size:.84rem;color:var(--dampad)}
.datumrad li.ok{background:var(--ok-bg);color:var(--ok-text);box-shadow:none}
.datumrad .ik{width:1em;height:1em}
.utkast-rad{background:var(--hake-bg);color:var(--hake-text);padding:.6rem 1rem;border-radius:14px;font-weight:700;margin:.6rem 0 0}
/* brödtext ur innehållet */
.text li{margin-bottom:.35rem}
.text img{border-radius:14px}
figure{margin:1.2rem 0}
figcaption,.tabelltext{font-size:.88rem;color:var(--dampad);margin-top:.4rem}
.tabell{overflow-x:auto;max-width:100%;margin:1rem 0}
.tabell table{border-collapse:collapse;min-width:100%;background:var(--yta)}
.tabell th,.tabell td{border:1px solid var(--linje);padding:.5rem .7rem;text-align:left;vertical-align:top}
.kol{display:grid;gap:1rem}
@media(min-width:640px){.kol-2{grid-template-columns:1fr 1fr}.kol-3{grid-template-columns:repeat(3,1fr)}.kol-4{grid-template-columns:repeat(4,1fr)}}
.knappar{display:flex;flex-wrap:wrap;gap:.6rem .8rem;align-items:center;margin:1.2rem 0}
.knapp,.cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:.75rem 1.35rem;border-radius:999px;background:var(--cta-bg);color:var(--cta-text);font-weight:750;line-height:1.25;text-decoration:none;text-align:center}
.egen{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:.75rem 1.35rem;border-radius:999px;background:var(--egen-bg);color:var(--egen-text);font-weight:750;line-height:1.25;text-decoration:none;border:0;font-family:inherit;font-size:1rem;cursor:pointer}
.egen.sek{background:var(--yta);color:var(--text);box-shadow:0 0 0 1.5px var(--linje)}
.egen.liten{min-height:44px;padding:.5rem 1rem;font-size:.92rem}
blockquote{margin:1.3rem 0;padding:1rem 1.2rem;background:var(--yta);border-radius:18px;box-shadow:inset 4px 0 0 var(--hake-text)}
.lista{padding-left:1.3rem}
.lista-bild{list-style:none;padding:0;display:grid;gap:.6rem}
.lista-bild li{margin:0}.lista-bild a{display:flex;align-items:center;gap:.8rem;background:var(--yta);border-radius:16px;padding:.5rem;box-shadow:0 0 0 1px var(--linje);color:var(--text);text-decoration:none;font-weight:650}
.lista-bild img{width:84px;height:56px;object-fit:cover;border-radius:10px;flex:none}
.inbaddning{border-radius:18px;padding:1rem;margin:1.2rem 0;background:var(--yta);box-shadow:0 0 0 1px var(--linje)}
.inbaddning.laddad{padding:0;aspect-ratio:16/9;overflow:hidden}.inbaddning iframe{width:100%;height:100%;border:0;display:block}
.inbaddning-text{font-size:.85rem;color:var(--dampad);margin:.5rem 0 0}
.inbaddning-knapp{min-height:44px;padding:0 1rem;border:0;border-radius:999px;background:var(--egen-bg);color:var(--egen-text);font:inherit;font-weight:700;cursor:pointer;margin-right:.6rem}
/* faktaruta */
.fakta{background:var(--yta);border-radius:24px;box-shadow:0 0 0 1px var(--linje);overflow:hidden;margin:1.4rem 0}
.fakta-topp{padding:1.1rem 1.25rem 1rem;background:var(--hake-bg);color:var(--text)}
.fakta-topp.inga{background:var(--ok-bg)}
.fakta-topp h2{font-size:1.25rem;margin:.6rem 0 .3rem}
.fakta-topp p{margin:0;font-size:.97rem}
.fakta-topp .hakar{background:var(--yta)}
.fakta-cta{display:flex;flex-wrap:wrap;gap:.6rem .8rem;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--linje)}
.fakta ul.rader{list-style:none;margin:0;padding:.3rem 1.25rem .8rem}
.fakta li.rad{display:grid;grid-template-columns:38px minmax(0,1fr);gap:.8rem;align-items:start;padding:.65rem 0;border-bottom:1px solid var(--linje);margin:0}
.fakta li.rad:last-child{border-bottom:0}
.fakta li.rad b{display:block;font-size:.8rem;color:var(--dampad);font-weight:700}
.fi{width:38px;height:38px;border-radius:13px;display:grid;place-items:center}
.fi .ik{width:20px;height:20px}
.fi-ok{background:var(--ok-bg);color:var(--ok-text)}.fi-hake{background:var(--hake-bg);color:var(--hake-text)}.fi-neu{background:var(--yta2);color:var(--text)}
.fakta.slut .fakta-topp{background:var(--slut-bg)}
.fakta-slut{padding:1rem 1.25rem 1.2rem}
/* innehållsförteckning, FAQ */
.toc{margin:1.4rem 0;background:var(--yta);border-radius:20px;box-shadow:0 0 0 1px var(--linje)}
.toc summary{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:.5rem 1.1rem;font-weight:750}
.toc summary::after,.faq summary::after{content:"+";font-size:1.4rem;font-weight:600}.toc[open] summary::after,.faq details[open] summary::after{content:"\2013"}
.toc ol{list-style:none;margin:0;padding:0 1rem 1rem;display:flex;flex-wrap:wrap;gap:.45rem}
.toc a{display:inline-flex;align-items:center;min-height:40px;padding:0 .9rem;border-radius:999px;background:var(--yta2);color:var(--text);text-decoration:none;font-size:.92rem;font-weight:600}
.faq{display:grid;gap:.6rem}
.faq details{background:var(--yta);border-radius:18px;box-shadow:0 0 0 1px var(--linje);padding:0 1.1rem}
.faq summary{position:relative;padding:1rem 2rem 1rem 0;font-weight:750;font-size:1.04rem}
.faq summary::after{position:absolute;right:0;top:.8rem}
.faq details p{margin:0 0 1rem}
/* nedladdning (mallsidor, M8) */
.nedladdning{background:var(--p1);border-radius:24px;padding:1.3rem;margin:.6rem 0 1.2rem}
.nl-rub{font-weight:800;font-size:1.25rem;line-height:1.2;margin:0 0 .25rem}
.nl-meta{font-size:.9rem;margin:0 0 .9rem}
.nl-knappar{display:flex;flex-direction:column;gap:.6rem}
@media(min-width:520px){.nl-knappar{flex-direction:row;flex-wrap:wrap}}
/* kort, start */
.kort-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));margin:1rem 0}
.kort{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr);gap:.9rem;align-items:start;background:var(--yta);border-radius:var(--r);padding:1.1rem;box-shadow:0 0 0 1px var(--linje)}
.kort:hover{box-shadow:0 0 0 2px var(--accent)}
.kort-ikon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--p1);color:var(--text)}
.kort:nth-child(4n+2) .kort-ikon{background:var(--p2)}.kort:nth-child(4n+3) .kort-ikon{background:var(--p3)}.kort:nth-child(4n+4) .kort-ikon{background:var(--p4)}
.kort-ikon .ik{width:26px;height:26px}
.kort h3{margin:0 0 .3rem}
.kort h3 a{color:var(--text);text-decoration:none}
.kort h3 a::after{content:"";position:absolute;inset:0;border-radius:var(--r)}
.kort p{margin:0 0 .45rem;font-size:.95rem}
.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}
.chip{display:inline-flex;align-items:center;border-radius:999px;padding:.32rem .65rem;font-weight:750;font-size:.76rem;line-height:1;background:var(--yta2);color:var(--text)}
.meta{display:flex;flex-wrap:wrap;gap:.4rem .7rem;align-items:center;font-size:.82rem;color:var(--dampad);margin:0}
.hero{background:var(--mark);color:var(--mark-text);border-radius:28px;padding:2rem 1.3rem 1.6rem;margin:.6rem 0 1.6rem;position:relative;overflow:hidden}
@media(min-width:900px){.hero{padding:3.2rem 3rem 3rem}}
.hero h1{max-width:15em;position:relative}
.hero .ingress{max-width:34em;position:relative}
.hero-sok{position:relative;display:flex;gap:.4rem;background:var(--yta);border-radius:999px;padding:.35rem;max-width:560px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.hero-sok input{flex:1;min-width:0;border:0;background:transparent;padding:.6rem .9rem;font:inherit;color:var(--text)}
.hero-dekor{position:absolute;right:-40px;top:-40px;width:220px;height:220px;opacity:.5;color:var(--yta)}
@media(max-width:600px){.hero-dekor{width:150px;height:150px;right:-50px;top:-50px}}
.ikonnav{list-style:none;padding:0;margin:1rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem .5rem}
@media(min-width:900px){.ikonnav{grid-template-columns:repeat(9,minmax(0,1fr))}}
.ikonnav a{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;color:var(--text);text-decoration:none;font-weight:700;font-size:.9rem;line-height:1.25}
.rund{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;background:var(--p1);color:var(--text);transition:transform .15s}
.ikonnav li:nth-child(4n+2) .rund{background:var(--p2)}.ikonnav li:nth-child(4n+3) .rund{background:var(--p3)}.ikonnav li:nth-child(4n+4) .rund{background:var(--p4)}
.rund .ik{width:28px;height:28px}
.ikonnav a:hover .rund{transform:translateY(-3px)}
.mer{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-weight:750}
.kontroll{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.kontroll li{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;background:var(--yta);border-radius:16px;padding:.75rem 1rem;box-shadow:0 0 0 1px var(--linje);margin:0}
.kontroll a{flex:1 1 14rem;color:var(--text);font-weight:650;text-decoration:none}
.kontroll .dat{font-size:.82rem;color:var(--dampad)}
/* annonsytor (M10: reserverad höjd, renderas bara när ytan är aktiv) */
.annonsyta{position:relative;display:block;min-height:var(--h-m,280px);margin:2rem 0;padding:1.8rem .5rem .5rem;background:var(--ay-bg);color:var(--ay-text);border-radius:18px;text-align:center;font-size:.82rem}
.annonsyta .ay-etikett{position:absolute;top:.45rem;left:.8rem;font-size:.72rem;font-weight:700}
.annonsyta.plats{border:2px dashed var(--ay-kant);display:flex;align-items:center;justify-content:center}
.annonsyta.bara-desk,.annonsyta.bara-bred{display:none}
@media(min-width:900px){.annonsyta{min-height:var(--h-d,280px)}.annonsyta.bara-desk{display:block}.annonsyta.plats.bara-desk{display:flex}}
.c-sk{display:none}
@media(min-width:1200px){.c-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.5rem;align-items:start}.c-layout>.smal{margin:0;max-width:none;min-width:0}.c-sk{display:block;padding-top:3.2rem;height:100%}.c-sk .sk-sticky{position:sticky;top:1rem}.annonsyta.bara-bred{display:block;margin:0}.annonsyta.plats.bara-bred{display:flex}}
/* relaterade, sidfot */
.relaterade{margin-top:2.4rem}
.sf{margin:4rem .5rem .5rem;background:var(--yta);border-radius:28px;padding:2.2rem 0 2.6rem;box-shadow:0 0 0 1px var(--linje)}
.sf ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.sf li a,.sf li button{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border-radius:999px;background:var(--yta2);color:var(--text);text-decoration:none;font:inherit;font-weight:650;border:0;cursor:pointer}
.sf-rub{font-weight:800;margin:1.4rem 0 0}
.sf ul.sf-amnen{margin-top:.5rem}
.sf nav+ul{border-top:1px solid var(--linje);padding-top:1rem}
.utgivare{font-size:.88rem;color:var(--dampad);margin:0}
@media(max-width:599px){.brod ol{margin:.8rem 0 .6rem}.ingress{font-size:1rem;line-height:1.5}.datumrad{gap:.3rem;margin:.6rem 0 .9rem}.datumrad li{font-size:.74rem;padding:.25rem .55rem}.fakta{margin-top:1rem}.fakta-topp{padding:.8rem 1rem .7rem}.fakta-topp h2{font-size:1.08rem;margin:.45rem 0 .2rem}.fakta-topp p{font-size:.9rem}.fakta-cta{padding:.8rem 1rem}.sh{padding-top:.5rem}}
@media print{.sh,.sf,.annonsyta,.c-sk,.rad-pil,.toc{display:none!important}body{background:#fff;color:#000}}
.start-sk{display:none}
@media(min-width:900px){.start-lista{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2.5rem;row-gap:0;align-items:start}.start-lista>.text{display:contents}.start-lista>.text>*{grid-column:1;min-width:0}.start-lista>.text>p:first-child{grid-column:1/-1}.start-sk{display:block;grid-column:2;grid-row:2/span 40;align-self:stretch;padding-top:2.3rem}.start-sk .sk-sticky{position:sticky;top:1rem}.start-sk .annonsyta{margin:0}}
.text figure:has(>.annons){display:grid;grid-template-columns:minmax(0,max-content);justify-content:center}.text figure>.annons{justify-self:start;margin-bottom:.4rem}
/* T4 ska följa med nedåt: spalten måste vara lika hög som raden (align-items:start gjorde den bara annonshög) */.c-layout>.c-sk{align-self:stretch}
/* PDF- och Word-ikonerna i mallsidornas text (ersätter ikonbilderna med text) */.filikon{display:inline-flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem 1.2rem;border-radius:var(--r);background:var(--p1);color:var(--text)}.filikon .ik{width:56px;height:56px}.filikon b{font-size:.85rem;letter-spacing:.04em}