/* investera.css – /investera som bildsektioner ("slides"), 2026-10-15.
   Fotosektioner (.sl-foto, .sl-delad) är alltid mörka: bilden äger ytan, texten är vit (theme-ok).
   Grafiksektioner (.sl-grafik) följer temat via --kp-*-tokens (styles.css). */

:root{--sl-bla:#5b8cff;--sl-rod:#ff6b5e;--sl-gron:#3ecf8e;--sl-lila:#9b8cff;--sl-orange:#ff9a4d;--sl-spar:rgba(var(--kp-fg),.08)}
body.light-mode{--sl-bla:#1e5bd8;--sl-rod:#c62828;--sl-gron:#13795b;--sl-lila:#5b47d6;--sl-orange:#b45f06}

.sl{position:relative;display:flex;align-items:center;min-height:min(100svh,920px);padding:96px 0 72px;overflow:hidden}
.sl-inner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.sl-mitt{text-align:center;display:flex;flex-direction:column;align-items:center}
.sl-text{max-width:600px}
.sl h1,.sl h2{font-weight:800;letter-spacing:-.025em;line-height:1.08;text-wrap:balance;margin:10px 0 16px;color:var(--kp-ink)}
.sl h1{font-size:clamp(2.4rem,5.6vw,4.8rem)}
.sl h2{font-size:clamp(2rem,4.2vw,3.6rem)}
.sl-mitt h2{max-width:22ch}
.sl-stort{display:block;font-size:clamp(3.6rem,10vw,8rem);line-height:.95;letter-spacing:-.04em;background:linear-gradient(135deg,var(--sl-lila),var(--sl-bla));-webkit-background-clip:text;background-clip:text;color:transparent}
.sl-grad{background:linear-gradient(135deg,var(--sl-lila),var(--sl-bla));-webkit-background-clip:text;background-clip:text;color:transparent}
.sl-etikett{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sl-lila)}
.sl-etikett-rod{color:var(--sl-rod)}.sl-etikett-gron{color:var(--sl-gron)}
.sl-ingress{font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.55;color:var(--kp-ink2);margin:0 0 22px;max-width:38ch}
.sl-smal{font-size:14.5px;line-height:1.6;color:var(--kp-ink3);margin:18px auto 0;max-width:70ch}
.sl-smal a{color:var(--kp-lila);font-weight:600}
.sl-smal b{color:var(--kp-ink)}
.sl-knappar{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 4px}
.sl-knappar-mitt{justify-content:center;margin-top:22px}
.sl-om{margin:16px auto 0;max-width:70ch;font-size:13.5px;color:var(--kp-ink3);text-align:left}
.sl-om summary{cursor:pointer;color:var(--kp-lila);font-weight:600;text-align:center;list-style-position:inside}
.sl-om p{margin:8px 0 0;line-height:1.6}
.sl-om a{color:var(--kp-lila)}

/* Fotosektioner – alltid mörka */
.sl-foto{background:#070a14} /* theme-ok */
.sl-foto .sl-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 30%;z-index:0}
.sl-foto::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,10,20,.92) 0%,rgba(7,10,20,.72) 40%,rgba(7,10,20,.05) 72%)}
.sl-foto h1,.sl-foto h2,.sl-foto .sl-ingress,.sl-foto .sl-smal,.sl-foto .sl-smal b{color:#fff} /* theme-ok */
.sl-foto .sl-ingress,.sl-foto .sl-smal{color:rgba(255,255,255,.82)} /* theme-ok */
.sl-foto .sl-smal a{color:#c4b8ff} /* theme-ok */
.sl-foto .sl-etikett{color:#c4b8ff} /* theme-ok */
.sl-foto .sl-grad,.sl-foto .sl-stort{background-image:linear-gradient(135deg,#c4b8ff,#7ab8ff)}
.sl-btn-glas{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3)} /* theme-ok */
.sl-btn-glas:hover{background:rgba(255,255,255,.2)} /* theme-ok */
.sl-chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0 0}
.sl-chips li{font-size:13px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 12px} /* theme-ok */
.sl-start{min-height:min(100svh,860px)}
.sl-losningen .sl-bild-hoger{object-position:85% 50%}
.sl-losningen::after{background:linear-gradient(90deg,rgba(7,10,20,.95) 0%,rgba(7,10,20,.8) 42%,rgba(7,10,20,0) 75%)}
.sl-varmed h2{max-width:20ch}
.sl-superkort{display:flex;justify-content:center;margin:0 0 26px}
.sl-superkort img{width:clamp(110px,14vw,190px);border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.35);margin:0 -14px}
.sl-superkort img:nth-child(1){transform:rotate(-9deg) translateY(10px)}.sl-superkort img:nth-child(2){transform:rotate(-3deg)}
.sl-superkort img:nth-child(3){transform:rotate(3deg)}.sl-superkort img:nth-child(4){transform:rotate(9deg) translateY(10px)}

/* Delad sektion: bild till vänster, text till höger – alltid mörk */
.sl-delad{background:#070a14} /* theme-ok */
.sl-delad .sl-delad-bild{position:absolute;inset:0 50% 0 0;z-index:0}
.sl-delad .sl-delad-bild img{width:100%;height:100%;object-fit:cover;object-position:40% 35%}
.sl-delad .sl-delad-bild::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(120,20,20,.25),rgba(7,10,20,.6) 75%,#070a14)}
.sl-delad .sl-inner{display:flex;justify-content:flex-end}
.sl-delad .sl-text{max-width:560px}
.sl-delad h2,.sl-delad .sl-ingress{color:#fff} /* theme-ok */
.sl-delad .sl-ingress{color:rgba(255,255,255,.82)} /* theme-ok */
.sl-delad .sl-etikett-rod{color:#ff8a7a} /* theme-ok */
.sl-delad .sl-stort{background-image:linear-gradient(135deg,#ff8a7a,#ffb38a)}
.sl-delad .sl-om{color:rgba(255,255,255,.7)} /* theme-ok */
.sl-delad .sl-om summary,.sl-delad .sl-om a{color:#c4b8ff} /* theme-ok */
.sl-stapel{display:flex;height:22px;border-radius:999px;overflow:hidden;margin:6px 0 14px;gap:2px}
.sl-seg{display:block;min-width:4px}
.sl-seg0{background:#ff6b5e}.sl-seg1{background:#ff8a5e}.sl-seg2{background:#ffa95e}.sl-seg3{background:#ffc66e}.sl-seg4{background:#ffd98e}.sl-seg5{background:#fff0c4} /* theme-ok: alltid på mörk yta */
.sl-forklaring{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;font-size:14px;color:rgba(255,255,255,.82)} /* theme-ok */
.sl-forklaring li{display:flex;align-items:center;gap:8px;min-width:0}
.sl-forklaring li i{width:10px;height:10px;border-radius:3px;flex:none}
.sl-forklaring b{margin-left:auto;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap} /* theme-ok */

/* Grafiksektioner – följer temat */
.sl-grafik{background:transparent}
.sl-grafik+.sl-grafik{border-top:1px solid rgba(var(--kp-fg),.06)}

/* Rollringar */
.sl-roller{display:grid;grid-template-columns:repeat(5,1fr) 40px 1.15fr;gap:18px;align-items:start;width:100%;max-width:1080px;margin:18px 0 6px}
.sl-roll{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.sl-ring{--c:var(--sl-lila);position:relative;width:min(150px,100%);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--c) calc(var(--p)*1%),var(--sl-spar) 0);display:grid;place-items:center}
.sl-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--kp-yta)}
.sl-ring img{position:relative;width:78%;height:78%;object-fit:contain}
.sl-roll[data-roll=mobbare] .sl-ring{--c:#e5484d}.sl-roll[data-roll=medmobbare] .sl-ring{--c:#b0846f}.sl-roll[data-roll=passiv-mobbare] .sl-ring{--c:#e0ac4f}.sl-roll[data-roll=askadare] .sl-ring{--c:#3fb950}.sl-roll[data-roll=utsatt] .sl-ring{--c:#ff7a45}
.sl-roll b{font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:800;color:var(--kp-ink);font-variant-numeric:tabular-nums;line-height:1.1}
.sl-roll span{font-size:14px;color:var(--kp-ink3)}
.sl-pil{align-self:center;font-size:30px;color:var(--kp-ink3);margin-bottom:46px}
.sl-ring-hero{background:radial-gradient(circle,rgba(91,140,255,.35),transparent 70%)}
.sl-ring-hero::before{display:none}
.sl-ring-hero img{width:92%;height:92%;filter:drop-shadow(0 0 24px rgba(91,140,255,.55))}
.sl-roll-hero b{background:linear-gradient(135deg,var(--sl-lila),var(--sl-bla));-webkit-background-clip:text;background-clip:text;color:transparent}
.sl-nyckel{width:100%;max-width:1000px;margin-top:22px;text-align:left}
.sl-fakta{margin:20px 0 0;font-size:16px;color:var(--kp-ink2)}
.sl-fakta small{display:block;font-size:12.5px;color:var(--kp-ink3);margin-top:2px}
@media (max-width:860px){
  .sl-roller{grid-template-columns:1fr;gap:10px;max-width:420px}
  .sl-roll{display:grid;grid-template-columns:56px 1fr auto;align-items:center;text-align:left;gap:12px}
  .sl-ring{width:56px}
  .sl-ring::before{inset:5px}
  .sl-roll b{order:3;font-size:1.6rem}
  .sl-roll span{order:2;font-size:15px;color:var(--kp-ink)}
  .sl-pil{transform:rotate(90deg);margin:0 auto;font-size:24px}
  .sl-roll-hero{grid-template-columns:72px auto 1fr}
  .sl-roll-hero b{order:2;font-size:1.6rem}
  .sl-roll-hero span{order:3;color:var(--kp-ink3)}
  .sl-roll-hero .sl-ring{width:72px}
}

/* Jämförelsestaplar */
.sl-jamfor{width:100%;max-width:880px;margin:22px 0 8px;display:grid;gap:18px;text-align:left}
.sl-jrad{display:grid;grid-template-columns:1fr;gap:6px}
.sl-jrad span{font-size:15px;color:var(--kp-ink2)}
.sl-jrad b{font-size:clamp(1.4rem,2.4vw,2rem);font-weight:800;color:var(--kp-ink);font-variant-numeric:tabular-nums}
.sl-jspar{position:relative;height:48px;border-radius:12px;background:var(--sl-spar);overflow:hidden}
.sl-jfyll{position:absolute;inset:0 auto 0 0;border-radius:12px}
.sl-jbla{background:linear-gradient(90deg,var(--sl-lila),var(--sl-bla))}
.sl-jrod{background:var(--sl-rod)}
.sl-jrand{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,var(--sl-rod) 0 7px,transparent 7px 14px);opacity:.55;border-radius:0 12px 12px 0}
.sl-jaxel{display:flex;justify-content:space-between;font-size:12.5px;color:var(--kp-ink3);border-top:1px solid rgba(var(--kp-fg),.15);padding-top:6px}
.sl-andra{margin:14px 0 0;font-size:clamp(1.05rem,1.6vw,1.35rem);color:var(--kp-ink2)}
.sl-andra b{display:block;font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--kp-ink)}

/* Lösningen */
.sl-ikonlista{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:14px}
.sl-ikonlista li{display:flex;gap:14px;align-items:flex-start;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.45;color:rgba(255,255,255,.85)} /* theme-ok */
.sl-ikonlista b{color:#fff} /* theme-ok */
.sl-ikonlista svg{flex:none;width:30px;height:30px;fill:none;stroke:#c4b8ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.sl-kort{display:flex;margin-top:26px;padding-left:12px}
.sl-kort img{width:120px;border-radius:10px;box-shadow:0 14px 30px rgba(0,0,0,.45);margin-left:-14px}
.sl-kort img:nth-child(1){transform:rotate(-7deg)}.sl-kort img:nth-child(3){transform:rotate(7deg)}

/* Nivåkort */
.sl-nivaer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:100%;max-width:1120px;margin:20px 0 6px;text-align:left}
.sl-niva{border-radius:20px;overflow:hidden;background:var(--kp-yta);border:1px solid rgba(var(--kp-fg),.1);display:flex;flex-direction:column}
.sl-niva-mitt{border-color:var(--sl-lila);box-shadow:0 0 0 1px var(--sl-lila);transform:translateY(-10px)}
.sl-niva-bild{position:relative;aspect-ratio:16/10}
.sl-niva-bild img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.sl-niva-bild::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,20,.8),transparent 60%)}
.sl-niva-bild span{position:absolute;left:16px;bottom:12px;z-index:1;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff} /* theme-ok: på foto */
.sl-niva-kropp{padding:18px 20px 22px}
.sl-niva-kropp h3{font-size:20px;font-weight:700;margin:0 0 6px;color:var(--kp-ink)}
.sl-niva-kropp p{margin:0 0 6px;font-size:14.5px;line-height:1.5;color:var(--kp-ink2)}
/* Priset bryts aldrig; "per år" på egen rad (Johan 2026-10-15) */
.sl-niva-pris{font-size:clamp(1.6rem,2.3vw,2.1rem)!important;font-weight:800;color:var(--kp-ink)!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.1;margin:4px 0 8px!important}
.sl-niva-pris small{display:block;font-size:14px;font-weight:500;color:var(--kp-ink3);letter-spacing:0;margin-top:2px}
.sl-niva-ger{color:var(--kp-ink)!important;font-weight:600}
@media (max-width:860px){.sl-nivaer{grid-template-columns:1fr}.sl-niva-mitt{transform:none}.sl-niva-bild{aspect-ratio:21/9}}

/* Resan */
.sl-resa{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;max-width:1160px;text-align:left;position:relative}
.sl-resa li:not(:last-child)::after{content:"";position:absolute;top:15px;left:18px;right:-14px;height:2px;background:linear-gradient(90deg,var(--sl-gron),var(--sl-bla))}
.sl-resa li:nth-child(n+3):not(:last-child)::after{background:linear-gradient(90deg,var(--sl-bla),var(--sl-lila))}
.sl-resa li{position:relative;padding-top:40px;min-width:0}
.sl-resa li::before{content:"";position:absolute;top:7px;left:0;width:18px;height:18px;border-radius:50%;background:var(--kp-yta);border:3px solid var(--sl-bla)}
.sl-resa .sl-resa-nu::before{background:var(--sl-gron);border-color:var(--sl-gron);box-shadow:0 0 0 6px rgba(62,207,142,.2)}
.sl-resa-nar{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--kp-ink3)}
.sl-resa b{display:block;font-size:clamp(1.1rem,1.6vw,1.4rem);color:var(--kp-ink);margin:4px 0}
.sl-resa p{margin:0;font-size:14px;line-height:1.5;color:var(--kp-ink2)}
@media (max-width:900px){.sl-resa{grid-template-columns:1fr;gap:4px;max-width:520px}.sl-resa li:not(:last-child)::after{top:20px;left:8px;right:auto;bottom:-4px;width:2px;height:auto;background:linear-gradient(180deg,var(--sl-gron),var(--sl-bla))}.sl-resa li{padding:0 0 18px 34px}.sl-resa li::before{top:2px}}

/* Insyn */
.sl-insyn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:40px;align-items:center;width:100%;max-width:1080px;margin:22px 0 0;text-align:left}
@media (max-width:860px){.sl-insyn{grid-template-columns:1fr;gap:28px}}
.sl-drift{display:flex;gap:22px;align-items:center}
@media (max-width:520px){.sl-drift{flex-direction:column;align-items:flex-start}}
.sl-drift-ring{width:190px;flex:none}
.sl-drift-ring circle{fill:none;stroke-width:22}
.sl-ring-tal{font-size:26px;font-weight:800;fill:var(--kp-ink)}
.sl-ring-txt{font-size:12px;fill:var(--kp-ink3)}
.sl-ring-utveckling{stroke:var(--sl-lila);background:var(--sl-lila)}.sl-ring-support{stroke:var(--sl-bla);background:var(--sl-bla)}.sl-ring-drift{stroke:var(--sl-gron);background:var(--sl-gron)}.sl-ring-ovrigt{stroke:var(--kp-ink3);background:var(--kp-ink3)}
.sl-drift ul,.sl-fond-lista{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14.5px;color:var(--kp-ink2)}
.sl-drift li,.sl-fond-lista li{display:flex;gap:8px;align-items:flex-start;line-height:1.5}
.sl-drift li i,.sl-fond-lista li i{width:11px;height:11px;border-radius:3px;flex:none;align-self:flex-start;margin-top:.42em}
.sl-drift li b{color:var(--kp-ink);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:2.8em}
.sl-fond-rubrik{font-size:16px;font-weight:600;color:var(--kp-ink);margin:0 0 10px}
.sl-fond-stapel{display:flex;height:60px;border-radius:14px;overflow:hidden;margin-bottom:12px}
.sl-fond-stapel i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:20px;font-weight:800;color:#fff} /* theme-ok: solida segment */
.sl-f30{background:#3b6fe0}.sl-f20{background:#13866a}.sl-f50{background:#d46a1c} /* theme-ok */
.sl-marken{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:1000px}
@media (max-width:760px){.sl-marken{grid-template-columns:1fr}}
.sl-marken li{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;border-radius:16px;background:rgba(var(--kp-fg),.04);border:1px solid rgba(var(--kp-fg),.08);font-size:14px;color:var(--kp-ink2);text-align:center}
.sl-marken img{height:44px;width:auto}
.sl-marken svg{width:40px;height:40px;fill:none;stroke:var(--sl-lila);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Avdelare före verktygen */
.sl-avdelare{display:flex;align-items:center;gap:18px;max-width:1080px;margin:40px auto 0;padding:0 24px;color:var(--kp-ink3);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.sl-avdelare::before,.sl-avdelare::after{content:"";flex:1;height:1px;background:rgba(var(--kp-fg),.14)}

/* Mobil: inga helskärmskrav, bilden som band ovanför texten */
@media (max-width:760px){
  .sl{min-height:0;padding:64px 0 56px}
  .sl-inner{padding:0 16px}
  .sl-foto,.sl-delad{display:block;padding-top:0}
  .sl-foto .sl-bild{position:relative;height:auto;aspect-ratio:4/3;max-height:52svh}
  .sl-foto::after{inset:auto 0 0 0;height:100%;background:linear-gradient(0deg,#070a14 45%,rgba(7,10,20,0) 75%)}
  .sl-foto .sl-inner{margin-top:-36px}
  .sl-start .sl-bild{object-position:72% 18%}
  .sl-delad .sl-delad-bild{position:relative;inset:auto;height:40svh}
  .sl-delad .sl-inner{margin-top:-60px;display:block}
  .sl-forklaring{grid-template-columns:1fr}
  .sl-kort img{width:88px}
}

/* Presentationsknappen i undermenyn */
.sl-presentera{margin-left:6px;border:1px solid rgba(139,124,255,.45);background:rgba(139,124,255,.12);color:var(--kp-lila);border-radius:999px;padding:7px 14px;font:inherit;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap}
@media (max-width:1023px){.sl-presentera{display:none}}

/* ── Presentationsläge (assets/presentera.js) ─────────────────────── */
html.presenterar{scroll-snap-type:y mandatory;scroll-behavior:auto!important;font-size:clamp(17px,1.15vw,28px)}
html.presenterar body>*:not(.sl):not(.sl-pres-ui):not(script){display:none!important}
html.presenterar .sl{height:100vh;min-height:100vh;scroll-snap-align:start;padding:5vh 0}
html.presenterar .sl-om,html.presenterar .sl-smal a,html.presenterar .sl-knappar{display:none}
html.presenterar [data-support-widget]{display:none!important}
/* Kontrollerna på en egen mörk platta, så de syns på foton och i båda temana (Johan 2026-10-15) */
.sl-pres-ui{display:none}
html.presenterar .sl-pres-ui{display:flex;position:fixed;right:22px;bottom:18px;z-index:100;gap:10px;align-items:center;font-size:14px;font-weight:600;color:#fff;background:rgba(10,13,26,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 6px 6px 16px;box-shadow:0 8px 24px rgba(0,0,0,.35)} /* theme-ok: plattan äger ytan */
.sl-pres-ui button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;width:38px;height:38px;cursor:pointer;font-size:16px} /* theme-ok */
.sl-pres-ui button:hover{background:rgba(255,255,255,.22)} /* theme-ok */
.sl-pres-ui .sl-pres-stang{width:auto;padding:0 14px;font-size:13px}

@media (prefers-reduced-motion:no-preference){
  .sl-ring{animation:sl-ring 1.2s ease-out both}
  .sl-jfyll{animation:sl-vaxa .9s ease-out both}
}
@property --p{syntax:'<number>';inherits:true;initial-value:0}
@keyframes sl-ring{from{--p:0}}
@keyframes sl-vaxa{from{width:0}}

/* Jämförelsetabell: vad nivåerna får */
.sl-tabell-ram{width:100%;max-width:1040px;margin:18px 0 0;overflow-x:auto;border-radius:16px;border:1px solid rgba(var(--kp-fg),.1);background:var(--kp-yta)}
.sl-tabell{width:100%;border-collapse:collapse;font-size:14.5px;text-align:left;min-width:640px}
.sl-tabell th,.sl-tabell td{padding:10px 14px;border-bottom:1px solid rgba(var(--kp-fg),.07);vertical-align:middle}
.sl-tabell thead th{font-size:15px;font-weight:800;color:var(--kp-ink);text-align:center;padding-top:16px}
.sl-tabell thead small{display:block;font-size:12.5px;font-weight:600;color:var(--kp-ink3);margin-top:2px}
.sl-tabell tbody th{font-weight:500;color:var(--kp-ink2)}
.sl-tabell td{text-align:center;color:var(--kp-ink);font-weight:600}
.sl-tabell .sl-tabell-mitt{background:rgba(139,124,255,.08)}
.sl-tabell-grupp th{font-size:12px!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;color:var(--sl-lila)!important;background:rgba(var(--kp-fg),.03);padding-top:14px}
.sl-ja{color:var(--sl-gron);font-size:17px;font-weight:800}
html.presenterar .sl-tabell{font-size:13px}
html.presenterar .sl-tabell th,html.presenterar .sl-tabell td{padding:6px 12px}

/* Driftens not under fördelningen (Johan 2026-10-16) */
.sl-drift li.sl-drift-not{display:block;font-size:13.5px;color:var(--kp-ink3);margin-top:4px}
.sl-drift li b{flex:none;min-width:5.6em}
html.presenterar .sl-genvagar{display:none}
/* Räkneexempel för 30/20/50 (Johan 2026-10-16, som i HERO IMPACT-broschyren) */
.sl-fond-ex{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(var(--kp-fg),.05);border:1px solid rgba(var(--kp-fg),.1);font-size:14px;color:var(--kp-ink2);display:grid;gap:8px}
.sl-fond-ex p{margin:0;line-height:1.5}
.sl-fond-ex b{color:var(--kp-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.sl-fond-ex ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.sl-fond-ex li{line-height:1.4}