/* ==========================================================================
   betlabelsweden.com — satellitwebbplats för BetLabel i Sverige (en-SE)
   Sidhuvud, menyer, sidospalter och sidfot följer betlbl.com (mörkt gränssnitt, varumärkets gröna färg);
   innehållet använder temat "Nordisk" med den svenska flaggans blå och gula färger.
   ========================================================================== */
@font-face{font-family:'Roboto';font-style:normal;font-weight:400 900;font-display:swap;src:url(../typsnitt/roboto-utokad.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400 900;font-display:swap;src:url(../typsnitt/roboto-grund.woff2) format('woff2');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:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../typsnitt/roboto-smal-utokad.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(../typsnitt/roboto-smal-grund.woff2) format('woff2');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}
:root{
  --bakgrund:#121317;
  --panel:#16181d;
  --panel2:#1b1e24;
  --post:#23272e;
  --post2:#2d323b;
  --linje:#2a2f37;
  --text:#ffffff;
  --brodtext:#d9dbde;
  --dampad:#bebfc1;
  --dampad2:#8d9096;
  --gron:#4ca421;
  --gron-ljus:#5dbd2c;
  --gron-mork:#3b8517;
  --guld:#ffc83d;
  --mynta:#eef6ea;
  
  --se-bla:#006aa7;
  --se-bla-ljus:#3d9be0;
  --se-bla-mork:#004b7a;
  --se-gul:#fecc02;
  --se-gul-ljus:#ffd84a;
  
  --yta:#151a21;
  --yta2:#1a2029;
  --kant:#27313d;
  --radie:8px;
  --radie-s:12px;
  --radie-xl:18px;
  --sidhuvud-hojd:60px;
  --bredd:1600px;
  --typsnitt:'Roboto',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --typsnitt-smal:'Roboto Condensed','Roboto',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--sidhuvud-hojd) + 12px)}
