/*
Theme Name: Spelplanen
Theme URI: https://spelonlinecasino.se/
Author: Redaktionen
Description: Tema för Spel Online Casino. Sajten är uppbyggd som en spelplan med numrerade rutor, tärning och spelpjäs.
Version: 1.0.3
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: spelplanen
*/
@font-face{font-family:"Bricolage Grotesque";src:url(assets/fonts/bricolage.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Figtree";src:url(assets/fonts/figtree.woff2) format("woff2");font-weight:300 900;font-display:swap}
:root{--pl-bg:#f3ecdc;--pl-ark:#fffdf8;--pl-ink:#1b2238;--pl-gra:#566078;--pl-linje:#d9cfb8;--pl-rod:#d2402b;--pl-rod-m:#a82f1e;--pl-gul:#f0b429;--pl-gron:#17806f;--pl-bla:#1f4fb8;--pl-rubrik:"Bricolage Grotesque","Trebuchet MS","Segoe UI",sans-serif;--pl-text:"Figtree","Segoe UI",Helvetica,Arial,sans-serif;--pl-bredd:1120px;--pl-skugga:4px 4px 0 var(--pl-ink)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pl-bg);background-image:radial-gradient(rgba(27,34,56,.09) 1.2px,transparent 1.3px);background-size:22px 22px;color:var(--pl-ink);font-family:var(--pl-text);font-size:18px;line-height:1.65;overflow-x:hidden}
img{max-width:100%;height:auto}
a{color:var(--pl-bla);text-underline-offset:3px}
a:hover{color:var(--pl-rod-m)}
:focus-visible{outline:3px solid var(--pl-bla);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--pl-rubrik);line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em}
.spl-hopp{position:absolute;left:-999px;top:0;background:var(--pl-ink);color:#fff;padding:.6em 1em;z-index:100}
.spl-hopp:focus{left:8px;top:8px}
.spl-ram{max-width:var(--pl-bredd);margin:0 auto;padding:0 20px}
.spl-notis{background:var(--pl-ink);color:#f3ecdc;font-size:13px;text-align:center;padding:6px 12px;letter-spacing:.02em}
.spl-notis a{color:#ffd978}
.spl-topp{background:var(--pl-ark);border-bottom:2px solid var(--pl-ink);position:sticky;top:0;z-index:50}
.admin-bar .spl-topp{top:32px}
.spl-topp .spl-ram{display:flex;align-items:center;gap:20px;min-height:66px}
.spl-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--pl-ink);font-family:var(--pl-rubrik);font-weight:800;font-size:21px;letter-spacing:-.03em;margin-right:auto;white-space:nowrap}
.spl-logo svg{width:38px;height:38px;flex:none;transition:transform .35s}
.spl-logo:hover svg{transform:rotate(90deg)}
.spl-logo em{font-style:normal;color:var(--pl-rod)}
.spl-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.spl-nav li{position:relative}
.spl-nav a{display:block;padding:9px 12px;color:var(--pl-ink);text-decoration:none;font-weight:600;font-size:16px;border-radius:6px}
.spl-nav a:hover,.spl-nav .current-menu-item>a{background:var(--pl-gul)}
.spl-nav .sub-menu{display:none;position:absolute;left:0;top:100%;flex-direction:column;background:var(--pl-ark);border:2px solid var(--pl-ink);box-shadow:var(--pl-skugga);min-width:280px;padding:6px;border-radius:8px;z-index:60}
.spl-nav li:hover>.sub-menu,.spl-nav li:focus-within>.sub-menu{display:flex}
.spl-nav .sub-menu a{font-weight:500;font-size:15px;line-height:1.35}
.spl-menyknapp{display:none;font:inherit;font-weight:700;background:var(--pl-gul);border:2px solid var(--pl-ink);border-radius:6px;padding:7px 14px;cursor:pointer;color:var(--pl-ink)}
.spl-led{height:10px;background:repeating-linear-gradient(90deg,var(--pl-ark) 0 22px,var(--pl-linje) 22px 24px);border-bottom:2px solid var(--pl-ink);position:sticky;top:68px;z-index:49}
.admin-bar .spl-led{top:100px}
.spl-pjas{position:absolute;left:0;top:-5px;width:16px;height:16px;border-radius:50%;background:var(--pl-rod);border:2px solid var(--pl-ink);transform:translateX(-50%)}
.spl-led{position:sticky}
.spl-hero{padding:34px 0 10px}
.spl-plan{max-width:var(--pl-bredd);margin:0 auto;padding:0 20px;display:grid;gap:12px}
.spl-rutor{list-style:none;margin:0;padding:0;display:contents}
.spl-ruta a{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:96px;padding:10px 12px;background:var(--pl-ark);border:2px solid var(--pl-ink);border-radius:10px;border-top-width:10px;text-decoration:none;color:var(--pl-ink);transition:transform .15s,box-shadow .15s;position:relative}
.spl-ruta a:hover{transform:translate(-2px,-2px);box-shadow:var(--pl-skugga)}
.spl-ruta:nth-child(4n+1) a{border-top-color:var(--pl-rod)}
.spl-ruta:nth-child(4n+2) a{border-top-color:var(--pl-gul)}
.spl-ruta:nth-child(4n+3) a{border-top-color:var(--pl-gron)}
.spl-ruta:nth-child(4n+4) a{border-top-color:var(--pl-bla)}
.spl-nr{font-family:var(--pl-rubrik);font-weight:800;font-size:26px;line-height:1}
.spl-namn{font-weight:700;font-size:15px;line-height:1.2}
.spl-ruta.spl-har a{background:#fff3c9;transform:translate(-2px,-2px);box-shadow:var(--pl-skugga)}
.spl-ruta.spl-har a::after{content:"";position:absolute;right:10px;top:8px;width:20px;height:20px;border-radius:50% 50% 45% 45%;background:var(--pl-rod);border:2px solid var(--pl-ink);box-shadow:0 7px 0 -2px var(--pl-rod),0 7px 0 0 var(--pl-ink)}
.spl-mitt{background:var(--pl-ark);border:2px solid var(--pl-ink);border-radius:14px;padding:28px 30px;box-shadow:var(--pl-skugga)}
.spl-etikett{font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--pl-rod-m);margin:0 0 10px}
.spl-mitt h1{font-size:clamp(30px,4.4vw,50px);font-weight:800;margin-bottom:.35em}
.spl-ingress{font-size:19px;color:#2c3550;margin:0 0 18px;max-width:62ch}
.spl-tarn{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.spl-knapp{display:inline-flex;align-items:center;gap:10px;font:inherit;font-weight:700;color:#fff;background:var(--pl-rod);border:2px solid var(--pl-ink);border-radius:8px;padding:10px 18px;cursor:pointer;box-shadow:3px 3px 0 var(--pl-ink);text-decoration:none}
.spl-knapp:hover{background:var(--pl-rod-m);color:#fff}
.spl-knapp:active{transform:translate(3px,3px);box-shadow:none}
.spl-t{display:inline-block;width:30px;height:30px;flex:none}
.spl-t svg{display:block;width:100%;height:100%}
.spl-utfall{margin:0;font-size:16px;flex:1 1 240px}
@media(min-width:900px){
.spl-plan-12{grid-template-columns:repeat(5,1fr);grid-template-rows:auto auto auto}
.spl-plan-12 .spl-mitt{grid-column:2/5;grid-row:2}
.spl-plan-12 .spl-ruta:nth-child(-n+5){grid-row:1}
.spl-plan-12 .spl-ruta:nth-child(6){grid-column:5;grid-row:2}
.spl-plan-12 .spl-ruta:nth-child(7){grid-column:5;grid-row:3}
.spl-plan-12 .spl-ruta:nth-child(8){grid-column:4;grid-row:3}
.spl-plan-12 .spl-ruta:nth-child(9){grid-column:3;grid-row:3}
.spl-plan-12 .spl-ruta:nth-child(10){grid-column:2;grid-row:3}
.spl-plan-12 .spl-ruta:nth-child(11){grid-column:1;grid-row:3}
.spl-plan-12 .spl-ruta:nth-child(12){grid-column:1;grid-row:2}
.spl-plan-12 .spl-ruta:nth-child(6) a,.spl-plan-12 .spl-ruta:nth-child(12) a{justify-content:center;gap:14px}
.spl-plan-12 .spl-ruta:nth-child(6) .spl-nr,.spl-plan-12 .spl-ruta:nth-child(12) .spl-nr{font-size:44px}
.spl-plan-12 .spl-ruta:nth-child(6) .spl-namn,.spl-plan-12 .spl-ruta:nth-child(12) .spl-namn{font-size:18px}
.spl-plan:not(.spl-plan-12){grid-template-columns:repeat(4,1fr)}
.spl-plan:not(.spl-plan-12) .spl-mitt{grid-column:1/-1}
}
@media(max-width:899px){
.spl-plan{grid-template-columns:repeat(3,1fr);gap:8px}
.spl-mitt{grid-column:1/-1;padding:20px 18px}
.spl-ruta a{min-height:78px;padding:7px 9px;border-top-width:7px}
.spl-nr{font-size:20px}.spl-namn{font-size:13.5px}
}
.spl-ark{max-width:860px;margin:30px auto;background:var(--pl-ark);border:2px solid var(--pl-ink);border-radius:14px;padding:34px 44px 40px;box-shadow:var(--pl-skugga)}
.spl-smulor{font-size:14px;color:var(--pl-gra);margin:0 0 14px}
.spl-smulor a{color:var(--pl-gra)}
.spl-ark>h1{font-size:clamp(28px,4vw,44px);font-weight:800}
.spl-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--pl-gra);margin:0 0 20px;padding:0 0 16px;border-bottom:2px dashed var(--pl-linje)}
.spl-utvald{margin:0 0 22px}
.spl-utvald img{border:2px solid var(--pl-ink);border-radius:10px;display:block}
.spl .spl-text[class][class]{font-family:var(--pl-text);font-size:18px;line-height:1.7;color:var(--pl-ink);counter-reset:ruta;max-width:none}
.spl .spl-text[class][class] :is(h2,h3,h4){font-family:var(--pl-rubrik);color:var(--pl-ink);letter-spacing:-.02em}
.spl .spl-text[class][class]>h2{font-size:clamp(23px,3vw,30px);font-weight:800;margin:1.9em 0 .55em;scroll-margin-top:100px;display:flex;gap:12px;align-items:flex-start;border:0;padding:0;background:none}
.spl .spl-text-alla[class][class]>h2::before,.spl .spl-text-rutor[class][class]>h2[data-ruta]::before{counter-increment:ruta;content:counter(ruta);flex:none;display:grid;place-items:center;width:1.55em;height:1.55em;margin-top:-.08em;font-size:.8em;background:var(--pl-gul);border:2px solid var(--pl-ink);border-radius:7px;box-shadow:2px 2px 0 var(--pl-ink)}
.spl .spl-text[class][class]>h2:nth-of-type(4n+1)::before{background:#f6b8ac}
.spl .spl-text[class][class]>h2:nth-of-type(4n+3)::before{background:#a9dccf}
.spl .spl-text[class][class]>h2:nth-of-type(4n+4)::before{background:#b9cbf5}
.spl .spl-text[class][class] h3{font-size:21px;font-weight:700;margin:1.5em 0 .4em}
.spl .spl-text[class][class] img{border-radius:10px;border:2px solid var(--pl-ink)}
.spl .spl-text[class][class] a{color:var(--pl-bla)}
.spl-oversikt{background:var(--pl-bg);border:2px solid var(--pl-ink);border-radius:10px;padding:12px 16px;margin:0 0 24px}
.spl-oversikt summary{font-family:var(--pl-rubrik);font-weight:800;cursor:pointer;font-size:17px}
.spl-oversikt ol{list-style:none;margin:10px 0 2px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;counter-reset:o}
.spl-oversikt li{counter-increment:o}
.spl-oversikt a{display:flex;gap:8px;align-items:baseline;text-decoration:none;color:var(--pl-ink) !important;font-size:15px;line-height:1.3;padding:5px 8px;border-radius:6px;background:var(--pl-ark);border:1px solid var(--pl-linje)}
.spl-oversikt a::before{content:counter(o);font-family:var(--pl-rubrik);font-weight:800;color:var(--pl-rod-m)}
.spl-oversikt a:hover{border-color:var(--pl-ink)}
.spl-verktyg{background:var(--pl-bg);border:2px solid var(--pl-ink);border-radius:12px;padding:20px 22px;margin:26px 0;box-shadow:var(--pl-skugga)}
.spl-v-rubrik{font-family:var(--pl-rubrik);font-weight:800;font-size:22px;margin:0 0 4px}
.spl-v-intro{font-size:15.5px;color:#2c3550;margin:0 0 14px}
.spl-v-falt{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:0 0 14px}
.spl-v-falt label{display:flex;flex-direction:column;gap:5px;font-size:14.5px;font-weight:600}
.spl-v-falt input{font:inherit;font-size:18px;padding:8px 10px;border:2px solid var(--pl-ink);border-radius:7px;background:#fff;width:100%;color:var(--pl-ink)}
.spl-v-svar{background:var(--pl-ark);border:2px dashed var(--pl-ink);border-radius:9px;padding:14px 16px;font-size:16.5px}
.spl-v-svar strong{font-family:var(--pl-rubrik);font-size:1.25em}
.spl-v-tal{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 10px}
.spl-v-tal div{background:#fff;border:2px solid var(--pl-ink);border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.3}
.spl-v-tal b{display:block;font-family:var(--pl-rubrik);font-size:23px}
.spl-v-kryss{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.spl-v-kryss label{display:flex;gap:10px;align-items:flex-start;background:#fff;border:2px solid var(--pl-ink);border-radius:8px;padding:9px 12px;font-size:16px;line-height:1.4;cursor:pointer}
.spl-v-kryss input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--pl-gron)}
.spl .spl-text[class][class] .spl-v-kryss{list-style:none;margin:0 0 14px;padding:0}
.spl .spl-text[class][class] .spl-v-kryss li{margin:0;padding:0;list-style:none}
.spl .spl-text[class][class] .spl-v-kryss li::before{content:none}
.spl .spl-text[class][class] .spl-tidslinje{list-style:none;margin:20px 0 20px 8px;padding:0 0 0 26px;border-left:4px solid var(--pl-ink)}
.spl .spl-text[class][class] .spl-tidslinje li{list-style:none;margin:0 0 18px;padding:0}
.spl .spl-text[class][class] .spl-tidslinje li::before{content:"";left:-37px;top:4px}
.spl .spl-text[class][class] .spl-verktyg a.spl-knapp,.spl .spl-text[class][class] .spl-verktyg button{color:#fff}
.spl-v-svar ul{margin:.5em 0 0;padding-left:1.2em}
.spl-fel{color:var(--pl-rod-m);font-weight:600}
.spl-tidslinje{list-style:none;margin:20px 0;padding:0 0 0 26px;border-left:4px solid var(--pl-ink)}
.spl-tidslinje li{position:relative;margin:0 0 18px;padding:0}
.spl-tidslinje li::before{content:"";position:absolute;left:-37px;top:4px;width:14px;height:14px;border-radius:50%;background:var(--pl-gul);border:2px solid var(--pl-ink)}
.spl-tidslinje b{display:block;font-family:var(--pl-rubrik);font-size:18px}
.spl-diagram{margin:20px 0;padding:14px;background:#fff;border:2px solid var(--pl-ink);border-radius:10px}
.spl-diagram svg{display:block;width:100%;height:auto}
.spl-diagram figcaption{font-size:14px;color:var(--pl-gra);margin-top:8px}
.spl-hela{max-width:var(--pl-bredd);margin:40px auto;padding:0 20px}
.spl-hela>h2,.spl-senaste>h2,.spl-nara>h2{font-size:clamp(24px,3vw,32px);font-weight:800}
.spl-grupper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.spl-grupp{background:var(--pl-ark);border:2px solid var(--pl-ink);border-radius:12px;border-top-width:12px;padding:16px 18px}
.spl-grupp:nth-child(1){border-top-color:var(--pl-rod)}.spl-grupp:nth-child(2){border-top-color:var(--pl-gron)}.spl-grupp:nth-child(3){border-top-color:var(--pl-bla)}
.spl-grupp h3{font-size:21px;font-weight:800;margin:0 0 8px}
.spl-grupp ul{list-style:none;margin:0;padding:0;columns:1}
.spl-grupp li{border-bottom:1px dashed var(--pl-linje)}
.spl-grupp a{display:block;padding:6px 0;color:var(--pl-ink);text-decoration:none;font-size:16px;line-height:1.3}
.spl-grupp a:hover{color:var(--pl-rod-m);text-decoration:underline}
.spl-senaste,.spl-nara{max-width:var(--pl-bredd);margin:40px auto;padding:0 20px}
.spl-kort{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;list-style:none;margin:0;padding:0}
.spl-kort li{background:var(--pl-ark);border:2px solid var(--pl-ink);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}
.spl-kort li:hover{transform:translate(-2px,-2px);box-shadow:var(--pl-skugga)}
.spl-kort li:nth-child(4n+1){border-bottom:8px solid var(--pl-rod)}.spl-kort li:nth-child(4n+2){border-bottom:8px solid var(--pl-gul)}.spl-kort li:nth-child(4n+3){border-bottom:8px solid var(--pl-gron)}.spl-kort li:nth-child(4n+4){border-bottom:8px solid var(--pl-bla)}
.spl-kort img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:2px solid var(--pl-ink)}
.spl-kort .spl-k{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.spl-kort h3{font-size:19px;font-weight:800;margin:0}
.spl-kort h3 a{color:var(--pl-ink);text-decoration:none}
.spl-kort h3 a::after{content:"";position:absolute;inset:0}
.spl-kort li{position:relative}
.spl-kort p{margin:0;font-size:15px;color:#2c3550;line-height:1.5}
.spl-lista{max-width:var(--pl-bredd);margin:30px auto;padding:0 20px}
.spl-lista>h1{font-size:clamp(28px,4vw,44px);font-weight:800}
.spl-sidnav{margin:26px 0;display:flex;gap:8px;flex-wrap:wrap}
.spl-sidnav .page-numbers{padding:6px 12px;border:2px solid var(--pl-ink);border-radius:6px;background:var(--pl-ark);text-decoration:none;color:var(--pl-ink);font-weight:700}
.spl-sidnav .current{background:var(--pl-gul)}
.spl-fot{background:var(--pl-ink);color:#e9e2d0;margin-top:60px;padding:40px 0 26px;font-size:16px}
.spl-fot a{color:#ffd978}
.spl-fot .spl-ram{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}
.spl-fot h2{font-size:18px;color:#fff;margin:0 0 10px}
.spl-fot ul{list-style:none;margin:0;padding:0}
.spl-fot li{margin:0 0 6px}
.spl-slump{background:#252d48;border:2px solid #4a5478;border-radius:12px;padding:16px}
.spl-slump .spl-knapp{margin:6px 0 10px}
.spl-slump p{margin:0;font-size:15.5px}
.spl-botten{grid-column:1/-1;border-top:1px solid #4a5478;padding-top:16px;font-size:14px;color:#b9b3a3}
.spl-404{text-align:center}
.spl-sok{display:flex;gap:8px;max-width:460px;margin:18px auto}
.spl-sok input[type=search]{flex:1;font:inherit;padding:9px 12px;border:2px solid var(--pl-ink);border-radius:7px}
@media(max-width:1040px){
.spl-menyknapp{display:block}
.spl-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--pl-ark);border-bottom:2px solid var(--pl-ink);padding:10px 20px 16px;max-height:75vh;overflow:auto}
.spl-nav.spl-oppen{display:block}
.spl-nav ul{flex-direction:column}
.spl-nav .sub-menu{display:flex;position:static;border:0;box-shadow:none;padding:0 0 0 14px;min-width:0;background:none}
.spl-topp .spl-ram{position:static}
.spl-topp{position:sticky}
}
@media(max-width:782px){.admin-bar .spl-topp{top:46px}.admin-bar .spl-led{top:114px}}
@media(max-width:700px){
body{font-size:17px}
.spl-logo{font-size:18px}.spl-logo svg{width:32px;height:32px}
.spl-ark{margin:18px 10px;padding:22px 18px 28px;border-radius:12px}
.spl .spl-text[class][class]{font-size:17px}
.spl-fot .spl-ram{grid-template-columns:1fr}
.spl-verktyg{padding:16px 14px}
.spl .spl-text[class][class] table{display:block;overflow-x:auto;max-width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important}}

/* Innehållets formatmallar (spo-klasserna). Låg tidigare som Extra CSS under det gamla temat. */
:root{
--spo-brand: #328d25;
--spo-brand-dark: #1f5918;
--spo-brand-soft: #edf7eb;
--spo-on-brand: #fff;
--spo-text: #1a2230;
--spo-muted: #5b6675;
--spo-border: #e2e8f0;
--spo-surface: #ffffff;
--spo-surface-alt: #f7f9fb;
--spo-radius: 12px;
--spo-radius-sm: 8px;
--spo-maxw: 860px;
--spo-info: #0056b3; --spo-info-bg: #f0f7ff; --spo-info-tx: #003366;
--spo-warn: #d9534f; --spo-warn-bg: #fff5f5; --spo-warn-tx: #912d2b;
--spo-ok: #28a745; --spo-ok-bg: #f0fdf4; --spo-ok-tx: #166534;
--spo-tip: #198754; --spo-tip-bg: #ecfdf3; --spo-tip-tx: #14532d;
--spo-note: #f59e0b; --spo-note-bg: #fff8e1; --spo-note-tx: #78350f;
--spo-mark: "›";
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(
.spo-intro,.spo-korthet,.spo-snabbfakta,.spo-info,.spo-warn,.spo-tip,.spo-note,
.spo-pris,.spo-kort,.spo-pros,.spo-cons,.spo-steg,.spo-checklista,.spo-faq,
.spo-forfattare,.spo-affiliate,.spo-disclaimer,.spo-kallor,
.spo-tabell,.spo-granskad,.spo-relaterat,.spo-krysslista,.spo-tidslinje,.spo-svg-wrap
){ box-sizing:border-box; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-intro{
font-size:1.12em; line-height:1.6; color:var(--spo-text);
font-weight:600; margin:0 0 1.4em;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-korthet{
background:var(--spo-brand-soft); border-left:5px solid var(--spo-brand);
border-radius:var(--spo-radius); padding:18px 22px; margin:22px 0;
max-width:var(--spo-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-korthet strong:first-child{
display:block; color:var(--spo-brand-dark); font-size:1.05em; margin-bottom:6px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-korthet p{ margin:0; line-height:1.6; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-snabbfakta{
background:var(--spo-surface-alt); border:1px solid var(--spo-border);
border-radius:var(--spo-radius); padding:18px 22px; margin:22px 0;
max-width:var(--spo-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-snabbfakta strong:first-child{
display:block; color:var(--spo-brand-dark); margin-bottom:8px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-snabbfakta ul{ margin:0; padding-left:0; list-style:none; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-snabbfakta li{
position:relative; padding:5px 0 5px 36px; margin-left:0; line-height:1.5; border-bottom:1px solid var(--spo-border);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-snabbfakta li:last-child{ border-bottom:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-snabbfakta li::before{
content:var(--spo-mark); position:absolute; left:0; top:5px; width:28px; text-align:right; color:var(--spo-brand); font-weight:700;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-info,.spo-warn,.spo-tip,.spo-note){
border-radius:var(--spo-radius); padding:16px 22px; margin:20px 0;
max-width:var(--spo-maxw); line-height:1.6;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-info,.spo-warn,.spo-tip,.spo-note) > strong:first-child,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-info,.spo-warn,.spo-tip,.spo-note) .spo-box-titel{
display:block; font-weight:700; margin-bottom:6px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-info,.spo-warn,.spo-tip,.spo-note) p{ margin:0 0 .5em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-info,.spo-warn,.spo-tip,.spo-note) p:last-child{ margin:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-info{ background:var(--spo-info-bg); border-left:5px solid var(--spo-info); color:var(--spo-info-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-warn{ background:var(--spo-warn-bg); border-left:5px solid var(--spo-warn); color:var(--spo-warn-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tip{ background:var(--spo-tip-bg); border-left:5px solid var(--spo-tip); color:var(--spo-tip-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-note{ background:var(--spo-note-bg); border-left:5px solid var(--spo-note); color:var(--spo-note-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-etikett{
display:block; width:fit-content; max-width:100%; background:var(--spo-warn); color:#fff;
font-size:.72em; font-weight:700; letter-spacing:.04em; padding:3px 10px; margin:0 0 8px;
border-radius:var(--spo-etikett-radius,12px); text-transform:var(--spo-etikett-transform,none);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pris{
border:1px solid var(--spo-border); border-radius:var(--spo-radius);
overflow:hidden; margin:22px 0; max-width:100%; background:var(--spo-surface);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pris-topp{
background:var(--spo-brand); color:var(--spo-on-brand); padding:16px 20px;
display:flex; flex-direction:column; gap:2px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pris-label{ font-size:.85em; opacity:.85; text-transform:uppercase; letter-spacing:.04em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pris-belopp{ font-size:1.6em; font-weight:800; line-height:1.1; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pris-rad{
display:flex; justify-content:space-between; gap:12px; padding:10px 20px;
border-top:1px solid var(--spo-border);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pris-rad span:last-child{ font-weight:600; color:var(--spo-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-kort-grid{
display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:14px; margin:22px 0;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-kort{
background:var(--spo-surface); border:1px solid var(--spo-border);
border-top:3px solid var(--spo-brand); border-radius:var(--spo-radius-sm);
padding:16px 18px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-kort h3,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-kort h4{ margin:0 0 6px; font-size:1.05em; color:var(--spo-brand-dark); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-kort p{ margin:0; line-height:1.55; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pros-cons{
display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:22px 0;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-pros,.spo-cons){
border-radius:var(--spo-radius-sm); padding:16px 18px 16px 20px; border:1px solid var(--spo-border);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pros{ background:var(--spo-ok-bg); border-left:5px solid var(--spo-ok); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-cons{ background:var(--spo-warn-bg); border-left:5px solid var(--spo-warn); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-pros,.spo-cons) > strong:first-child{ display:block; margin-bottom:8px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pros > strong:first-child{ color:var(--spo-ok-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-cons > strong:first-child{ color:var(--spo-warn-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-pros,.spo-cons) ul{ margin:0; padding-left:0; list-style:none; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-pros,.spo-cons) li{ position:relative; padding:4px 0 4px 30px; margin-left:0; line-height:1.5; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-pros,.spo-cons) li::before{ position:absolute; left:2px; top:4px; width:22px; text-align:left; font-weight:700; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pros li::before{ content:"✓"; color:var(--spo-ok); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-cons li::before{ content:"✕"; color:var(--spo-warn); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ol.spo-steg{ counter-reset:fs; list-style:none; padding:0; margin:22px 0; max-width:var(--spo-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ol.spo-steg li{
counter-increment:fs; position:relative; padding:12px 16px 12px 56px; margin-bottom:10px;
background:var(--spo-surface); border:1px solid var(--spo-border); border-radius:var(--spo-radius-sm); line-height:1.5;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ol.spo-steg li::before{
content:counter(fs); position:absolute; left:14px; top:50%; transform:translateY(-50%);
width:28px; height:28px; background:var(--spo-brand); color:var(--spo-on-brand);
border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.9em;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ul.spo-checklista{ list-style:none; padding:0; margin:18px 0; max-width:var(--spo-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ul.spo-checklista li{ position:relative; padding:6px 0 6px 30px; line-height:1.55; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ul.spo-checklista li::before{
content:"✓"; position:absolute; left:0; top:6px; width:20px; height:20px; background:var(--spo-ok-bg);
color:var(--spo-ok); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.8em; font-weight:700;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:22px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell table{
width:100%; min-width:560px; border-collapse:collapse; background:var(--spo-surface);
border:1px solid var(--spo-border);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell thead tr{ background:var(--spo-brand); color:var(--spo-on-brand); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell th{ text-align:left; font-weight:600; padding:11px 13px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell td{ padding:11px 13px; border-top:1px solid var(--spo-border); line-height:1.45; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell tbody tr:nth-child(even){ background:var(--spo-surface-alt); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-faq{ margin:22px 0; max-width:var(--spo-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-faq h3{
font-weight:700; font-size:1.1em; color:var(--spo-brand-dark); margin:0; padding:14px 0 6px; border-top:1px solid var(--spo-border); line-height:1.3;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-faq h3:first-child{ border-top:0; padding-top:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-faq p{ margin:0 0 6px; line-height:1.6; color:var(--spo-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-faq dt{ font-weight:700; color:var(--spo-brand-dark); padding:14px 0 6px; border-top:1px solid var(--spo-border); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-faq dt:first-child{ border-top:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-faq dd{ margin:0 0 6px; line-height:1.6; color:var(--spo-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-forfattare{
background:var(--spo-surface-alt); border:1px solid var(--spo-border);
border-radius:var(--spo-radius); padding:22px 26px; margin:24px 0; max-width:var(--spo-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-forfattare h3{ margin:0 0 4px; font-size:1.2em; color:var(--spo-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-forfattare .spo-roll{ color:var(--spo-brand); font-weight:600; font-size:.9em; margin-bottom:10px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-forfattare p{ margin:0 0 .6em; color:var(--spo-muted); line-height:1.6; font-size:.95em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-granskad{
background:var(--spo-ok-bg); border-left:5px solid var(--spo-ok); border-radius:var(--spo-radius-sm);
padding:12px 18px; margin:16px 0; font-size:.9em; color:var(--spo-ok-tx); line-height:1.5; max-width:var(--spo-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-affiliate,.spo-disclaimer){
border-radius:var(--spo-radius-sm); padding:12px 18px; margin:14px 0; font-size:.8em;
line-height:1.5; font-style:italic; max-width:var(--spo-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-affiliate{ background:#fafafa; border-left:3px solid #cbd5e1; color:#6b7280; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-disclaimer{ background:var(--spo-note-bg); border-left:3px solid var(--spo-note); color:var(--spo-note-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-affiliate,.spo-disclaimer) strong{ font-style:normal; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-kallor{
background:var(--spo-surface-alt); border:1px solid var(--spo-border); border-radius:var(--spo-radius);
padding:18px 24px; margin:24px 0; max-width:var(--spo-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-kallor h2{ font-size:1.1em; margin:0 0 10px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-kallor ul{ margin:0; padding-left:18px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-kallor li{ font-size:.88em; color:var(--spo-muted); line-height:1.5; margin-bottom:4px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-kallor p{ font-size:.88em; color:var(--spo-muted); line-height:1.5; margin:0 0 8px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-relaterat{ margin:22px 0; max-width:var(--spo-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-relaterat-rad{
display:flex; align-items:center; justify-content:space-between; gap:14px;
padding:15px 0; border-bottom:1px solid var(--spo-border);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-relaterat-rad:last-child{ border-bottom:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-relaterat-titel{ font-size:1.02em; color:var(--spo-text); margin-bottom:2px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-relaterat-text{ font-size:.88em; color:var(--spo-muted); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-cta{
white-space:nowrap; border:1px solid var(--spo-brand); color:var(--spo-brand);
font-weight:600; font-size:.88em; padding:8px 16px; border-radius:var(--spo-radius-sm);
text-decoration:none; display:inline-block;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-cta:hover{ background:var(--spo-brand); color:var(--spo-on-brand); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ul.spo-krysslista{ list-style:none; padding:0; margin:18px 0; max-width:var(--spo-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ul.spo-krysslista li{ position:relative; padding:6px 0 6px 30px; line-height:1.55; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ul.spo-krysslista li::before{
content:"✕"; position:absolute; left:0; top:6px; width:20px; height:20px; background:var(--spo-warn-bg);
color:var(--spo-warn); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.8em; font-weight:700;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tidslinje{ position:relative; margin:22px 0; padding-left:26px; max-width:var(--spo-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tidslinje::before{ content:""; position:absolute; left:7px; top:6px; bottom:6px; width:2px; background:var(--spo-border); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tidslinje-item{ position:relative; padding:0 0 16px 4px; line-height:1.55; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tidslinje-item:last-child{ padding-bottom:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tidslinje-item::before{
content:""; position:absolute; left:-26px; top:5px; width:11px; height:11px; border-radius:50%;
background:var(--spo-brand); box-shadow:0 0 0 3px var(--spo-surface);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tidslinje-item strong{ color:var(--spo-brand-dark); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-badge{
display:inline-block; font-size:.74em; font-weight:700; letter-spacing:.02em; padding:2px 9px;
border-radius:11px; background:var(--spo-brand-soft); color:var(--spo-brand-dark); vertical-align:middle;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-badge-green,.spo-badge-yes){ background:var(--spo-ok-bg); color:var(--spo-ok-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-badge-red,.spo-badge-no){ background:var(--spo-warn-bg); color:var(--spo-warn-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-badge-yellow{ background:var(--spo-note-bg); color:var(--spo-note-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-svg-wrap{ margin:22px 0; text-align:center; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-svg-wrap svg{ max-width:380px; width:100%; height:auto; }

:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-nyckeltal{
display:flex; flex-direction:column; align-items:flex-start; gap:2px; margin:24px 0;
padding:18px 22px; background:var(--spo-brand-soft); border-left:var(--spo-accent-w,4px) solid var(--spo-brand);
border-radius:var(--spo-radius,12px); max-width:var(--spo-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-nyckeltal-tal{
font-size:2.4em; font-weight:800; line-height:1; color:var(--spo-brand-dark);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-nyckeltal-etikett{
font-size:.78em; font-weight:700; letter-spacing:.04em; color:var(--spo-brand-dark);
text-transform:var(--spo-etikett-transform,none);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-nyckeltal-kontext{ font-size:.92em; color:var(--spo-muted); line-height:1.5; }

:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-begrepp{
margin:22px 0; padding:14px 18px; background:var(--spo-info-bg); border:1px solid var(--spo-info-bd,var(--spo-info-tx));
border-radius:var(--spo-radius-sm,10px); max-width:var(--spo-maxw); line-height:1.55;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-begrepp-term{
display:block; font-weight:700; color:var(--spo-info-tx); margin-bottom:3px;
}

:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome{
margin:24px 0; padding:0; border:1px solid var(--spo-border); border-radius:var(--spo-radius,12px);
overflow:hidden; background:var(--spo-surface); max-width:var(--spo-maxw); box-shadow:var(--spo-shadow, 0 1px 2px rgba(0,0,0,.04));
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome-topp{
display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap;
padding:14px 18px; background:var(--spo-brand); color:var(--spo-on-brand);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome-titel{ font-weight:800; font-size:1.1em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome-betyg{ font-weight:800; font-size:1.25em; white-space:nowrap; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome-stjarnor{ color:#f5b301; letter-spacing:2px; font-size:1.05em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome-kropp{ padding:14px 18px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome-bast{
display:block; font-size:.82em; font-weight:700; letter-spacing:.03em; color:var(--spo-brand-dark);
text-transform:var(--spo-etikett-transform,none); margin-bottom:8px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome-listor{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:10px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome-listor ul{ list-style:none; margin:0; padding:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome-listor li{ position:relative; padding:4px 0 4px 30px; margin-left:0; line-height:1.5; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome-plus li::before{ content:"+"; position:absolute; left:2px; top:4px; width:22px; text-align:left; font-weight:800; color:var(--spo-ok-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome-minus li::before{ content:"\2212"; position:absolute; left:2px; top:4px; width:22px; text-align:left; font-weight:800; color:var(--spo-warn-tx); }

:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-passar{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:24px 0; max-width:var(--spo-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-passar-ja,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-passar-nej{ padding:16px 18px; border-radius:var(--spo-radius-sm,10px); border:1px solid var(--spo-border); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-passar-ja{ background:var(--spo-ok-bg); border-color:var(--spo-ok-bd,var(--spo-border)); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-passar-nej{ background:var(--spo-warn-bg); border-color:var(--spo-warn-bd,var(--spo-border)); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-passar strong{ display:block; margin-bottom:8px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-passar ul{ list-style:none; margin:0; padding:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-passar li{ position:relative; padding:4px 0 4px 30px; margin-left:0; line-height:1.5; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-passar-ja li::before{ content:"\2713"; position:absolute; left:2px; top:4px; width:22px; text-align:left; font-weight:800; color:var(--spo-ok-tx); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-passar-nej li::before{ content:"\2715"; position:absolute; left:2px; top:4px; width:22px; text-align:left; font-weight:800; color:var(--spo-warn-tx); }

:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.spo-fall{
margin:18px 0; border:1px solid var(--spo-border); border-radius:var(--spo-radius-sm,10px);
background:var(--spo-surface); max-width:var(--spo-maxw); overflow:hidden;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.spo-fall>summary{
cursor:pointer; padding:13px 18px; font-weight:700; color:var(--spo-brand-dark);
list-style:none; display:flex; justify-content:space-between; align-items:center; gap:10px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.spo-fall>summary::-webkit-details-marker{ display:none; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.spo-fall>summary::after{ content:"+"; font-size:1.3em; font-weight:800; color:var(--spo-muted); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.spo-fall[open]>summary::after{ content:"\2212"; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.spo-fall>summary+*{ margin-top:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.spo-fall :is(p,ul,ol,div){ padding:0 18px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] details.spo-fall>*:last-child{ padding-bottom:14px; }
@media (max-width:680px){
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-omdome-listor{ grid-template-columns:1fr; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-passar{ grid-template-columns:1fr; }

:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pros-cons{ grid-template-columns:1fr; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-relaterat-rad{ flex-direction:column; align-items:flex-start; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pris{ max-width:100%; }
}
@media (max-width:600px){
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell{ overflow:visible; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell table{ min-width:0; border:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell table{ display:block; width:100%; border-collapse:separate; border-spacing:0; background:none; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell tbody{ display:block; width:100%; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell tbody tr{ width:100%; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell thead{ display:none; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell tbody tr{
display:block; margin:0 0 14px; border:1px solid var(--spo-border);
border-radius:var(--spo-radius-sm); overflow:hidden; background:var(--spo-surface);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell tbody tr:nth-child(even){ background:var(--spo-surface); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell td{
display:block; padding:10px 14px; border-top:1px solid var(--spo-border);
text-align:left; line-height:1.5; overflow-wrap:anywhere;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell td::before{
content:attr(data-label); display:block; font-weight:600; color:var(--spo-muted);
text-align:left; font-size:.82em; letter-spacing:.02em; margin-bottom:2px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell td:first-child{
text-align:left; background:var(--spo-brand); color:var(--spo-on-brand);
font-weight:700; border-top:0;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell td:first-child::before{ content:none; }
}

:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="spo-"]){
width:100%; border-collapse:collapse; margin:22px 0; background:var(--spo-surface);
border:1px solid var(--spo-border); font-size:.96em; border-radius:var(--spo-radius-sm); overflow:hidden;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="spo-"]) thead tr,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="spo-"]):not(:has(thead)) tr:first-child{ background:var(--spo-brand); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="spo-"]) thead th,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="spo-"]) thead td,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="spo-"]):not(:has(thead)) tr:first-child th,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="spo-"]):not(:has(thead)) tr:first-child td{
text-align:left; font-weight:600; padding:11px 13px; border:0; color:#ffffff !important; background:transparent;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="spo-"]) td{ padding:10px 13px; border-top:1px solid var(--spo-border); line-height:1.5; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="spo-"]) tbody tr:nth-child(even){ background:var(--spo-surface-alt); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tabell table{ border-radius:0; overflow:visible; margin:0; font-size:inherit; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .wp-block-table{ overflow-x:auto; -webkit-overflow-scrolling:touch; margin:22px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .wp-block-table table{ margin:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ul:not([class*="spo-"]):not([class*="spo-"] *),
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ol:not([class*="spo-"]):not([class*="spo-"] *){ padding-left:24px; margin:14px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ul:not([class*="spo-"]):not([class*="spo-"] *) li,
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ol:not([class*="spo-"]):not([class*="spo-"] *) li{ padding:3px 0 3px 4px; line-height:1.6; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ul:not([class*="spo-"]):not([class*="spo-"] *) li::marker{ color:var(--spo-brand); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] ol:not([class*="spo-"]):not([class*="spo-"] *) li::marker{ color:var(--spo-brand); font-weight:700; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-info,.spo-warn,.spo-tip,.spo-note,.spo-korthet) ul:not([class*="spo-"]),
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-info,.spo-warn,.spo-tip,.spo-note,.spo-korthet) ol:not([class*="spo-"]){ padding-left:22px; margin:8px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] blockquote:not([class*="spo-"]){
margin:22px 0; padding:14px 22px; background:var(--spo-surface-alt); border-left:4px solid var(--spo-brand);
border-radius:var(--spo-radius-sm); font-style:italic; color:var(--spo-text); max-width:var(--spo-maxw);
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] blockquote:not([class*="spo-"]) p{ margin:0 0 .5em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] blockquote:not([class*="spo-"]) p:last-child{ margin:0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] blockquote:not([class*="spo-"]) cite{ display:block; margin-top:8px; font-size:.88em; color:var(--spo-muted); font-style:normal; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] img:not([class*="spo-"]){ border-radius:var(--spo-radius-sm); max-width:100%; height:auto; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] figure{ margin:22px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] figcaption{ margin-top:8px; font-size:.86em; color:var(--spo-muted); text-align:center; line-height:1.5; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] a:not(.spo-cta):not([class*="button"]):not(.wp-block-button__link){
color:var(--spo-brand); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:2px;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] a:not(.spo-cta):not([class*="button"]):not(.wp-block-button__link):hover{ color:var(--spo-brand-dark); text-decoration-thickness:2px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-pris-topp,.spo-omdome-topp,.spo-tabell thead,.spo-tabell td:first-child,table:not([class*="spo-"]) thead) a:not(.spo-cta):not([class*="button"]):not(.wp-block-button__link){ color:var(--spo-on-brand); text-decoration:underline; text-decoration-thickness:1.5px; text-underline-offset:3px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-pris-topp,.spo-omdome-topp,.spo-tabell thead,.spo-tabell td:first-child,table:not([class*="spo-"]) thead) a:not(.spo-cta):not([class*="button"]):not(.wp-block-button__link):hover{ color:var(--spo-brand-soft); text-decoration-thickness:2px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] h2:not([class*="spo-"]):not([class*="spo-"] *){ margin:2em 0 .6em; font-size:1.55em; line-height:1.25; color:var(--spo-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] h3:not([class*="spo-"]):not([class*="spo-"] *){ margin:1.6em 0 .5em; font-size:1.25em; line-height:1.3; color:var(--spo-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] h4:not([class*="spo-"]):not([class*="spo-"] *){ margin:1.4em 0 .4em; font-size:1.08em; line-height:1.35; color:var(--spo-text); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] code:not([class*="spo-"]){ background:var(--spo-surface-alt); padding:1px 6px; border-radius:4px; font-size:.92em; color:var(--spo-brand-dark); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] pre:not([class*="spo-"]){ background:var(--spo-surface-alt); border:1px solid var(--spo-border); border-radius:var(--spo-radius-sm); padding:14px 18px; overflow-x:auto; margin:18px 0; line-height:1.5; font-size:.92em; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] pre:not([class*="spo-"]) code{ background:none; padding:0; color:inherit; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] hr:not([class*="spo-"]){ border:0; border-top:1px solid var(--spo-border); margin:32px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] dl:not([class*="spo-"]){ margin:18px 0; max-width:var(--spo-maxw); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] dl:not([class*="spo-"]) dt{ font-weight:700; color:var(--spo-brand-dark); margin-top:10px; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] dl:not([class*="spo-"]) dd{ margin:0 0 6px 16px; line-height:1.6; }
@media (max-width:600px){
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] table:not([class*="spo-"]):not(.wp-block-table table){ display:block; overflow-x:auto; -webkit-overflow-scrolling:touch; }
}

:root{
  --spo-etikett-radius: 2px; --spo-etikett-transform: uppercase;
  --spo-radius: 4px;
  --spo-radius-sm: 3px;
  --spo-head-weight: 700;
  --spo-head-tracking: -0.02em;
  --spo-body-line: 1.65;
  --spo-accent-w: 3px;
  --spo-shadow: none;
}

:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(h2,h3,h4){ font-weight: var(--spo-head-weight); letter-spacing: var(--spo-head-tracking); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] p{ line-height: var(--spo-body-line); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-korthet,.spo-snabbfakta,.spo-info,.spo-warn,.spo-tip,.spo-note,.spo-pris,.spo-forfattare,.spo-kallor,.spo-disclaimer,.spo-affiliate,.spo-granskad){ border-radius: var(--spo-radius); box-shadow: var(--spo-shadow); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-kort,.spo-pros,.spo-cons,.spo-pris,.spo-tabell tbody tr){ border-radius: var(--spo-radius-sm); }

:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-korthet,.spo-info,.spo-warn,.spo-tip,.spo-note){ border-left:0; border-top:var(--spo-accent-w) solid; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-korthet{ border-top-color:var(--spo-brand); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-info{ border-top-color:var(--spo-info); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-warn{ border-top-color:var(--spo-warn); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-tip{ border-top-color:var(--spo-tip); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-note{ border-top-color:var(--spo-note); }

:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(.spo-korthet,.spo-snabbfakta,.spo-info,.spo-warn,.spo-tip,.spo-note){ padding:22px 26px; margin:26px 0; }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pris-rad{ padding:13px 22px; }

:root{
  --spo-head-font: Bahnschrift, "DIN Alternate", "Franklin Gothic Medium", "Nimbus Sans Narrow", "Arial Narrow", sans-serif-condensed, "Segoe UI", sans-serif;
  --spo-body-font: Bahnschrift, "DIN Alternate", "Franklin Gothic Medium", "Nimbus Sans Narrow", "Arial Narrow", sans-serif-condensed, "Segoe UI", sans-serif;
}
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] { font-family: var(--spo-body-font); }
:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] :is(h2,h3,h4){ font-family: var(--spo-head-font); }
:root{
--spo-info:#0b6e75; --spo-info-bg:#e9f4f5; --spo-info-tx:#07474c;
--spo-warn:#b84a3e; --spo-warn-bg:#fbf0ee; --spo-warn-tx:#76281f;
--spo-ok:#2f855a; --spo-ok-bg:#edf6f1; --spo-ok-tx:#1f5a3d;
--spo-tip:#0b8f7a; --spo-tip-bg:#e9f6f3; --spo-tip-tx:#075f51;
--spo-note:#b07d12; --spo-note-bg:#f7f1e0; --spo-note-tx:#5e4309;
--spo-surface-alt:#f2f8f8; --spo-border:#dbe7e7;
--spo-mark:"●";
}

:is(.entry,.entry-content,.post-content,.wp-block-post-content)[class][class] .spo-pris-label{ text-transform:uppercase; letter-spacing:.08em; }