/* Markeringspennan – Svenska spelsajter. Mobile first. Prefix svs-. */
:root{
--bg:#F5F8F8;--kort:#fff;--pri:#0D5C63;--pri-m:#0B4F55;--pri-d:#0A3F44;--ink:#16202A;--ink2:#4A5A63;
--hl:#FFB8CC;--hl-l:#FFE6EE;--linje:#DCE6E8;--linje2:#C5D4D7;--ton:#EAF2F3;
--r:20px;--r-s:12px;--skugga:0 1px 2px rgba(10,63,68,.06),0 8px 24px rgba(10,63,68,.07);
--rubrik:"Lilita One","Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;
--text:"Cabin",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
--w-text:760px;--w-bred:1120px;--gut:16px;--head:64px
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--head) + 16px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--text);overflow-x:hidden;text-rendering:optimizeLegibility}
@media (min-width:700px){body{font-size:1.125rem}}
img,svg{max-width:100%;height:auto}
img{display:block}
a{color:var(--pri);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--pri-d);text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--pri);outline-offset:2px;border-radius:4px}
h1,h2,h3,h4{font-family:var(--rubrik);font-weight:400;line-height:1.15;letter-spacing:.005em;color:var(--ink);margin:1.6em 0 .5em}
h2{font-size:1.75rem}
h3{font-size:1.3rem}
h4{font-size:1.1rem}
@media (min-width:700px){h2{font-size:2.05rem}h3{font-size:1.45rem}}
p,ul,ol,dl,blockquote,figure,table{margin:0 0 1em}
ul,ol{padding-left:1.3em}
li{margin:.25em 0}
li::marker{color:var(--pri)}
strong,b{font-weight:700}
small,.svs-small{font-size:.875rem;color:var(--ink2)}
hr{border:0;border-top:1px solid var(--linje);margin:2em 0}
blockquote{margin-left:0;padding:.9em 1.1em;border-left:4px solid var(--hl);background:var(--kort);border-radius:0 var(--r-s) var(--r-s) 0}
blockquote p:last-child{margin-bottom:0}
q{quotes:"”" "”" "’" "’"}
[id]{scroll-margin-top:calc(var(--head) + 16px)}
.svs-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.svs-skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--pri);color:#fff;padding:10px 16px;border-radius:999px;font-weight:700}
.svs-skip:focus{top:12px;color:#fff}

/* the highlighter */
mark,.svs-hl{color:inherit;background:transparent;background-image:linear-gradient(100deg,rgba(255,184,204,0) .1em,var(--hl) .25em,var(--hl) calc(100% - .3em),rgba(255,184,204,0) 100%);background-size:100% 64%;background-position:0 78%;background-repeat:no-repeat;padding:0 .14em;margin:0 -.04em;border-radius:.2em .5em .3em .6em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* layout */
.svs-wrap{width:100%;max-width:calc(var(--w-bred) + 2*var(--gut));margin:0 auto;padding:0 var(--gut)}
.svs-wrap--text{max-width:calc(var(--w-text) + 2*var(--gut))}
@media (min-width:700px){:root{--gut:24px}}
.svs-main{display:block;min-height:50vh;outline:0}
.svs-prose{padding:0 var(--gut) 3rem}
.svs-prose>*{max-width:var(--w-text);margin-left:auto;margin-right:auto}
.svs-prose>.svs-reg,.svs-prose>.svs-korten,.svs-prose>.svs-tabellwrap,.svs-prose>.svs-skroll,.svs-prose>.svs-svep,.svs-prose>.wp-block-table,.svs-prose>.alignwide,.svs-prose>.svs-bred{max-width:var(--w-bred)}
.svs-prose>h2{margin-top:2.2em}
.svs-prose>:first-child{margin-top:0}

/* header */
.svs-head{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);border-bottom:1px solid var(--linje);-webkit-backdrop-filter:saturate(1.4) blur(6px);backdrop-filter:saturate(1.4) blur(6px)}
.svs-head__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--head)}
.svs-logo{display:flex;align-items:center;flex:0 1 auto;min-width:0;padding:6px 0;text-decoration:none}
.svs-logo svg{display:block;height:36px;width:auto}
.svs-logo__txt{font-family:var(--rubrik);font-size:1.3rem;color:var(--ink)}
@media (min-width:960px){.svs-logo svg{height:44px}:root{--head:72px}}
.svs-nav__list{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:0;padding:0}
.svs-nav__list li{margin:0}
.svs-nav__list a{display:block;padding:8px 12px;border-radius:999px;color:var(--ink);font-weight:600;font-size:1rem;text-decoration:none;line-height:1.3}
.svs-nav__list a:hover{background:var(--ton);color:var(--pri-d)}
.svs-nav__list a[aria-current="page"]{background:var(--ton);color:var(--pri-d);box-shadow:inset 0 -3px 0 var(--hl)}
.svs-menyknapp{display:none;align-items:center;gap:8px;flex:0 0 auto;min-height:44px;padding:8px 16px 8px 12px;border:2px solid var(--pri);border-radius:999px;background:#fff;color:var(--pri);font:700 1rem/1 var(--text);cursor:pointer}
.svs-menyknapp:hover{background:var(--ton)}
.svs-menyknapp__ikon{position:relative;width:18px;height:12px}
.svs-menyknapp__ikon::before,.svs-menyknapp__ikon::after,.svs-menyknapp__ikon span{content:"";position:absolute;left:0;height:2.5px;border-radius:2px;background:currentColor}
.svs-menyknapp__ikon::before{top:0;width:18px}
.svs-menyknapp__ikon span{top:5px;width:13px}
.svs-menyknapp__ikon::after{top:10px;width:18px}
.js .svs-menyknapp{display:inline-flex}
.js .svs-nav{display:none}
.svs-nav{padding:6px 0}
html:not(.js) .svs-head__in{flex-wrap:wrap}
@media (min-width:960px){.js .svs-nav{display:block}.js .svs-menyknapp{display:none}}

/* mobile menu: full-screen sheet sliding up */
.svs-meny{position:fixed;inset:0;z-index:60;background:rgba(10,63,68,.45);display:flex;align-items:flex-end;opacity:0;transition:opacity .2s ease}
.svs-meny[hidden]{display:none}
.svs-meny.is-open{opacity:1}
.svs-meny__panel{width:100%;max-height:100%;overflow-y:auto;background:var(--bg);border-radius:24px 24px 0 0;padding:20px var(--gut) calc(24px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 -12px 40px rgba(10,63,68,.25)}
.svs-meny.is-open .svs-meny__panel{transform:none}
.svs-meny__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.svs-meny__rubrik{margin:0;font-family:var(--rubrik);font-size:1.5rem}
.svs-meny__stang{min-height:44px;padding:8px 18px;border:0;border-radius:999px;background:var(--pri);color:#fff;font:700 1rem/1 var(--text);cursor:pointer}
.svs-meny__stang:hover{background:var(--pri-d)}
.svs-meny__list{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.svs-meny__list li{margin:0}
.svs-meny__list a{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:12px 20px;border-radius:18px;background:#fff;box-shadow:var(--skugga);color:var(--ink);font-family:var(--rubrik);font-size:1.3rem;text-decoration:none}
.svs-meny__list a::after{content:"→";font-family:var(--text);font-weight:700;color:var(--pri)}
.svs-meny__list a[aria-current="page"]{background:var(--hl-l);box-shadow:inset 0 0 0 2px var(--hl)}
.svs-meny__18{margin:16px 0 0;font-size:.9rem;color:var(--ink2)}
body.svs-las{overflow:hidden}

/* buttons */
.svs-knapp{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:46px;padding:10px 22px;border:2px solid var(--pri);border-radius:999px;background:var(--pri);color:#fff;font:700 1rem/1.2 var(--text);text-align:center;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.svs-knapp:hover{background:var(--pri-d);border-color:var(--pri-d);color:#fff;transform:translateY(-1px)}
.svs-knapp--ghost{background:#fff;color:var(--pri)}
.svs-knapp--ghost:hover{background:var(--ton);color:var(--pri-d)}
.svs-knapp--liten{min-height:42px;padding:8px 18px;font-size:.95rem}

/* hero (front page) */
.svs-hero{padding:28px 0 8px}
.svs-hero__in{display:grid;gap:24px;align-items:center}
.svs-hero__h1{font-size:clamp(2.6rem,10vw,4.4rem);line-height:1.02;margin:0 0 .3em}
.svs-hero__lead{font-size:1.15rem;max-width:40em;margin-bottom:1.1em}
.svs-hero__knappar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:1.1em}
.svs-hero__meta{display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--ink2);margin:0}
.svs-hero__meta img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.svs-hero__bild{display:none}
@media (min-width:900px){.svs-hero{padding:56px 0 24px}.svs-hero__in{grid-template-columns:1fr 340px;gap:48px}.svs-hero__bild{display:block}.svs-hero__lead{font-size:1.25rem}}

/* page/post header */
.svs-sidhuvud{padding:24px 0 8px}
@media (min-width:700px){.svs-sidhuvud{padding:40px 0 12px}}
.svs-h1{font-size:clamp(2.1rem,7vw,3.1rem);line-height:1.08;margin:.15em 0 .4em}
.svs-kicker{margin:0;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--pri)}
.svs-kicker a{text-decoration:none}
.svs-ingress{font-size:1.1rem;color:var(--ink2);max-width:var(--w-text)}
.svs-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:.88rem;color:var(--ink2);margin-bottom:10px}
.svs-crumbs a{color:var(--ink2)}
.svs-crumbs a:hover{color:var(--pri)}
.svs-crumbs__sep{color:var(--linje2)}
.svs-byline{display:flex;align-items:center;gap:10px;margin:0 0 .5em;font-size:.92rem;color:var(--ink2)}
.svs-byline__img{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.svs-byline a{color:var(--ink);font-weight:600}
.svs-bild{margin:0 auto 1.6em}
.svs-bild img{width:100%;border-radius:var(--r);box-shadow:var(--skugga)}
.svs-profil{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.svs-profil img{width:128px;height:128px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 6px #fff,0 0 0 9px var(--hl)}
.svs-profil .svs-h1{margin-bottom:.15em}
.svs-profil__mail{margin:0;font-size:.95rem}
@media (min-width:700px){.svs-profil img{width:160px;height:160px}}

/* tables (editor + components) */
.svs-tabellwrap,.wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--kort);border-radius:var(--r);box-shadow:var(--skugga);margin:0 auto 1.4em}
.svs-tabellwrap:focus-visible{outline-offset:-3px}
.wp-block-table .svs-tabellwrap{box-shadow:none;border-radius:0;margin:0}
table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:.95rem;line-height:1.45}
caption{caption-side:top;text-align:left;padding:14px 16px 4px;font-weight:700;color:var(--ink)}
th,td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linje)}
thead th{background:var(--ton);color:var(--pri-d);font-weight:700;font-size:.85rem;white-space:nowrap}
tbody tr:last-child>*{border-bottom:0}
tbody th{font-weight:700}
tbody th a{color:var(--ink)}
.svs-t--bonus{min-width:980px}
.svs-tabellnot{font-size:.88rem;color:var(--ink2)}
.svs-ej{color:var(--ink2);font-style:italic}
figure.wp-block-table figcaption{font-size:.88rem;color:var(--ink2);padding:0 16px 12px}

/* site cards */
.svs-korten{display:grid;gap:14px;margin:0 auto 1.6em}
.svs-korten__not{margin:0;font-size:.92rem;color:var(--ink2)}
.svs-kort{position:relative;overflow:hidden;display:grid;grid-template-columns:64px 1fr;gap:12px 14px;align-items:start;padding:18px 18px 18px 22px;background:var(--kort);border-radius:var(--r);box-shadow:var(--skugga);border:1px solid transparent;transition:border-color .15s}
.svs-kort:hover{border-color:var(--linje2)}
.svs-kort::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:6px;border-radius:0 6px 6px 0;background:var(--hl)}
.svs-kort__logo{display:flex;align-items:center;justify-content:center;width:64px;height:48px;padding:4px;border-radius:12px;background:var(--bg);overflow:hidden}
.svs-kort__logo img{width:100%;height:100%;max-height:40px;object-fit:contain}
.svs-wm{font-family:var(--rubrik);font-size:1rem;color:var(--pri-d);text-align:center;line-height:1.1}
.svs-kort__text{min-width:0}
.svs-kort__namn{margin:0 0 .15em;font-size:1.35rem}
.svs-kort__namn a{color:var(--ink);text-decoration:none;background-image:linear-gradient(var(--hl),var(--hl));background-size:0 40%;background-position:0 88%;background-repeat:no-repeat;transition:background-size .2s}
.svs-kort__namn a:hover{background-size:100% 40%}
.svs-kort__fakta{margin:0 0 .35em;font-size:.88rem;color:var(--ink2)}
.svs-kort__erb{margin:0 0 .4em;font-weight:700;line-height:1.4}
.svs-kort__villkor{margin:0;font-size:.8rem;line-height:1.5;color:var(--ink2);overflow-wrap:anywhere}
.svs-kort__villkor a{color:var(--ink2)}
.svs-kort__cta{grid-column:1/-1}
.svs-kort__cta .svs-knapp{width:100%}
@media (max-width:759px){.svs-kort__text{display:contents}.svs-kort__namn,.svs-kort__fakta,.svs-kort__erb{grid-column:2}.svs-kort__namn{align-self:center}.svs-kort__villkor{grid-column:1/-1}.svs-kort__logo{grid-row:1/span 2}}
@media (min-width:760px){.svs-kort{grid-template-columns:132px 1fr auto;align-items:center;padding:20px 24px 20px 28px}.svs-kort__logo{width:132px;height:64px;padding:8px}.svs-kort__cta{grid-column:auto}.svs-kort__cta .svs-knapp{width:auto;white-space:nowrap}}