body{margin:0;background:var(--bakgrund);color:var(--text);font:400 16px/1.6 var(--typsnitt);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--gron-ljus);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.2;margin:0 0 .6em;font-weight:700}
p{margin:0 0 1em}
strong,b{font-weight:700}
button{font:inherit}
:focus-visible{outline:2px solid var(--gron-ljus);outline-offset:2px}
.ikon{width:1em;height:1em;fill:currentColor;flex:none}
.utlank{cursor:pointer;-webkit-user-select:none;user-select:none}
.hoppa{position:absolute;left:-9999px;top:8px;z-index:200;padding:10px 16px;border-radius:var(--radie);background:var(--gron);color:#fff}
.hoppa:focus{left:8px}
.knapp{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border:0;border-radius:var(--radie);font:500 14px/1 var(--typsnitt);text-transform:uppercase;letter-spacing:.02em;color:#fff;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .2s,box-shadow .2s,transform .2s}
.knapp:hover{text-decoration:none}
.knapp .ikon{width:16px;height:16px}
.knapp--gron{background:var(--gron)}
.knapp--gron:hover{background:var(--gron-ljus)}
.knapp--mork{background:var(--post)}
.knapp--mork:hover{background:var(--post2)}
.knapp--gra{background:#6b6e75}
.knapp--gra:hover{background:#7a7d85}
.knapp--bla{background:var(--se-bla);color:var(--se-gul);font-weight:700;box-shadow:inset 0 0 0 1px rgba(254,204,2,.35)}
.knapp--bla:hover{background:#0a7cc2;box-shadow:inset 0 0 0 1px rgba(254,204,2,.6),0 8px 22px rgba(0,106,167,.35)}
.knapp--stor{height:48px;padding:0 28px;font-size:15px}
.knapp--liten{height:32px;padding:0 14px;font-size:12px}
.knapp--hel{display:flex;width:100%}
.knapp--gron.knapp--stor:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(76,164,33,.35)}
.knapp--bla.knapp--stor:hover{transform:translateY(-1px)}
.sidhuvud{position:sticky;top:0;z-index:50;background:var(--bakgrund);box-shadow:0 1px 0 rgba(255,255,255,.04)}
.flaggrand{height:4px;background:linear-gradient(90deg,var(--se-bla) 0 32%,var(--se-gul) 32% 44%,var(--se-bla) 44% 100%)}
.sidhuvud-rad{display:flex;align-items:center;gap:12px;height:56px;max-width:var(--bredd);margin:0 auto;padding:0 8px}
.logga{display:flex;align-items:center;flex:none}
.logga img{height:40px;width:auto}
.flagga{display:block;width:30px;height:20px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.flagga--liten{width:21px;height:14px;border-radius:2px}
.sidhuvud-atgarder{margin-left:auto;display:flex;align-items:center;gap:8px}
.ikonknapp{position:relative;height:32px;min-width:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:var(--radie);background:var(--post);color:#fff;transition:background-color .2s}
.ikonknapp:hover{background:var(--post2);text-decoration:none}
.ikonknapp .ikon{width:16px;height:16px}
.ikonknapp--gava{margin-right:6px}
.raknare{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--gron);font:700 10px/16px var(--typsnitt);text-align:center;color:#fff}
.ikon-pil{width:10px!important;height:6px!important}
.sidhuvud-land{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:0;border-radius:var(--radie);background:var(--post);color:#fff;font:500 13px/1 var(--typsnitt);white-space:nowrap;cursor:pointer;transition:background-color .2s,box-shadow .2s}
.sidhuvud-land:hover{background:var(--post2)}
.sidhuvud-land[aria-expanded="true"]{box-shadow:inset 0 0 0 1px var(--gron)}
.knapp--sidhuvud{height:32px;padding:0 16px;font-size:14px}
.menyknapp{display:none;place-items:center;width:40px;height:40px;border:0;border-radius:var(--radie);background:var(--post);color:#fff;cursor:pointer}
.menyknapp .ikon{width:22px;height:22px}
.huvudmeny{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:2px}
.meny-lank{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:var(--radie);color:#fff;font:700 15px/1 var(--typsnitt-smal);text-transform:uppercase;letter-spacing:.02em;transition:background-color .2s}
.meny-lank .ikon{width:16px;height:16px;color:var(--gron)}
.meny-lank:hover{background:var(--post);text-decoration:none}
.meny-lank.aktiv{background:var(--post);box-shadow:inset 0 -2px 0 var(--gron)}
.mobilmeny{position:fixed;inset:0;z-index:100;visibility:hidden;transition:visibility 0s .25s}
.mobilmeny.oppen{visibility:visible;transition:none}
.mobilmeny-tacke{position:absolute;inset:0;background:rgba(0,0,0,.62);opacity:0;transition:opacity .25s}
.mobilmeny.oppen .mobilmeny-tacke{opacity:1}
.mobilmeny-panel{position:absolute;top:0;right:0;bottom:0;width:min(86vw,360px);background:var(--panel);display:flex;flex-direction:column;gap:16px;padding:16px;transform:translateX(100%);transition:transform .25s ease;overflow-y:auto}
.mobilmeny.oppen .mobilmeny-panel{transform:none}
.mobilmeny-topp{display:flex;align-items:center;justify-content:space-between;gap:12px}
.logga--liten img{height:32px}
.mobilmeny-stang{width:40px;height:40px;border:0;border-radius:var(--radie);background:var(--post);color:#fff;display:grid;place-items:center;cursor:pointer}
.mobilmeny-stang .ikon{width:20px;height:20px}
.mobilmeny-lankar{display:grid;gap:6px}
.mobilmeny-lank{display:flex;align-items:center;gap:12px;height:52px;padding:0 16px;border-radius:var(--radie);background:var(--post);color:#fff;font:700 16px/1 var(--typsnitt-smal);text-transform:uppercase;letter-spacing:.02em}
.mobilmeny-lank:hover{text-decoration:none;background:var(--post2)}
.mobilmeny-lank .ikon:first-child{width:20px;height:20px;color:var(--gron)}
.mobilmeny-pil{margin-left:auto;width:8px!important;height:14px!important;opacity:.6}
.mobilmeny-lank.aktiv{background:var(--post2);box-shadow:inset 3px 0 0 var(--gron)}
.mobilmeny-knappar{display:grid;gap:8px}
.mobilmeny-land{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;border:0;border-radius:var(--radie);background:var(--post);color:#fff;font:500 15px/1.2 var(--typsnitt);text-align:left;cursor:pointer}
.mobilmeny-land:hover{background:var(--post2)}
.mobilmeny-not{margin:auto 0 0;display:flex;align-items:center;gap:10px;color:var(--dampad);font-size:13px}
.alder{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid #da291c;color:#fff;font-weight:700;font-size:12px;flex:none}
body.meny-oppen{overflow:hidden}
.land{position:fixed;inset:0;z-index:110;display:flex;justify-content:center;align-items:flex-start;padding:calc(var(--sidhuvud-hojd) + 16px) 16px 16px;visibility:hidden;transition:visibility 0s .2s}
.land.oppen{visibility:visible;transition:none}
.land-tacke{position:absolute;inset:0;background:rgba(0,0,0,.62);opacity:0;transition:opacity .2s}
.land.oppen .land-tacke{opacity:1}
.land-panel{position:relative;width:min(560px,100%);max-height:calc(100vh - var(--sidhuvud-hojd) - 32px);overflow-y:auto;background:var(--panel);border:1px solid var(--linje);border-radius:var(--radie-s);box-shadow:0 20px 60px rgba(0,0,0,.6);opacity:0;transform:translateY(-8px);transition:opacity .2s,transform .2s}
.land.oppen .land-panel{opacity:1;transform:none}
.land-topp{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--linje)}
.land-rubrik{display:flex;align-items:center;gap:10px;margin:0;font:700 16px/1.2 var(--typsnitt);text-transform:uppercase}
.land-rubrik .ikon{width:18px;height:18px;color:var(--gron)}
.land-stang{width:36px;height:36px;border:0;border-radius:var(--radie);background:var(--post);color:#fff;display:grid;place-items:center;cursor:pointer}
.land-stang:hover{background:var(--post2)}
.land-stang .ikon{width:18px;height:18px}
.land-lista{list-style:none;margin:0;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.land-val{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid transparent;border-radius:var(--radie);background:var(--post);color:#fff}
.land-val:hover{background:var(--post2);text-decoration:none}
.land-val.aktuell{border-color:var(--gron);background:rgba(76,164,33,.12)}
.land-flagga{width:30px;height:20px}
.land-namn{display:flex;flex-direction:column;gap:2px;font-weight:700;font-size:15px;line-height:1.2}
.land-namn small{font-weight:400;font-size:12px;color:var(--dampad)}
.land-bock{margin-left:auto;width:18px;height:18px;color:var(--gron)}
.land-pil{margin-left:auto;width:8px;height:14px;opacity:.6}
body.land-oppen{overflow:hidden}
.sidstruktur{display:grid;grid-template-columns:250px minmax(0,1fr) 280px;gap:8px;padding:8px;max-width:var(--bredd);margin:0 auto;align-items:start}
.huvudinnehall{min-width:0;display:flex;flex-direction:column;gap:8px}
.artikel{display:flex;flex-direction:column;gap:8px;min-width:0}
.kort{background:var(--panel);border-radius:var(--radie)}
.spalt{position:sticky;top:calc(var(--sidhuvud-hojd) + 8px);max-height:calc(100vh - var(--sidhuvud-hojd) - 16px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;gap:8px;border-radius:var(--radie)}
.spalt--hoger{max-height:calc(100vh - var(--sidhuvud-hojd) - 80px)}
.spalt::-webkit-scrollbar{display:none;width:0;height:0}
.spalt-innehall{display:flex;flex-direction:column;gap:8px}
.spalt-grupp{display:flex;flex-direction:column;gap:4px}
.spalt-post{display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;border-radius:var(--radie);background:var(--post);color:#fff;font-size:14px}
.spalt-post:hover{background:var(--post2);text-decoration:none}
.spalt-post .ikon:first-child{width:16px;height:16px}
.spalt-post .ikon-pil{margin-left:auto}
.spalt-panel{background:#f3f6f8;border-radius:var(--radie);overflow:hidden;color:#16181d}
.spalt-flikar{display:grid;grid-template-columns:1fr 1fr;background:var(--post)}
.spalt-flik{height:40px;border:0;background:transparent;color:var(--dampad);font:700 13px/1 var(--typsnitt-smal);text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}
.spalt-flik.aktiv{background:var(--panel);color:#fff}
.live-prick{width:8px;height:8px;border-radius:50%;background:var(--gron);box-shadow:0 0 0 3px rgba(76,164,33,.3)}
.spalt-rubrik{margin:0;padding:10px 12px 6px;font-size:13px;font-weight:500;color:#5a5e66;background:#e7ecef}
.spalt-lista{list-style:none;margin:0;padding:0}
.spalt-sport{display:flex;align-items:center;gap:10px;padding:7px 12px;color:#16181d;font-size:14px;border-top:1px solid #dfe4e8}
.spalt-sport:hover{background:#e3f1dc;text-decoration:none}
.spalt-sport .ikon:first-child{width:18px;height:18px;color:#23272e}
.spalt-sport .ikon-pil{margin-left:auto;opacity:.5}
.spalt-erbjudande{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:var(--radie);text-align:center;color:#fff;background:radial-gradient(90% 80% at 50% 0%,rgba(76,164,33,.35),transparent 70%),linear-gradient(160deg,#1c2a17,#16181d 70%)}
.spalt-erbjudande:hover{text-decoration:none}
.spalt-erbjudande-ikon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--gron)}
.spalt-erbjudande-ikon .ikon{width:22px;height:22px}
.spalt-erbjudande-text{font:700 15px/1.25 var(--typsnitt-smal);text-transform:uppercase}
.registrering{background:var(--mynta);color:#16181d;border-radius:var(--radie);padding:12px 12px 0;text-align:center;overflow:hidden}
.registrering-rubrik{font:700 17px/1.2 var(--typsnitt);text-transform:uppercase;margin:4px 0 10px}
.registrering-flik{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:var(--radie);background:var(--post);color:#fff;font-size:14px}
.registrering-flik:hover{text-decoration:none;background:var(--post2)}
.registrering-flik .ikon{width:16px;height:16px}
.registrering-underrubrik{font-weight:700;margin:10px 0 4px;font-size:15px}
.registrering-text{font-size:12px;line-height:1.35;margin:0 0 10px;color:#2a2d33}
.registrering-falt{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;margin-bottom:8px;border-radius:var(--radie);background:#fff;color:#8a8e95;font-size:13px;text-align:left;white-space:nowrap;overflow:hidden}
.registrering-falt:hover{text-decoration:none;box-shadow:inset 0 0 0 1px #b7d9a6}
.registrering-falt b{color:#1d2026;font-weight:500}
.registrering-falt--telefon{box-shadow:inset 0 0 0 1px var(--gron)}
.registrering-falt--telefon .ikon-pil{color:#1d2026}
.registrering-falt>.ikon-pil{margin-left:auto;color:#1d2026}
.registrering-falt--telefon>.ikon-pil{margin-left:0}
.registrering-falt--kod{padding-right:0}
.registrering-falt--kod i{margin-left:auto;height:100%;width:42px;display:grid;place-items:center;background:#6b6e75;color:#fff}
.registrering-falt--kod i .ikon{width:16px;height:16px}
.registrering .knapp{margin-bottom:8px}
.registrering-villkor{font-size:10px;line-height:1.35;color:#3a3d44;margin:0 0 10px}
.registrering-villkor a{color:var(--gron-mork);text-decoration:underline}
.registrering-bonus{margin:0 -12px;padding:11px 10px;background:var(--post);color:#fff;font:500 12px/1.2 var(--typsnitt);text-transform:uppercase}
.spelkupong{background:var(--panel);border-radius:var(--radie);overflow:hidden}
.spelkupong-flikar{display:grid;grid-template-columns:1fr 1fr}
.spelkupong-flik{padding:11px 8px;font-size:13px;color:var(--dampad);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--post)}
.spelkupong-flik:hover{color:#fff;text-decoration:none}
.spelkupong-flik.aktiv{background:var(--panel);color:#fff;font-weight:500}
.spelkupong-innehall{padding:18px 16px;text-align:center;font-size:13px;color:var(--dampad)}
.spelkupong-innehall p{margin:0 0 12px}
.spelkupong-ikon{width:34px!important;height:34px!important;color:var(--post2);margin:0 auto 8px;display:block}
.appruta{border-radius:var(--radie);overflow:hidden;background:var(--mynta)}
.appruta-flikar{display:grid;grid-template-columns:1fr 1fr;background:var(--post)}
.appruta-flik{height:40px;border:0;background:transparent;color:var(--dampad);display:flex;align-items:center;justify-content:center;gap:6px;font:500 14px/1 var(--typsnitt);cursor:pointer}
.appruta-flik .ikon{width:16px;height:16px}
.appruta-flik.aktiv{background:#31363f;color:#fff}
.appruta-innehall{display:flex;gap:10px;padding:12px;align-items:center;color:#16181d}
.appruta-qr{flex:none;width:104px;padding:6px;background:#fff;border-radius:var(--radie);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.appruta-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.appruta-logga{height:17px;width:auto;margin:0 0 4px}
.appruta-rubrik{font:700 13px/1.2 var(--typsnitt);text-transform:uppercase;margin:0 0 8px}
.appruta-knapp{height:auto;min-height:34px;padding:6px 10px;white-space:normal;line-height:1.2;font-size:11px;text-align:left}
.appruta .ikon-ios{display:none}
.appruta[data-plattform="ios"] .ikon-ios{display:block}
.appruta[data-plattform="ios"] .ikon-android{display:none}
.omslag{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--radie-xl);overflow:hidden;isolation:isolate;border:1px solid rgba(61,155,224,.2);background:#0a0d12}
.omslag::before{content:"";grid-area:1/1;padding-top:45.4545%}
.omslag-bild{position:absolute;inset:0;z-index:0}
.omslag-bild::before{content:"";position:absolute;inset:0;z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 14v12M14 20h12' fill='none' stroke='%233d9be0' stroke-opacity='.32' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/40px 40px;-webkit-mask-image:linear-gradient(100deg,#000 0,rgba(0,0,0,.3) 30%,transparent 48%);mask-image:linear-gradient(100deg,#000 0,rgba(0,0,0,.3) 30%,transparent 48%)}
.omslag-bild::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,10,15,.9) 0,rgba(7,10,15,.66) 28%,rgba(7,10,15,.14) 50%,rgba(7,10,15,0) 60%),linear-gradient(0deg,rgba(7,10,15,.52),rgba(7,10,15,0) 28%)}
.omslag-foto{width:100%;height:100%;object-fit:cover;object-position:100% 30%}
.omslag-text{grid-area:1/1;position:relative;z-index:2;align-self:center;width:min(100%,600px);max-width:51%;min-width:0;padding:36px 12px 40px 40px}
.omslag h1{font-size:clamp(30px,2.7vw,46px);font-weight:900;line-height:1.06;margin:0 0 16px;letter-spacing:-.015em;text-shadow:0 2px 14px rgba(0,0,0,.45)}
.omslag-ingress{font-size:16px;line-height:1.62;color:#e2e7ee;margin:0 0 20px}
.omslag-betyg{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 24px;padding:8px 14px 8px 12px;border-radius:10px;background:rgba(0,38,64,.55);box-shadow:inset 0 0 0 1px rgba(61,155,224,.38),inset 3px 0 0 var(--se-gul);font-size:14px;color:#c9d6e3}
.omslag-betyg b{color:var(--se-gul);font-size:19px;font-weight:900}
.omslag-knappar{display:flex;flex-wrap:wrap;gap:12px}
.omslag--enkel{background:radial-gradient(80% 130% at 100% 0%,rgba(0,106,167,.36),transparent 56%),radial-gradient(60% 100% at 0% 100%,rgba(254,204,2,.1),transparent 62%),linear-gradient(180deg,#0f1319,#0a0d12)}
.omslag--enkel::before{position:absolute;inset:0;padding:0;z-index:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M20 14v12M14 20h12' fill='none' stroke='%233d9be0' stroke-opacity='.3' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/40px 40px;-webkit-mask-image:linear-gradient(270deg,#000 0,transparent 65%);mask-image:linear-gradient(270deg,#000 0,transparent 65%)}
.omslag--enkel .omslag-text{width:auto;max-width:none;padding:36px 40px 40px}
.omslag--enkel .omslag-ingress{margin:0;max-width:80ch}
.stjarnor{--betyg:5;display:inline-block;flex:none;width:90px;height:16px;background:linear-gradient(90deg,var(--se-gul) calc(var(--betyg) / 5 * 100%),#46505d 0);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath d='M9 .5l2.47 5.02 5.53.8-4 3.9.94 5.5L9 13.13 4.06 15.72 5 10.22l-4-3.9 5.53-.8z'/%3E%3C/svg%3E") 0 0/18px 16px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 16'%3E%3Cpath d='M9 .5l2.47 5.02 5.53.8-4 3.9.94 5.5L9 13.13 4.06 15.72 5 10.22l-4-3.9 5.53-.8z'/%3E%3C/svg%3E") 0 0/18px 16px repeat-x}
.stjarnor--stora{width:115px;height:20px;-webkit-mask-size:23px 20px;mask-size:23px 20px}
.avsnitt{position:relative;padding:30px 34px;border:1px solid var(--kant);border-radius:var(--radie-s);background:linear-gradient(180deg,rgba(0,106,167,.07),rgba(0,106,167,0) 170px),var(--yta)}
.avsnitt::before{content:"";position:absolute;left:34px;top:-1px;width:96px;height:4px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--se-bla) 0 30%,var(--se-gul) 30% 44%,var(--se-bla) 44% 100%)}
.avsnitt h2{font-size:26px;line-height:1.2;margin:0 0 20px;letter-spacing:-.008em}
.avsnitt h2.artikelrubrik{font-size:34px;font-weight:900;line-height:1.1;margin-bottom:18px}
.avsnitt h3{font-size:20px;margin:26px 0 12px;color:#fff}
.avsnitt h3.avsnitt-underrubrik{margin:0 0 14px;font-size:21px;color:var(--se-gul)}
.avsnitt p,.juridik p{color:var(--brodtext)}
.avsnitt>:last-child,.juridik-avsnitt>:last-child{margin-bottom:0}
.avsnitt p.ingress{font-size:17px;line-height:1.65;color:#eaeef3}
.avsnitt--inledning p.ingress{font-size:18px}
.avsnitt h2.rubrik-ikon{display:flex;align-items:center;gap:14px}
.rubrik-emblem{flex:none;position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(145deg,#0a7cc2,var(--se-bla-mork));box-shadow:inset 0 0 0 1px rgba(254,204,2,.35),0 6px 18px rgba(0,0,0,.35)}
.rubrik-emblem::after{content:"";position:absolute;left:11px;right:11px;bottom:-3px;height:3px;border-radius:2px;background:var(--se-gul)}
.rubrik-emblem .ikon{position:relative;z-index:1;width:20px;height:20px;color:var(--se-gul)}
.avsnitt--omdome{border-color:rgba(0,106,167,.55);background:radial-gradient(80% 110% at 100% 0%,rgba(0,106,167,.16),transparent 60%),var(--yta)}
.avsnitt--ansvar{border-color:rgba(254,204,2,.34);background:radial-gradient(80% 110% at 100% 0%,rgba(254,204,2,.08),transparent 60%),var(--yta)}
.avsnitt--ansvar .rubrik-emblem{background:var(--se-gul);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.avsnitt--ansvar .rubrik-emblem::after{background:var(--se-bla)}
.avsnitt--ansvar .rubrik-emblem .ikon{color:var(--se-bla-mork)}
.punktlista{list-style:none;margin:0 0 1.1em;padding:0;display:grid;gap:10px}
.punktlista li{position:relative;padding-left:26px;color:var(--brodtext)}
.punktlista li::before{content:"";position:absolute;left:3px;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--se-gul);box-shadow:0 0 0 3px rgba(0,106,167,.4)}
.punktlista--for li::before,.punktlista--emot li::before{left:0;top:.2em;width:19px;height:19px;border-radius:6px;box-shadow:none;background:var(--gron) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M6.4 10.6 3.5 7.7 2.4 8.8l4 4 7.2-7.2-1.1-1.1z'/%3E%3C/svg%3E") center/12px no-repeat}
.punktlista--emot li::before{background:#d64545 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M11.5 5.6 9.1 8l2.4 2.4-1.1 1.1L8 9.1l-2.4 2.4-1.1-1.1L6.9 8 4.5 5.6l1.1-1.1L8 6.9l2.4-2.4z'/%3E%3C/svg%3E") center/12px no-repeat}
.steg{list-style:none;counter-reset:passo;margin:0 0 1.2em;padding:0}
.steg li{counter-increment:passo;position:relative;min-height:46px;padding:6px 0 16px 54px;color:var(--brodtext)}
.steg li::before{content:counter(passo,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--se-bla);box-shadow:inset 0 -3px 0 rgba(0,0,0,.22);color:var(--se-gul);font:700 14px/1 var(--typsnitt-smal);letter-spacing:.02em}
.steg li::after{content:"";position:absolute;left:17px;top:42px;bottom:4px;width:0;border-left:2px dotted rgba(61,155,224,.6)}
.steg li:last-child{padding-bottom:2px;min-height:36px}
.steg li:last-child::after{display:none}
.anteckning{display:flex;gap:10px;margin:0;padding:14px 16px;border-radius:10px;border:1px dashed rgba(61,155,224,.42);background:rgba(0,106,167,.07);color:#d8dee6!important;font-size:14px}
.anteckning .ikon{width:18px;height:18px;color:var(--se-gul);margin-top:2px}
.tabell-anteckning{margin:-8px 0 20px!important;font-size:13px;color:var(--dampad2)!important}
.faktaruta{--ton:var(--se-bla-ljus);--ikon-bakgrund:rgba(61,155,224,.15);display:flex;gap:14px;align-items:flex-start;margin:0 0 1.1em;padding:16px 18px 16px 16px;border-radius:14px;border:1px solid var(--kant);background:linear-gradient(120deg,var(--ikon-bakgrund),transparent 44%),var(--yta2)}
.faktaruta-ikon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ikon-bakgrund);box-shadow:inset 0 0 0 1px var(--ton);color:var(--ton)}
.faktaruta-ikon .ikon{width:17px;height:17px}
.faktaruta-innehall{min-width:0}
.faktaruta p{margin:0}
.faktaruta p.faktaruta-etikett{display:inline-block;margin:2px 0 7px;padding:3px 9px;border-radius:999px;background:var(--ikon-bakgrund);color:var(--ton);font:700 11px/1.3 var(--typsnitt-smal);letter-spacing:.09em;text-transform:uppercase}
.faktaruta strong{color:#fff}
.faktaruta--info{--ton:var(--se-bla-ljus);--ikon-bakgrund:rgba(61,155,224,.15)}
.faktaruta--varning{--ton:var(--se-gul);--ikon-bakgrund:rgba(254,204,2,.13)}
.faktaruta--tips{--ton:var(--gron-ljus);--ikon-bakgrund:rgba(93,189,44,.14)}
.faktaruta--hjalp{--ton:#4fd1c5;--ikon-bakgrund:rgba(79,209,197,.13)}
.faktaruta--exempel{border-style:dashed;border-color:rgba(61,155,224,.4);background:linear-gradient(90deg,rgba(0,106,167,.1),rgba(0,106,167,0) 70%),var(--yta2)}
.faktaruta--omdome{position:relative;padding:22px 24px 22px 28px;border-color:rgba(0,106,167,.55);background:radial-gradient(110% 140% at 0% 0%,rgba(0,106,167,.22),transparent 58%),var(--yta2);overflow:hidden}
.faktaruta--omdome::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--se-bla) 0 34%,var(--se-gul) 34% 48%,var(--se-bla) 48% 100%)}
.faktaruta--omdome .faktaruta-ikon{width:42px;height:42px;background:var(--se-gul);box-shadow:none;color:var(--se-bla-mork)}
.faktaruta--omdome p{font-size:17px;color:#eaeef3}
.faktaruta--omdome p.faktaruta-etikett{font-size:11.5px;--ikon-bakgrund:rgba(254,204,2,.14);color:var(--se-gul)}
.termer{list-style:none;margin:0 0 1.1em;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.termer li{padding:14px 16px;border-radius:12px;border:1px solid var(--kant);border-top:2px solid var(--se-bla);background:var(--yta2);color:var(--brodtext)}
.termer li:last-child:nth-child(odd){grid-column:1/-1}
.termer .term-namn{display:flex;align-items:center;gap:9px;margin:0 0 6px;color:var(--se-gul);font:700 13px/1.25 var(--typsnitt-smal);letter-spacing:.06em;text-transform:uppercase}
.term-text{display:block}
.term-text::first-letter{text-transform:uppercase}
.termer .term-namn::before{content:"";flex:none;width:10px;height:3px;border-radius:2px;background:var(--se-bla-ljus)}
.rutor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 1.1em}
.ruta{display:flex;gap:14px;align-items:flex-start;min-width:0;padding:18px 18px 16px;border-radius:14px;border:1px solid var(--kant);background:var(--yta2)}
.ruta p{margin:0}
.ruta strong{color:#fff}
.ruta-ikon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--se-bla);color:var(--se-gul);box-shadow:0 6px 14px rgba(0,106,167,.28)}
.ruta-ikon .ikon{width:19px;height:19px}
.ruta--bred{grid-column:1/-1}
.ruta--for{border-color:rgba(76,164,33,.5)}
.ruta--for .ruta-ikon{background:var(--gron);color:#fff;box-shadow:none}
.ruta--emot{border-color:rgba(214,69,69,.48)}
.ruta--emot .ruta-ikon{background:#d64545;color:#fff;box-shadow:none}
.ruta--emot .ruta-ikon .ikon{transform:scaleY(-1)}
.rader{list-style:none;margin:0 0 1.1em;padding:0;border-radius:14px;border:1px solid var(--kant);background:var(--yta2);overflow:hidden}
.rad{display:flex;gap:16px;align-items:flex-start;padding:18px 20px}
.rad+.rad{border-top:1px solid var(--kant)}
.rad p{margin:0}
.rad strong{color:#fff}
.rad-ikon{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(140deg,#0a7cc2,var(--se-bla-mork));color:var(--se-gul);box-shadow:0 6px 16px rgba(0,106,167,.3)}
.rad-ikon .ikon{width:20px;height:20px}
.delar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:4px 0 1.1em}
.del{position:relative;min-width:0;padding:20px 20px 16px;border-radius:14px;border:1px solid var(--kant);background:var(--yta2)}
.del--bred{grid-column:1/-1}
.del>:last-child{margin-bottom:0}
.avsnitt .del h3{display:flex;align-items:center;gap:11px;margin:0 0 14px;font-size:18px}
.del-ikon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--se-gul);color:var(--se-bla-mork)}
.del-ikon .ikon{width:17px;height:17px}
.del .faktaruta,.del .termer li,.del .rader{background-color:var(--yta)}
.trappa{list-style:none;margin:2px 0 1.2em;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:end}
.trappsteg{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 14px 14px;border-radius:12px;border:1px solid var(--kant);background:linear-gradient(180deg,rgba(0,106,167,.2),rgba(0,106,167,0) 72%),var(--yta);color:var(--brodtext);font-size:14.5px;line-height:1.45}
.trappsteg:nth-child(1){min-height:150px}
.trappsteg:nth-child(2){min-height:168px}
.trappsteg:nth-child(3){min-height:186px}
.trappsteg:nth-child(4){min-height:204px;border-color:rgba(254,204,2,.5)}
.trappsteg-nummer{font:900 28px/1 var(--typsnitt);color:var(--se-gul)}
.trappsteg-rubrik{color:#fff;font-size:15px}
.tabell-ram{margin:0 0 1.2em;border-radius:12px;overflow:hidden;border:1px solid var(--kant);background:var(--yta)}
.avsnitt>.tabell-ram:last-child{margin-bottom:0}
.tabell{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45}
.tabell th,.tabell td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--kant)}
.tabell thead th{background:var(--se-bla-mork);color:var(--se-gul);font:700 12.5px/1.3 var(--typsnitt-smal);letter-spacing:.05em;text-transform:uppercase;vertical-align:bottom;white-space:nowrap;border-bottom:2px solid var(--se-gul)}
.tabell tbody th{font-weight:500;color:#fff}
.tabell td{color:var(--brodtext)}
.ihop{white-space:nowrap}
.tabell tbody tr:nth-child(even){background:rgba(61,155,224,.04)}
.tabell tbody tr:last-child>*{border-bottom:0}
.tabell--nyckel tbody th{width:31%;background:rgba(0,106,167,.12)}
.tabell--kompakt{font-size:13.5px}
.tabell--kompakt th,.tabell--kompakt td{padding:10px 10px}
.tabell--minimal{font-size:12.5px}
.tabell--minimal th,.tabell--minimal td{padding:9px 7px}
.tabell--minimal thead th{font-size:11px;white-space:normal}
.poang{display:flex;flex-direction:column;gap:6px;min-width:64px}
.poang b{color:#fff;white-space:nowrap}
.poang i{display:block;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--se-bla-ljus),var(--se-gul) var(--varde),var(--post2) 0)}
.tabell tbody tr.summarad{background:rgba(254,204,2,.1)}
.summarad th,.summarad td{font-weight:700;color:#fff}
.for-emot{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.for-emot-sida{padding:0 20px 18px;border-radius:14px;border:1px solid var(--kant);background:var(--yta2);overflow:hidden}
.avsnitt .for-emot-sida h3{display:flex;align-items:center;gap:10px;margin:0 -20px 16px;padding:14px 20px;font-size:19px;background:rgba(76,164,33,.14);border-bottom:1px solid rgba(76,164,33,.4)}
.for-emot-sida--emot h3{background:rgba(214,69,69,.13)!important;border-bottom-color:rgba(214,69,69,.38)!important}
.for-emot-sida h3 .ikon{width:18px;height:18px;color:var(--gron-ljus)}
.for-emot-sida--emot h3 .ikon{color:#ff7a7a}
.for-emot .punktlista{margin:0}
.fragor{display:grid;gap:10px}
.fraga{border-radius:12px;border:1px solid var(--kant);background:var(--yta2);transition:border-color .2s,background-color .2s}
.fraga[open]:not(.stanger){border-color:rgba(0,106,167,.65);background:linear-gradient(180deg,rgba(0,106,167,.1),rgba(0,106,167,0) 140px),var(--yta2)}
.fraga summary{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;list-style:none}
.fraga summary::-webkit-details-marker{display:none}
.fraga summary:hover .fraga-tecken{transform:scale(1.08)}
.avsnitt .fraga-text{flex:1;margin:0;font-size:17px;font-weight:500;line-height:1.35}
.fraga-tecken{flex:none;position:relative;width:30px;height:30px;border-radius:9px;background:var(--se-bla);transition:background-color .25s,transform .25s}
.fraga-tecken::before,.fraga-tecken::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:1px;background:var(--se-gul);transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.22,.8,.3,1),background-color .25s}
.fraga-tecken::after{transform:translate(-50%,-50%) rotate(90deg)}
.fraga[open]:not(.stanger) .fraga-tecken{background:var(--se-gul)}
.fraga[open]:not(.stanger) .fraga-tecken::before,.fraga[open]:not(.stanger) .fraga-tecken::after{background:var(--se-bla-mork)}
.fraga[open]:not(.stanger) .fraga-tecken::after{transform:translate(-50%,-50%) rotate(0deg)}
.svar{padding:0 18px 16px;overflow:hidden}
.svar p:last-child{margin:0}
.omdomen{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 1.1em}
.recension{position:relative;display:flex;flex-direction:column;gap:16px;margin:0;padding:22px 20px 18px;border-radius:14px;border:1px solid var(--kant);border-bottom:3px solid rgba(0,106,167,.6);background:var(--yta2)}
.recension:last-child:nth-child(odd){grid-column:1/-1}
.recension-citat{position:absolute;right:16px;top:12px;color:rgba(254,204,2,.42)}
.recension-citat .ikon{width:32px;height:32px}
.recension blockquote{margin:0;padding-right:36px}
.recension blockquote p{margin:0;color:#e2e7ee;font-size:15px}
.recension figcaption{display:flex;align-items:center;gap:12px;margin-top:auto}
.initialer{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;border:2px solid transparent;background:linear-gradient(#0d3554,#0a2539) padding-box,linear-gradient(135deg,var(--se-gul),var(--se-bla) 60%) border-box;color:#fff;font-weight:700;font-size:14px}
.initialer--stora{width:58px;height:58px;font-size:19px;border-width:3px;border-radius:16px}
.recension-uppgifter{display:flex;flex-direction:column;gap:5px}
.recension-namn{font-size:14px;color:#fff}
.expert{padding:24px;border-radius:14px;border:1px solid var(--kant);background:radial-gradient(90% 120% at 0% 0%,rgba(0,106,167,.24),transparent 58%),var(--yta2)}
.expert-topp{display:flex;align-items:center;gap:14px;margin:0 0 16px}
.expert-signatur{margin:0!important;font-size:17px;color:#fff!important}
.expert-uppgifter{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--kant)}
.expert-rad{display:flex;gap:10px;margin:0!important;font-size:14px;color:var(--dampad)!important}
.expert-rad .ikon{width:18px;height:18px;color:var(--se-gul);margin-top:2px}
.brodsmulor{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:10px 16px;background:var(--panel);border-radius:var(--radie);font-size:14px}
.brodsmulor ol{display:flex;align-items:center;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.brodsmulor li{display:flex;align-items:center;gap:8px;color:#fff}
.brodsmulor li+li::before{content:"";width:6px;height:6px;border-right:2px solid var(--dampad2);border-top:2px solid var(--dampad2);transform:rotate(45deg);margin-right:2px}
.brodsmulor a{display:inline-flex;align-items:center;gap:6px;color:var(--dampad)}
.brodsmulor a:hover{color:#fff;text-decoration:none}
.brodsmulor a .ikon{width:16px;height:16px}
.brodsmulor-datum{margin:0;display:flex;align-items:center;gap:6px;color:var(--dampad2);font-size:13px}
.brodsmulor-datum .ikon{width:14px;height:14px}
.sidindex summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}
.sidindex summary::-webkit-details-marker{display:none}
.sidindex summary .ikon{width:16px;height:16px;color:var(--gron)}
.sidindex-pil{margin-left:auto;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;margin-top:-4px;opacity:.8}
.sidindex[open] .sidindex-pil{transform:rotate(-135deg);margin-top:4px}
.sidindex-lista{list-style:none;margin:0;padding:0}
.sidindex--sida{flex:none;border-radius:var(--radie);overflow:hidden;background:#f3f6f8}
.sidindex--sida summary{height:40px;padding:0 12px;background:var(--post);color:#fff;font:700 13px/1 var(--typsnitt-smal);text-transform:uppercase;letter-spacing:.02em}
.sidindex--sida .sidindex-lista a{display:block;padding:8px 12px 8px 11px;border-top:1px solid #dfe4e8;border-left:3px solid transparent;color:#16181d;font-size:13.5px;line-height:1.35}
.sidindex--sida .sidindex-lista li:first-child a{border-top:0}
.sidindex--sida .sidindex-lista a:hover{background:#e3f1dc;text-decoration:none}
.sidindex--sida .sidindex-lista a.aktuell{border-left-color:var(--gron);background:#e3f1dc;font-weight:500}
.sidindex--mobil{display:none;background:var(--panel);border-radius:var(--radie)}
.sidindex--mobil summary{padding:14px 16px;font-weight:700;font-size:16px}
.sidindex--mobil .sidindex-lista{counter-reset:n;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 28px;padding:0 16px 14px}
.sidindex--mobil .sidindex-lista li{counter-increment:n}
.sidindex--mobil .sidindex-lista a{display:flex;gap:8px;padding:6px 0;color:var(--brodtext);font-size:15px;line-height:1.35}
.sidindex--mobil .sidindex-lista a::before{content:counter(n) '.';color:var(--dampad2);min-width:1.5em;flex:none}
.sidindex--mobil .sidindex-lista a:hover,.sidindex--mobil .sidindex-lista a.aktuell{color:var(--gron-ljus);text-decoration:none}
.kampanj{position:relative;display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--radie-xl);overflow:hidden;isolation:isolate;border:1px solid rgba(61,155,224,.22);background:#0a0d12}
.kampanj::after{content:"";grid-area:1/1;padding-top:38.4615%}
.kampanj::before{content:"";position:absolute;left:0;right:0;top:0;z-index:3;height:4px;background:linear-gradient(90deg,var(--se-bla) 0 22%,var(--se-gul) 22% 30%,var(--se-bla) 30% 100%)}
.kampanj-bild{position:absolute;inset:0;z-index:0}
.kampanj-bild::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,15,.8) 0,rgba(7,10,15,.44) 36%,rgba(7,10,15,0) 58%)}
.kampanj-foto{width:100%;height:100%;object-fit:cover;object-position:100% 50%}
.kampanj-text{grid-area:1/1;position:relative;z-index:2;align-self:center;justify-self:start;display:flex;flex-direction:column;align-items:flex-start;width:min(45%,480px);min-width:0;margin:20px 0 20px 26px;padding:20px 22px;border-radius:16px;background:rgba(11,16,23,.52);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 18px 40px rgba(0,0,0,.35)}
.kampanj-etikett{display:inline-flex;align-items:center;gap:7px;margin:0 0 12px;padding:6px 11px;border-radius:6px;background:var(--se-gul);color:#06223a;font:700 12px/1 var(--typsnitt-smal);letter-spacing:.06em;text-transform:uppercase}
.kampanj-etikett .ikon{width:13px;height:13px;color:var(--se-bla)}
.kampanj--app .kampanj-etikett{background:var(--se-bla);color:#fff}
.kampanj--app .kampanj-etikett .ikon{color:var(--se-gul)}
.kampanj-rubrik{margin:0 0 8px;font:900 clamp(20px,1.65vw,28px)/1.14 var(--typsnitt);color:#fff;letter-spacing:-.008em;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.kampanj-beskrivning{margin:0 0 16px;color:#d5dde6;font-size:14.5px;line-height:1.5}
.illustration{position:relative;margin:0 0 22px;border-radius:16px;overflow:hidden;background:#0c1015;aspect-ratio:16/7;box-shadow:0 0 0 1px var(--kant),0 12px 28px rgba(0,0,0,.3)}
.illustration::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--se-bla) 0 18%,var(--se-gul) 18% 24%,var(--se-bla) 24% 100%)}
.illustration-foto{width:100%;height:100%;object-fit:cover}
.kampanj-butiker{display:flex;flex-wrap:wrap;gap:10px}
.butiksknapp{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 14px;border-radius:var(--radie);background:var(--se-bla);color:#fff;font:700 17px/1.05 var(--typsnitt);transition:transform .2s,background-color .2s}
.butiksknapp:hover{transform:translateY(-2px);background:#0a7cc2}
.butiksknapp+.butiksknapp{background:var(--se-gul);color:#06223a}
.butiksknapp+.butiksknapp:hover{background:var(--se-gul-ljus)}
.butiksknapp .ikon{width:26px;height:26px}
.butiksknapp small{display:block;margin-bottom:2px;font-weight:400;font-size:11px;opacity:.85}
@keyframes skimmer{0%,62%{transform:translateX(-130%) skewX(-20deg)}100%{transform:translateX(330%) skewX(-20deg)}}
.juridik{padding:30px 34px;border:1px solid var(--kant);border-radius:var(--radie-s);background:var(--yta)}
.juridik-datum{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:7px 12px;border-radius:8px;background:rgba(0,106,167,.14);color:var(--dampad)!important;font-size:14px}
.juridik-datum .ikon{width:16px;height:16px;color:var(--se-gul)}
.juridik-avsnitt{padding-top:6px}
.juridik-avsnitt h2{font-size:21px;margin:22px 0 12px;padding-bottom:10px;border-bottom:2px solid rgba(0,106,167,.42)}
.juridik-avsnitt a{text-decoration:underline}
.juridik .tabell-ram{margin-top:4px}
.felkod{display:inline-block;margin:0 0 6px;font:900 clamp(72px,8.5vw,132px)/1 var(--typsnitt);letter-spacing:-.02em;background:linear-gradient(90deg,var(--se-bla-ljus) 0 45%,var(--se-gul) 75%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fel-lankar{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.fel-lankar a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:var(--radie);background:var(--post);color:#fff;font-weight:500}
.fel-lankar a:hover{background:var(--post2);text-decoration:none}
.fel-lankar .ikon{width:16px;height:16px;color:var(--se-gul)}
@property --varv{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes varv{to{--varv:360deg}}
@keyframes rulla{to{transform:translateX(-50%)}}
@keyframes glans{0%,70%{transform:translateX(-140%) skewX(-18deg)}100%{transform:translateX(320%) skewX(-18deg)}}
@keyframes puls{0%,100%{box-shadow:0 0 0 0 rgba(254,204,2,.6)}50%{box-shadow:0 0 0 7px rgba(254,204,2,0)}}
.spelslinga{position:relative;padding:2px;border-radius:var(--radie-xl);background:conic-gradient(from var(--varv),var(--se-bla),var(--se-bla-ljus) 12%,var(--se-gul) 24%,#1a2029 38%,#1a2029 60%,var(--gron) 78%,var(--se-bla));animation:varv 6s linear infinite;box-shadow:0 0 26px rgba(0,106,167,.26),0 10px 30px rgba(0,0,0,.35)}
.spelslinga-inre{border-radius:calc(var(--radie-xl) - 2px);background:radial-gradient(70% 140% at 0% 0%,rgba(0,106,167,.2),transparent 60%),linear-gradient(180deg,#141920,#0e1217);padding:14px 0 16px;overflow:hidden}
.spelslinga-topp{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px 12px}
.spelslinga-rubrik{display:flex;align-items:center;gap:9px;margin:0;color:#fff;font:700 15px/1.2 var(--typsnitt-smal);letter-spacing:.06em;text-transform:uppercase}
.spelslinga-rubrik .ikon{width:17px;height:17px;color:var(--se-gul)}
.spelslinga-prick{flex:none;width:9px;height:9px;border-radius:50%;background:var(--se-gul);animation:puls 1.6s ease-in-out infinite}
.spelslinga-alla{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px 0 14px;border-radius:8px;background:rgba(254,204,2,.1);box-shadow:inset 0 0 0 1px rgba(254,204,2,.5);color:var(--se-gul);font:700 12.5px/1 var(--typsnitt-smal);letter-spacing:.05em;text-transform:uppercase;transition:background-color .2s,color .2s}
.spelslinga-alla .ikon{width:7px;height:12px}
.spelslinga-alla:hover{background:var(--se-gul);color:#06223a}
.spelslinga-spar{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 36px,#000 calc(100% - 36px),transparent 100%)}
.spelslinga-band{display:flex;width:max-content;padding:4px 0 6px;animation:rulla var(--varaktighet,60s) linear infinite}
.spelslinga-spar:hover .spelslinga-band,.spelslinga-spar:focus-within .spelslinga-band{animation-play-state:paused}
.spelslinga-serie{display:flex;list-style:none;margin:0;padding:0}
.spelslinga-serie li{margin-right:12px}
.minispel{position:relative;display:block;width:200px;border-radius:12px;overflow:hidden;background:#19202a;box-shadow:0 0 0 1px rgba(255,255,255,.08);transition:transform .25s,box-shadow .25s}
.minispel-foto{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}
.minispel-foto img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.minispel-namn{display:block;padding:8px 10px 9px;color:#e6e8eb;font-size:13px;font-weight:500;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.minispel-tacke{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:rgba(6,20,34,.76);opacity:0;transition:opacity .25s}
.minispel-etikett{color:#fff;font:700 12.5px/1 var(--typsnitt-smal);letter-spacing:.07em;text-transform:uppercase}
.minispel-knapp{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:var(--radie);background:var(--gron);color:#fff;font:700 12px/1 var(--typsnitt);text-transform:uppercase;box-shadow:0 6px 16px rgba(76,164,33,.4)}
.minispel-knapp .ikon,.spelkort-knapp .ikon{width:12px;height:12px}
.minispel:hover,.minispel:focus-visible{transform:translateY(-3px);box-shadow:0 0 0 2px var(--se-gul),0 10px 24px rgba(0,106,167,.4);text-decoration:none}
.minispel:hover .minispel-tacke,.minispel:focus-visible .minispel-tacke{opacity:1}
.minispel:hover .minispel-foto img,.minispel:focus-visible .minispel-foto img{transform:scale(1.06)}
.minispel:hover .minispel-namn{color:#fff}
.spelgalleri{list-style:none;margin:6px 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.spelkort{position:relative;display:block;padding:2px;border-radius:14px;background:conic-gradient(from var(--varv),rgba(0,106,167,.95),rgba(254,204,2,.95) 18%,rgba(0,106,167,.95) 34%,rgba(32,40,51,.95) 46%,rgba(32,40,51,.95) 68%,rgba(76,164,33,.95) 86%,rgba(0,106,167,.95));animation:varv 5s linear infinite;animation-delay:var(--fordrojning,0s);transition:transform .25s,box-shadow .25s}
.spelkort-inre{position:relative;display:block;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#121820}
.spelkort-inre::after{content:"";position:absolute;top:0;bottom:0;left:0;z-index:1;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:translateX(-140%) skewX(-18deg);animation:glans 6s ease-in-out infinite;animation-delay:var(--fordrojning,0s);pointer-events:none}
.spelkort-foto{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.spelkort-namn{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:22px 12px 9px;background:linear-gradient(0deg,rgba(8,9,11,.92),rgba(8,9,11,0));color:#fff;font-size:14px;font-weight:700;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .25s}
.spelkort-tacke{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(6,20,34,.82);opacity:0;transition:opacity .25s}
.spelkort-rtp{color:var(--se-gul);font:900 20px/1 var(--typsnitt)}
.spelkort-studio{color:var(--dampad);font-size:12.5px}
.spelkort-knapp{margin-top:6px;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 18px;border-radius:var(--radie);background:var(--gron);color:#fff;font:700 13px/1 var(--typsnitt);text-transform:uppercase;box-shadow:0 6px 18px rgba(76,164,33,.45)}
.spelkort:hover,.spelkort:focus-visible{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,106,167,.42);text-decoration:none}
.spelkort:hover .spelkort-tacke,.spelkort:focus-visible .spelkort-tacke{opacity:1}
.spelkort:hover .spelkort-foto,.spelkort:focus-visible .spelkort-foto{transform:scale(1.07)}
.spelkort:hover .spelkort-namn,.spelkort:focus-visible .spelkort-namn{opacity:0}
.spelgalleri-atgard{display:flex;justify-content:center;margin:0 0 1.3em}
.spelgalleri-knapp .ikon{width:17px;height:17px}
@media (hover:none){
  .spelkort-tacke,.minispel-tacke{display:none}
  .spelkort-inre::before{content:"";position:absolute;top:8px;right:8px;z-index:2;width:28px;height:28px;border-radius:50%;background:var(--gron) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 5.5v13a1 1 0 001.5.86l10.4-6.5a1 1 0 000-1.72L9.5 4.64A1 1 0 008 5.5z'/%3E%3C/svg%3E") 55% 50%/13px no-repeat;box-shadow:0 4px 12px rgba(0,0,0,.45)}
}
.sidfot{max-width:var(--bredd);margin:0 auto;padding:0 8px 8px;display:flex;flex-direction:column;gap:8px;font-size:13px}
.sidfot-rutnat{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:22px 20px;background:var(--panel);border-radius:var(--radie)}
.sidfot-rubrik{margin:0 0 10px;font:700 15px/1.2 var(--typsnitt);text-transform:uppercase}
.sidfot-spalt ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sidfot-spalt li{color:var(--dampad)}
.sidfot-spalt a{color:#fff}
.sidfot-spalt a:hover{color:var(--gron-ljus);text-decoration:none}
.sidfot-spalt a .ikon{width:14px;height:14px;margin-right:8px;vertical-align:-2px}
.sidfot-varning{display:flex;align-items:center;gap:10px;margin:0;padding:14px 20px;background:var(--panel);border-radius:var(--radie);color:var(--dampad)}
.sidfot-botten{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:8px}
.sidfot-upphovsratt{padding:18px 20px;background:var(--panel);border-radius:var(--radie);color:var(--dampad)}
.sidfot-upphovsratt p{margin:0 0 4px}
.sidfot-upphovsratt p:last-child{margin:0}
.sidfot-upphovsratt a{color:#fff;text-decoration:underline}
.sidfot-sida{display:flex;flex-direction:column;gap:8px}
.sidfot-alder{margin:0;display:grid;place-items:center;height:42px;background:var(--panel);border-radius:var(--radie);font-size:20px;color:#fff}
.sidfot-app{display:grid;place-items:center;height:34px;background:var(--post);border-radius:var(--radie);color:#fff;text-transform:uppercase;font-weight:500;font-size:14px}
.sidfot-app:hover{background:var(--post2);text-decoration:none}
.sidfot-betalningar{list-style:none;margin:0;padding:14px 20px;background:var(--panel);border-radius:var(--radie);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:12px}
.betalning{display:grid;place-items:center;height:44px;min-width:64px;padding:6px 12px;background:#fff;border-radius:var(--radie)}
.betalning img{height:28px;width:auto;max-width:96px;object-fit:contain}
.till-toppen{position:fixed;right:16px;bottom:16px;z-index:60;width:48px;height:48px;border:0;border-radius:50%;background:var(--gron);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s,background-color .2s}
.till-toppen.synlig{opacity:1;visibility:visible;transform:none}
.till-toppen:hover{background:var(--gron-ljus)}
.till-toppen .ikon{width:24px;height:24px}
@media (min-width:1400px) and (max-width:1599px){
  .omslag-text{max-width:52%;padding:28px 12px 32px 36px}
  .omslag h1{margin-bottom:12px}
  .omslag-ingress{margin-bottom:16px}
  .omslag-betyg{margin-bottom:18px}
}
@media (max-width:1399px){
  .sidstruktur{grid-template-columns:250px minmax(0,1fr)}
  .spalt--hoger{display:none}
}
@media (max-width:1279px){
  .bara-dator{display:none!important}
}
@media (max-width:1180px){
  .avsnitt,.juridik{padding:26px 22px}
  .avsnitt::before{left:22px}
  .omslag-text{padding:30px 12px 30px 30px}
  .tabell--minimal th,.tabell--minimal td{padding:9px 6px}
  .kampanj-text{width:min(52%,440px);margin:16px 0 16px 20px;padding:16px 18px}
  .kampanj-beskrivning{font-size:14px;margin-bottom:14px}
}
@media (max-width:1099px){
  .huvudmeny{display:none}
  .menyknapp{display:grid}
}
@media (max-width:1023px){
  .sidstruktur{grid-template-columns:minmax(0,1fr)}
  .spalt--vanster{display:none}
  .sidindex--mobil{display:block}
  .sidfot-rutnat{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sidfot-botten{grid-template-columns:minmax(0,1fr)}
  .trappa{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  .trappsteg:nth-child(n){min-height:0}
}
@media (max-width:767px){
  .sidhuvud-land{display:none}
  
  .omslag{display:flex;flex-direction:column;justify-content:flex-end}
  .omslag::before{display:none}
  .omslag-text{width:auto;max-width:none;padding:150px 18px 22px;text-shadow:0 1px 3px rgba(0,0,0,.65)}
  .omslag-bild::before{display:none}
  .omslag-bild::after{background:linear-gradient(180deg,rgba(7,10,15,.05) 0,rgba(7,10,15,.3) 22%,rgba(7,10,15,.82) 46%,rgba(7,10,15,.94) 70%,#0a0d12 100%)}
  .omslag-foto{object-position:80% 0}
  .omslag h1{font-size:30px}
  .omslag-ingress{font-size:15px;color:#e6e8ea}
  .omslag-betyg{margin:0 0 18px;font-size:13px}
  .omslag-knappar .knapp{flex:1 1 auto;text-shadow:none}
  .omslag--enkel .omslag-text{padding:26px 18px;text-shadow:none}
  .omslag--enkel .omslag-ingress{margin:14px 0 0}
  .felkod{display:none}
  .avsnitt,.juridik{padding:24px 16px 22px}
  .avsnitt::before{left:16px;width:66px}
  .avsnitt h2,.juridik-avsnitt h2{font-size:22px}
  .avsnitt h2.artikelrubrik{font-size:26px}
  .avsnitt h3{font-size:18px}
  .avsnitt p.ingress,.avsnitt--inledning p.ingress{font-size:16px}
  .brodsmulor{padding:10px 12px}
  .for-emot,.omdomen,.delar,.termer,.rutor{grid-template-columns:minmax(0,1fr)}
  .ruta{padding:16px 14px 14px}
  .ruta-ikon{width:36px;height:36px}
  .rad{gap:14px;padding:16px 14px}
  .rad-ikon{width:38px;height:38px;border-radius:10px}
  .avsnitt h2.rubrik-ikon{gap:12px}
  .rubrik-emblem{width:38px;height:38px}
  .rubrik-emblem .ikon{width:17px;height:17px}
  .faktaruta{padding:14px;gap:12px}
  .faktaruta--omdome{padding:18px 16px 18px 18px}
  .del{padding:16px 14px 14px}
  .trappa{grid-template-columns:minmax(0,1fr)}
  .sidindex--mobil .sidindex-lista{grid-template-columns:minmax(0,1fr)}
  
  .kampanj{display:flex;flex-direction:column;border-color:rgba(0,106,167,.6);box-shadow:0 0 0 3px rgba(0,106,167,.12),0 0 30px rgba(0,106,167,.18),0 14px 32px rgba(0,0,0,.45)}
  .kampanj::after{display:none}
  .kampanj::before{height:5px}
  .kampanj-bild{position:relative;inset:auto;order:-1;aspect-ratio:16/10}
  .kampanj-bild::after{background:linear-gradient(180deg,rgba(7,10,15,0) 62%,#0d1117 100%)}
  .kampanj-foto{object-position:90% 50%}
  .kampanj-text{width:auto;margin:0;padding:14px 18px 22px;border-radius:0;background:#0d1117;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
  .kampanj-rubrik{font-size:24px}
  .kampanj--bonus .knapp{position:relative;overflow:hidden;width:100%}
  .kampanj--bonus .knapp::after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);animation:skimmer 3s ease-in-out infinite}
  .kampanj-butiker{width:100%}
  .butiksknapp{flex:1 1 140px;justify-content:center}
  
  .tabell-ram--nyckel,.tabell-ram--rulla{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .tabell--nyckel{min-width:600px}
  .tabell--rulla{min-width:820px}
  .tabell--nyckel th,.tabell--nyckel td{padding:10px 12px;font-size:13.5px}
  
  .tabell--rutnat thead{display:none}
  .tabell--rutnat,.tabell--rutnat tbody,.tabell--rutnat tr,.tabell--rutnat th,.tabell--rutnat td{display:block;width:100%}
  .tabell--rutnat colgroup{display:none}
  .tabell--rutnat tr{padding:12px 14px;border-bottom:1px solid var(--kant)}
  .tabell--rutnat tbody tr:last-child{border-bottom:0}
  .tabell--rutnat tbody th{padding:0 0 8px;border:0;font-size:15px;font-weight:700;background:none}
  .tabell--rutnat td{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:12px;padding:7px 0;border:0;border-top:1px dashed var(--kant);font-size:14px}
  .tabell--rutnat td::before{content:attr(data-etikett);color:var(--dampad2);font-size:12.5px;font-weight:500}
  .poang{min-width:0}
  
  
  .spelgalleri{display:flex;gap:12px;margin:6px -16px 14px;padding:6px 16px 10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}
  .spelgalleri::-webkit-scrollbar{display:none}
  .spelgalleri li{flex:0 0 76%;max-width:300px;scroll-snap-align:start}
  .spelkort-namn{padding:20px 10px 8px;font-size:13px}
  .minispel{width:150px}
  .minispel-namn{font-size:12px;padding:7px 9px 8px}
  .spelslinga-inre{padding:12px 0 14px}
  .spelslinga-topp{padding:0 14px 10px}
  .spelslinga-rubrik{font-size:13px;gap:7px}
  .spelslinga-alla{height:28px;padding:0 10px 0 12px;font-size:11.5px}
  .sidfot-rutnat{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .sidfot-varning{padding:12px 14px}
}
@media (max-width:600px){
  .ej-mobil,.ikonknapp--gava{display:none!important}
  .logga img{height:26px}
  .sidhuvud-atgarder{gap:6px}
}
@media (max-width:380px){
  .omslag h1{font-size:27px}
  .omslag-text{padding-top:130px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
  
  .spelslinga-spar{overflow-x:auto;scrollbar-width:thin}
  .spelslinga-serie[aria-hidden="true"]{display:none}
}

/* ---------- footer: BetLabel country sites ---------- */
.sidfot-countries{padding:14px 20px;background:var(--panel);border-radius:var(--radie)}
.sidfot-countries ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.sidfot-country{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 10px;border-radius:var(--radie);border:1px solid var(--linje);background:var(--post);color:#fff;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;transition:background-color .2s,border-color .2s}
.sidfot-country:hover{background:var(--post2);border-color:rgba(255,255,255,.3);text-decoration:none}
.sidfot-country .flagga{flex:none;width:21px;height:14px;border-radius:2px}
.sidfot-country.aktuell{border-color:var(--gron);background:rgba(76,164,33,.12)}
@media (max-width:767px){
  .sidfot-countries{padding:12px 12px}
  .sidfot-countries ul{gap:6px}
  .sidfot-country{height:32px;padding:0 12px 0 8px;font-size:12.5px}
}