/* CTA row in posts */
.svs-cta{display:grid;grid-template-columns:auto 1fr;gap:10px 14px;align-items:center;padding:14px 16px;margin:0 auto 1.6em;background:var(--kort);border-radius:var(--r);box-shadow:var(--skugga);border-left:6px solid var(--hl)}
.svs-cta__logo img{max-height:36px;width:auto}
.svs-cta__t{margin:0;font-weight:700;line-height:1.35}
.svs-cta__t a{color:var(--ink)}
.svs-cta .svs-knapp{grid-column:1/-1}
.svs-cta__v{grid-column:1/-1;margin:0;font-size:.8rem;color:var(--ink2)}
.svs-cta__v a{color:var(--ink2)}
@media (min-width:700px){.svs-cta{grid-template-columns:auto 1fr auto}.svs-cta .svs-knapp{grid-column:auto}}

/* villkorsregistret */
.svs-reg{margin:0 auto 2em}
.svs-reg__head{margin-bottom:12px}
.svs-reg__sort{margin:0 0 .2em;font-weight:600}
.svs-reg__chk{margin:0;font-size:.88rem;color:var(--ink2)}
.svs-reg__tabell{display:none;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--kort);border-radius:var(--r);box-shadow:var(--skugga)}
.svs-t--reg{width:2870px;min-width:2870px;table-layout:fixed;font-size:.85rem;line-height:1.42}
.svs-t--reg th,.svs-t--reg td{padding:8px 12px}
.svs-t--reg th,.svs-t--reg td{width:300px}
.svs-t--reg .svs-cell__v{margin-bottom:.2em}
.svs-mer--fn{margin-top:.2em;font-size:.8rem}
.svs-mer--fn .svs-fn{margin-top:.3em}
.svs-t--reg th:first-child{width:170px;overflow-wrap:break-word;position:sticky;left:0;z-index:2;background:#fff;box-shadow:1px 0 0 var(--linje)}
.svs-t--reg thead th{white-space:normal;font-family:var(--rubrik);font-weight:400;font-size:1.05rem;color:var(--ink);background:#fff;border-bottom:2px solid var(--hl)}
.svs-t--reg thead th:first-child{font-family:var(--text);font-weight:700;font-size:.8rem;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em}
.svs-t--reg tbody th{font-weight:700;color:var(--ink)}
.svs-t--reg tbody tr:nth-child(even)>*{background:#FAFCFC}
.svs-t--reg tbody tr:nth-child(even) th:first-child{background:#FAFCFC}
.svs-t--reg thead th.is-mal{background:var(--hl-l);outline:0}
.svs-reg__mobil{display:grid;gap:12px}
@media (min-width:960px){.svs-reg__tabell{display:block}.svs-reg__mobil{display:none}}
.svs-reg__kort{background:var(--kort);border-radius:var(--r);box-shadow:var(--skugga);padding:6px 0 4px;overflow:hidden}
.svs-reg__kh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px 8px;border-bottom:2px solid var(--hl)}
.svs-reg__kh h3{margin:0;font-size:1.3rem}
.svs-reg__alla{min-height:38px;padding:6px 14px;border:2px solid var(--pri);border-radius:999px;background:#fff;color:var(--pri);font:700 .85rem/1 var(--text);cursor:pointer}
.svs-reg__alla:hover{background:var(--ton)}
.svs-reg__rad{border-bottom:1px solid var(--linje)}
.svs-reg__rad:last-child{border-bottom:0}
.svs-reg__rad summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:10px 16px;cursor:pointer;list-style:none}
.svs-reg__rad summary::-webkit-details-marker{display:none}
.svs-reg__rad summary::after{content:"";flex:0 0 auto;width:9px;height:9px;margin-left:2px;border-right:2.5px solid var(--pri);border-bottom:2.5px solid var(--pri);transform:rotate(45deg) translateY(-3px);transition:transform .15s}
.svs-reg__rad[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.svs-reg__l{flex:1 1 auto;font-weight:600;font-size:.95rem;line-height:1.3}
.svs-reg__rad>.svs-cell{padding:0 16px 14px}
.svs-pill{flex:0 1 auto;max-width:48%;padding:3px 10px;border-radius:999px;font-size:.8rem;font-weight:700;line-height:1.35;text-align:right}
.svs-pill--ok{background:var(--hl-l);color:var(--ink)}
.svs-pill--nej{background:var(--ton);color:var(--ink)}
.svs-pill--ej{background:transparent;color:var(--ink2);font-weight:600;font-style:italic;border:1px dashed var(--linje2)}
.svs-cell{overflow-wrap:anywhere;min-width:0}
.svs-cell__v{display:block;color:var(--ink);margin-bottom:.35em}
.svs-cell--ej .svs-cell__v{font-weight:600;font-style:italic;color:var(--ink2)}
.svs-cell--nej .svs-cell__v{display:inline-block;padding:1px 8px;border-radius:8px;background:var(--ton)}
.svs-fn{display:block;font-size:.8rem;line-height:1.5;color:var(--ink2);overflow-wrap:anywhere}
.svs-fn q{color:var(--ink);font-style:italic}
.svs-fn a{color:var(--pri);font-weight:600}
.svs-t--rad td{min-width:260px}
.svs-t--live{min-width:720px}
.svs-t--live td:last-child{min-width:280px}
.svs-mer{margin-top:.35em;font-size:.88rem}
.svs-mer summary{cursor:pointer;color:var(--pri);font-weight:700;width:max-content}
.svs-mer p{margin:.35em 0 0;color:var(--ink2)}
.svs-block{display:block}

/* ändrat sedan sist */
.svs-logg{list-style:none;padding:0;margin:0 auto 1.6em;border-left:3px solid var(--hl)}
.svs-logg li{position:relative;margin:0;padding:0 0 14px 20px}
.svs-logg li::before{content:"";position:absolute;left:-8px;top:.45em;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--pri)}
.svs-logg time{display:block;font-size:.85rem;font-weight:700;color:var(--pri-d)}
.svs-logg p{margin:0}
.svs-logg__tom{margin:0;padding:12px 16px;background:var(--kort);border-radius:var(--r-s);color:var(--ink2);font-size:.95rem}

/* FAQ */
.svs-faq{display:grid;gap:10px;margin:0 auto 2em}
.svs-fraga{background:var(--kort);border-radius:var(--r-s);box-shadow:var(--skugga)}
.svs-fraga summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;cursor:pointer;list-style:none}
.svs-fraga summary::-webkit-details-marker{display:none}
.svs-fraga summary::after{content:"+";flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ton);color:var(--pri-d);font:700 1.2rem/1 var(--text)}
.svs-fraga[open] summary::after{content:"–";background:var(--hl)}
.svs-fraga__q{margin:0;font-size:1.12rem;line-height:1.3}
.svs-fraga__a{padding:0 18px 4px}

/* author box, related, latest */
.svs-forf{display:flex;gap:14px;align-items:flex-start;margin:2.4em auto 0;padding:16px 18px;background:var(--kort);border-radius:var(--r);box-shadow:var(--skugga);font-size:.92rem;color:var(--ink2)}
.svs-forf img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.svs-forf p{margin:0}
.svs-forf a{font-weight:600}
.svs-lasvidare{margin:2em auto 0;padding:16px 18px;border-radius:var(--r);background:var(--ton)}
.svs-lasvidare__h{margin:0 0 .3em;font-family:var(--rubrik);font-size:1.2rem}
.svs-lasvidare ul{margin:0}
.svs-senast ul{padding-left:1.1em}

/* archive tiles */
.svs-rutor{display:grid;gap:18px;margin:8px 0 2rem}
@media (min-width:700px){.svs-rutor{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.svs-rutor{grid-template-columns:repeat(3,1fr)}}
.svs-ruta{display:flex;flex-direction:column;background:var(--kort);border-radius:var(--r);box-shadow:var(--skugga);overflow:hidden}
.svs-ruta__bild{display:block;aspect-ratio:1200/630;background:var(--pri)}
.svs-ruta__bild img{width:100%;height:100%;object-fit:cover}
.svs-ruta__text{padding:16px 18px 18px}
.svs-ruta__meta{margin:0 0 .3em;font-size:.82rem;color:var(--ink2)}
.svs-ruta__t{margin:0 0 .35em;font-size:1.3rem}
.svs-ruta__t a{color:var(--ink);text-decoration:none}
.svs-ruta__t a:hover{color:var(--pri)}
.svs-ruta__x{margin:0;font-size:.95rem;color:var(--ink2)}
.svs-sidor{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 3rem}
.svs-sidor .page-numbers{display:inline-flex;align-items:center;min-height:42px;padding:6px 14px;border-radius:999px;background:var(--kort);box-shadow:var(--skugga);text-decoration:none;font-weight:700}
.svs-sidor .current{background:var(--pri);color:#fff}
.svs-tomt{padding:20px;margin:8px 0 3rem;background:var(--kort);border-radius:var(--r)}
.svs-tomt p{margin:0}
.svs-traffar{padding-left:1.2em;margin-bottom:2rem}
.svs-traffar li{margin:0 0 1em}
.svs-traffar a{font-weight:700;font-size:1.1rem}
.svs-traffar p{margin:.2em 0 0;font-size:.95rem;color:var(--ink2)}

/* search */
.svs-sok{display:flex;gap:8px;max-width:520px;margin:12px 0}
.svs-sok input{flex:1 1 auto;min-width:0;min-height:46px;padding:10px 16px;border:2px solid var(--linje2);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:1rem}
.svs-sok input:focus{border-color:var(--pri);outline:0;box-shadow:0 0 0 3px var(--hl-l)}
.svs-sok button{min-height:46px;padding:8px 20px;border:0;border-radius:999px;background:var(--pri);color:#fff;font:700 1rem/1 var(--text);cursor:pointer}
.svs-sok button:hover{background:var(--pri-d)}

/* 404 */
.svs-404{padding:40px 0 64px}
.svs-404__kod{margin:0;font-family:var(--rubrik);font-size:clamp(4rem,18vw,7rem);line-height:1;color:var(--pri)}
.svs-404__lista{padding-left:1.2em}

/* footer */
.svs-fot{background:var(--pri-d);color:#E3EEEF;font-size:.95rem;line-height:1.6;padding:40px 0 20px;margin-top:2rem}
.svs-fot a{color:#fff;text-decoration:none;border-bottom:1px solid transparent}
.svs-fot a:hover{color:#fff;border-bottom-color:var(--hl)}
.svs-fot :focus-visible{outline-color:var(--hl)}
.svs-fot__grid{display:grid;gap:28px}
@media (min-width:860px){.svs-fot__grid{grid-template-columns:1.4fr 1fr 1.1fr;gap:40px}}
.svs-fot__h{margin:0 0 .5em;font-family:var(--rubrik);font-size:1.25rem;color:#fff}
.svs-fot__kol p{margin:0 0 .8em}
.svs-fot__lista{list-style:none;margin:0;padding:0}
.svs-fot__lista li{margin:0 0 .45em}
.svs-fot__18{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16)}
.svs-fot__18 p{display:flex;align-items:center;gap:12px;margin:0}
.svs-18{display:inline-grid;place-items:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--hl);color:var(--ink);font-family:var(--rubrik);font-size:1.05rem}
.svs-fot__rad p{margin:16px 0 0;font-size:.85rem;color:#B9D2D5}
.svs-fot__rad a{color:#E3EEEF}

/* Gutenberg leftovers */
.wp-block-image img,.svs-prose figure img{border-radius:var(--r-s)}
.wp-block-image figcaption,.wp-caption-text{font-size:.88rem;color:var(--ink2);margin-top:.4em}
.aligncenter{margin-left:auto;margin-right:auto}
.wp-block-separator{border:0;border-top:1px solid var(--linje)}
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px}
.wp-block-button__link{display:inline-block;padding:10px 22px;border-radius:999px;background:var(--pri);color:#fff;font-weight:700;text-decoration:none}
.has-text-align-center{text-align:center}

@media print{.svs-head,.svs-meny,.svs-fot,.svs-kort__cta,.svs-cta .svs-knapp{display:none}.svs-reg__tabell{display:block}.svs-reg__mobil{display:none}body{background:#fff}}

/* scroll hint (JS adds .svs-skroll wrapper, .has-more and the hint line) */
.svs-skroll{position:relative;margin:0 auto 1.4em}
.svs-skroll>.svs-tabellwrap,.svs-skroll>.svs-reg__tabell{margin-bottom:0}
.svs-skroll::after{content:"";position:absolute;top:0;right:0;bottom:0;width:44px;border-radius:0 var(--r) var(--r) 0;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.95));box-shadow:inset -10px 0 12px -10px rgba(10,63,68,.35);pointer-events:none;opacity:0;transition:opacity .2s}
.svs-skroll.has-more::after{opacity:1}
.svs-svep{margin:0 auto 6px;max-width:var(--w-bred);font-size:.85rem;font-weight:700;color:var(--pri)}
.svs-svep[hidden]{display:none}
.svs-reg .svs-skroll{display:none}
@media (min-width:960px){.svs-reg .svs-skroll{display:block}}

/* stacked tables under 700 px ([svs_live], [svs_bonus]) */
@media (max-width:699px){
.svs-t--stack,.svs-t--bonus.svs-t--stack,.svs-t--live.svs-t--stack{min-width:0}
.svs-tabellwrap--stack{overflow:visible;background:transparent;box-shadow:none;border-radius:0}
.svs-t--stack thead{display:none}
.svs-t--stack caption{display:block;width:auto;padding:0 0 8px}
.svs-t--stack,.svs-t--stack tbody,.svs-t--stack tr,.svs-t--stack th,.svs-t--stack td{display:block;width:auto}
.svs-t--stack tr{margin:0 0 12px;padding:6px 0;background:var(--kort);border-radius:var(--r);box-shadow:var(--skugga)}
.svs-t--stack tbody th{padding:10px 16px 8px;font-family:var(--rubrik);font-weight:400;font-size:1.2rem;border-bottom:2px solid var(--hl)}
.svs-t--stack td{padding:8px 16px;overflow-wrap:anywhere}
.svs-t--stack td::before{content:attr(data-label);display:block;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}
.svs-t--stack tbody tr:last-child>*{border-bottom:1px solid var(--linje)}
.svs-t--stack tr>:last-child{border-bottom:0!important}
}

/* front page: hero and prose share one left edge on desktop */
@media (min-width:900px){
.svs-front .svs-prose>*{margin-left:max(0px,calc((100% - var(--w-bred)) / 2))}
}

/* breadcrumb: last crumb (= the H1) hidden on mobile */
@media (max-width:699px){.svs-crumbs [aria-current="page"],.svs-crumbs .svs-crumbs__sep:nth-last-child(2){display:none}}