/*  partner.css – /partner (2026-11-11). Bildsektionerna (.sl-*) kom från investera.css (borttagen i layoutsteg 7), kalkylen (.pk-*) från kalkyl.css. Bara --h-* tokens: åtta textstorlekar, tre bredder.  */

:root,body{--sl-bla:var(--h-bla-ljus);--sl-rod:var(--h-rod);--sl-gron:var(--h-gron);--sl-lila:var(--h-lila);--sl-orange:var(--h-orange);--sl-spar:rgba(var(--kp-fg),.08)}

/* tokens följer ljust läge (2026-11-11) */

.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:var(--h-max);margin:0 auto;padding:0 24px}

.sl-mitt{text-align:center;display:flex;flex-direction:column;align-items:center}

.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:var(--h-h1)}

.sl h2{font-size:var(--h-h2)}

.sl-mitt h2{max-width:22ch}

.sl-stort{display:block;font-size:var(--h-siffra);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:var(--h-small);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:var(--h-h3);line-height:1.55;color:var(--kp-ink2);margin:0 0 22px;max-width:38ch}

.sl-smal{font-size:var(--h-small);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:var(--h-small);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-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) /* theme-ok */;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-stapel{display:flex;height:22px;border-radius:999px;overflow:hidden;margin:6px 0 14px;gap:2px}

/* 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:var(--h-max);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} /* theme-ok: datafärg */

.sl-roll[data-roll=medmobbare] .sl-ring{--c:#b0846f} /* theme-ok: datafärg */

.sl-roll[data-roll=passiv-mobbare] .sl-ring{--c:#e0ac4f} /* theme-ok: datafärg */

.sl-roll[data-roll=askadare] .sl-ring{--c:#3fb950} /* theme-ok: datafärg */

.sl-roll[data-roll=utsatt] .sl-ring{--c:#ff7a45 /* theme-ok */}

.sl-roll b{font-size:var(--h-siffra);font-weight:800;color:var(--kp-ink);font-variant-numeric:tabular-nums;line-height:1.1}

.sl-roll span{font-size:var(--h-small);color:var(--kp-ink3)}

.sl-pil{align-self:center;font-size:var(--h-siffra);color:var(--kp-ink3);margin-bottom:46px}

.sl-ring-hero{background:radial-gradient(circle,color-mix(in srgb,var(--sl-bla) 35%,transparent),transparent 70%)}

.sl-ring-hero::before{display:none}

.sl-ring-hero img{width:92%;height:92%;filter:drop-shadow(0 0 24px color-mix(in srgb,var(--sl-bla) 55%,transparent))}

.sl-roll-hero b{background:linear-gradient(135deg,var(--sl-lila),var(--sl-bla));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Rollerna efter statistikgranskningen 2026-10-23: tre mobbarroller + HERO, och en 100 %-stapel */

.sl-roller-3{grid-template-columns:repeat(3,1fr) 40px 1.15fr;max-width:var(--h-max)}

.sl-roller-ingress{margin:14px auto 0;max-width:var(--h-max-text);font-size:var(--h-body);line-height:1.55;color:var(--kp-ink2)}

.sl-stapel{display:flex;width:100%;max-width:var(--h-max);height:48px;margin:22px auto 0;border-radius:12px;overflow:hidden}

.sl-stapel i{display:grid;place-items:center;font-style:normal;font-weight:800;font-size:var(--h-body);color:#fff /* theme-ok */;min-width:0}

.sl-stapel-hero{background:linear-gradient(135deg,var(--sl-lila),var(--sl-bla))}

.sl-stapel-lista{list-style:none;margin:16px auto 0;padding:0;width:100%;max-width:var(--h-max);display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px 24px;text-align:left;font-size:var(--h-small);color:var(--kp-ink2)}

.sl-stapel-lista li{display:flex;align-items:baseline;gap:8px}

.sl-stapel-lista li>i{width:12px;height:12px;border-radius:3px;flex-shrink:0;transform:translateY(1px)}

.sl-stapel-lista b{color:var(--kp-ink);min-width:3.6ch;white-space:nowrap;font-variant-numeric:tabular-nums}

.sl-stapel-lista-hero{color:var(--kp-ink);font-weight:700}

@media (max-width:560px){.sl-stapel i{font-size:var(--h-eyebrow)}}

/* Flikar Mellanstadiet/Högstadiet/Jämför (2026-10-23), rena CSS-radioknappar */

.sl-flikar{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:18px auto 0;padding:5px;border-radius:14px;background:rgba(var(--kp-fg),.05);border:1px solid rgba(var(--kp-fg),.1)}

.sl-flikar input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}

.sl-flikar label{cursor:pointer;padding:10px 20px;border-radius:10px;font-weight:700;font-size:var(--h-body);color:var(--kp-ink3)}

.sl-flikar input:checked+label{background:rgba(var(--kp-fg),.1);color:var(--kp-ink)}

.sl-flikar input:focus-visible+label{outline:2px solid var(--sl-lila);outline-offset:2px}

/* Community och Impact (2026-11-06) */

.pk-val.pk-val-2{grid-template-columns:repeat(2,minmax(0,1fr))}

@media (max-width:640px){.pk-val.pk-val-2{grid-template-columns:1fr}}

.cm-stadier{display:flex;flex-wrap:wrap;gap:4px 22px}

.cm-stadier .pk-kryss{margin-top:4px}

.pk-summa .cm-ar2 dt,.pk-summa .cm-ar2 dd{color:var(--sl-bla)}

.pk-far.cm-extra{background:color-mix(in srgb,var(--sl-bla) 8%,transparent);border-color:color-mix(in srgb,var(--sl-bla) 35%,transparent)}

.pk-far p{margin:6px 0 0;font-size:var(--h-small);line-height:1.5;color:var(--kp-ink2)}

#cm .sl-knappar{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}

/* Granskningen 2026-11-06 */

.sl-stapel-lista small{color:var(--kp-ink3);font-size:.85em;margin-left:4px;font-variant-numeric:tabular-nums}

.pk-far.cm-info{background:rgba(var(--kp-fg),.04);border-color:rgba(var(--kp-fg),.12)}

.pk-far.cm-info ul{margin:8px 0 0}

/* Presentationen: räknesnurran i Insyn visas bara på sidan */

/* Utvecklingen (2026-11-06) */

.sl-utv{list-style:none;padding:0;margin:30px 0 4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:var(--h-max)}

.sl-utv li{display:flex;flex-direction:column;gap:10px;align-items:center;min-width:0;padding:26px 22px;border-radius:18px;background:rgba(var(--kp-fg),.04);border:1px solid rgba(var(--kp-fg),.1)}

.sl-utv b{font-size:var(--h-siffra);font-weight:800;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,var(--sl-lila),var(--sl-bla));-webkit-background-clip:text;background-clip:text;color:transparent}

.sl-utv span{font-size:var(--h-body);line-height:1.5;color:var(--kp-ink2)}

@media (max-width:900px){.sl-utv{grid-template-columns:1fr;max-width:var(--h-max-smal)}}

/* Varför barnen vill (2026-11-06) */

.sl-fakta{margin:20px 0 0;font-size:var(--h-body);color:var(--kp-ink2)}

.sl-fakta small{display:block;font-size:var(--h-eyebrow);color:var(--kp-ink3);margin-top:2px}

@media (max-width:860px){
  .sl-roller{grid-template-columns:1fr;gap:10px;max-width:var(--h-max-smal)}
  .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:var(--h-h3)}
  .sl-roll span{order:2;font-size:var(--h-body);color:var(--kp-ink)}
  .sl-pil{transform:rotate(90deg);margin:0 auto;font-size:var(--h-h3)}
  .sl-roll-hero{grid-template-columns:72px auto 1fr}
  .sl-roll-hero b{order:2;font-size:var(--h-h3)}
  .sl-roll-hero span{order:3;color:var(--kp-ink3)}
  .sl-roll-hero .sl-ring{width:72px}
}

/* Jämförelsestaplar */

/* Lösningen */

/* Nivåkort */

/* Priset bryts aldrig; "per år" på egen rad (Johan 2026-10-15) */

/* Resan */

/* Insyn */

.sl-fond-lista{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:var(--h-small);color:var(--kp-ink2)}

.sl-fond-lista li{display:flex;gap:8px;align-items:flex-start;line-height:1.5}

.sl-fond-lista li i{width:11px;height:11px;border-radius:3px;flex:none;align-self:flex-start;margin-top:.42em}

.sl-fond-rubrik{font-size:var(--h-body);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:var(--h-h3);font-weight:800;color:#fff /* theme-ok */}

.sl-f30{background:#3b6fe0} /* theme-ok: solid stapel med vit text */

.sl-f20{background:#13866a} /* theme-ok: solid stapel med vit text */

.sl-f50{background:#d46a1c /* theme-ok */}

/* Avdelare före verktygen */

/* 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}
}

/* Presentationsknappen i undermenyn */

.sl-presentera{margin-left:6px;border:1px solid color-mix(in srgb,var(--sl-lila) 45%,transparent);background:color-mix(in srgb,var(--sl-lila) 12%,transparent);color:var(--kp-lila);border-radius:999px;padding:7px 14px;font:inherit;font-size:var(--h-small);font-weight:700;cursor:pointer;white-space:nowrap}

@media (max-width:1023px){.sl-presentera{display:none}}

/* ── Presentationsläge (assets/presentera.js) ─────────────────────── */

/* Kontrollerna på en egen mörk platta, så de syns på foton och i båda temana (Johan 2026-10-15) */

@media (prefers-reduced-motion:no-preference){
  .sl-ring{animation:sl-ring 1.2s 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 */

/* Driftens not under fördelningen (Johan 2026-10-16) */

/* Räkneexempel för 30/20/50 (Johan 2026-10-16, som i HERO IMPACT-broschyren) */

/* Räknesnurran (2026-10-23): dra i intäkterna, se fördelningen 30/20/50 */

/* Kalkylen på smal skärm: beloppet på egen rad, så att inget klipps (granskningen 2026-11-06) */

@media (max-width:560px){#cm .pk-summa dl div{flex-direction:column;align-items:flex-start;gap:2px}#cm .pk-summa dd{white-space:normal}}

/* Barnens rubrik (mötet 2026-11-06): siffran i rubriken, budskapet under */

.sl h2.sl-barnen-rubrik{max-width:44ch;font-size:var(--h-h2);line-height:1.2}

.sl h2.sl-barnen-rubrik .sl-stort{font-size:var(--h-siffra);margin-bottom:6px}

.sl-barnen-under{margin:10px auto 0;font-weight:600;color:var(--kp-ink)}

/* ══ Ny ordning 2026-11-10 (grafikerns och webbutvecklarens granskning): tio avsnitt, bild 1 och 2, citat, portalen ══ */

/* Avsnitten är bara så höga som innehållet; presentationsläget ger dem fortfarande hel skärm. */

.sl-grafik{min-height:0;padding:88px 0 80px}

.sl h2.sl-h2-mellan{font-size:var(--h-h2);max-width:26ch}

.sl h3{color:var(--kp-ink)}

/* 1. Hjälten: fotot till höger, texten på mörk yta till vänster */

/* 2. Insatsen: rutnätet. Svag röd ton bakom avsnittet. */

.sl-insats{background:linear-gradient(180deg,color-mix(in srgb,var(--sl-rod) 7%,transparent),transparent 70%)}

.ins-rubrik{text-align:center;display:flex;flex-direction:column;align-items:center}

.ins-rubrik h2{max-width:24ch;font-size:var(--h-h2)}

.ins{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:center;margin-top:18px}

.ins-bild{margin:0;min-width:0}

.ins-rutnat{--ins-rod:var(--sl-rod);--ins-bla:var(--sl-bla);--ins-ring:var(--h-ink);position:relative;width:100%}

.ins-rutnat canvas,.ins-lupp canvas{display:block;width:100%}

.ins-pek{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:var(--h-small);font-weight:700;color:var(--kp-ink)}

.ins-pek::after{content:"↙";color:var(--sl-bla);font-size:var(--h-lead);line-height:1}

.ins-ruta{display:inline-block;width:12px;height:12px;border-radius:2px;background:var(--sl-rod);flex:none}

.ins-ruta-bla{background:var(--sl-bla);box-shadow:0 0 0 3px color-mix(in srgb,var(--sl-bla) 40%,transparent)}

.ins-legend{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:var(--h-small);color:var(--kp-ink2)}

.ins-legend span{display:inline-flex;align-items:center;gap:8px}

.ins-lupp{display:none;margin-top:14px;border-radius:12px;overflow:hidden;border:1px solid rgba(var(--kp-fg),.14);background:rgba(var(--kp-fg),.03)}

.ins-lupp span{display:block;padding:6px 12px;font-size:var(--h-eyebrow);color:var(--kp-ink3);border-top:1px solid rgba(var(--kp-fg),.1)}

.ins-tal{display:flex;flex-direction:column;gap:22px;text-align:left}

.ins-tal div{display:flex;flex-direction:column;gap:4px;padding-left:16px;border-left:4px solid var(--c)}

.ins-tal b{font-size:var(--h-siffra);font-weight:800;line-height:1.02;letter-spacing:-.02em;color:var(--c);font-variant-numeric:tabular-nums}

.ins-tal span{font-size:var(--h-body);line-height:1.5;color:var(--kp-ink2)}

.ins-tal strong{color:var(--kp-ink)}

.ins-tal-rod{--c:var(--sl-rod)}

.ins-tal-orange{--c:var(--sl-orange)}

.ins-tal-bla{--c:var(--sl-bla)}

.ins-tal-rod b{font-size:var(--h-siffra)}

.sl-insats .sl-smal,.sl-insats .sl-om{text-align:center}

.sl-om p+p{margin-top:8px}

@media (max-width:860px){.ins{grid-template-columns:1fr;gap:26px}.ins-lupp{display:block}}

/* 3. Landskapet: var BE THE HERO står. Blå ton bakom avsnittet. */

.sl-landskap{background:linear-gradient(180deg,color-mix(in srgb,var(--sl-bla) 7%,transparent),transparent 75%)}

.land{width:100%;max-width:var(--h-max);margin:22px 0 0}

.land-pil{display:flex;align-items:center;gap:12px;font-size:var(--h-small);font-weight:600;color:var(--kp-ink3);margin-bottom:14px}

.land-pil i{flex:1;height:6px;border-radius:3px;background:linear-gradient(90deg,var(--sl-bla),var(--sl-lila) 30%,var(--sl-orange) 70%,var(--sl-rod))}

.land-kol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1.2fr) repeat(4,minmax(0,1fr));gap:12px;text-align:left}

.land-kol li{display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px;border-radius:16px;background:rgba(var(--kp-fg),.04);border:1px solid rgba(var(--kp-fg),.1)}

.land-kol strong{font-size:var(--h-body);line-height:1.3;color:var(--kp-ink2);font-weight:700}

.land-nar{font-size:var(--h-eyebrow);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--kp-ink3)}

.land-kol .land-hero{align-items:center;text-align:center;background:linear-gradient(160deg,color-mix(in srgb,var(--sl-bla) 20%,transparent),color-mix(in srgb,var(--sl-lila) 12%,transparent));border-color:color-mix(in srgb,var(--sl-bla) 65%,transparent);box-shadow:0 0 34px color-mix(in srgb,var(--sl-bla) 22%,transparent)}

.land-hero img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--sl-bla) 50%,transparent))}

.land-namn{font-weight:800;letter-spacing:.04em;font-size:var(--h-body);background:linear-gradient(135deg,var(--sl-lila),var(--sl-bla));-webkit-background-clip:text;background-clip:text;color:transparent}

.land-hero strong{font-size:var(--h-lead);color:var(--kp-ink)}

.land-vem{font-size:var(--h-small);color:var(--kp-ink2)}

@media (max-width:860px){
  .land-pil{display:none}
  .land-kol{grid-template-columns:1fr;gap:8px;position:relative;padding-left:20px}
  .land-kol::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:5px;border-radius:3px;background:linear-gradient(180deg,var(--sl-bla),var(--sl-lila) 30%,var(--sl-orange) 70%,var(--sl-rod))}
  .land-kol li{flex-direction:row;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px}
  .land-kol li strong{font-size:var(--h-body)}
  .land-kol .land-hero{display:grid;grid-template-columns:64px 1fr;text-align:left;align-items:center;gap:2px 14px;padding:16px}
  .land-hero img{grid-row:1/5;width:64px;height:64px}
  .land-kol li:not(.land-hero) .land-nar{order:2;white-space:nowrap}
}

/* 4. Barnen själva: skälen och enkäten bredvid varandra */

.bn-delar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;width:100%;max-width:var(--h-max);margin:40px 0 0;text-align:left}

.bn-del{min-width:0;padding:24px;border-radius:20px;background:rgba(var(--kp-fg),.04);border:1px solid rgba(var(--kp-fg),.1)}

.bn-del h3{margin:0 0 14px;font-size:var(--h-lead);font-weight:800}

.bn-skal{list-style:none;margin:0;padding:0;display:grid;gap:14px}

.bn-skal li{display:flex;gap:14px;align-items:flex-start}

.bn-skal img{width:44px;height:44px;object-fit:contain;flex:none}

.bn-skal b{display:block;font-size:var(--h-body);color:var(--kp-ink);margin-bottom:2px}

.bn-skal span{font-size:var(--h-small);line-height:1.5;color:var(--kp-ink2)}

.bn-skal strong{color:var(--sl-lila)}

.bn-del .sl-stapel{margin-top:6px;height:42px}

.bn-del .sl-stapel-lista{grid-template-columns:1fr}

.bn-del .sl-smal{margin-left:0;text-align:left}

@media (max-width:860px){.bn-delar{grid-template-columns:1fr;gap:16px;margin-top:28px}.bn-del{padding:18px}}

/* 5. Citat: ljusare yta, sida vid sida på dator och svepbara på mobil */

.sl-citat{background:rgba(var(--kp-fg),.035)}

.ct-rad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;max-width:var(--h-max);margin:22px 0 0;text-align:left}

.ct{margin:0;padding:26px 24px 22px;border-radius:20px;background:var(--kp-yta);border:1px solid rgba(var(--kp-fg),.1);display:flex;flex-direction:column;gap:14px;position:relative}

.ct::before{content:"\201D";position:absolute;top:-6px;right:18px;font-size:var(--h-siffra);line-height:1;font-weight:800;color:var(--sl-lila);opacity:.35}

.ct p{margin:0;font-size:var(--h-h3);line-height:1.5;font-weight:600;color:var(--kp-ink)}

.ct .ct-vem{margin-top:auto;font-size:var(--h-small);font-weight:700;letter-spacing:.04em;color:var(--kp-ink3)}

@media (max-width:860px){
  .ct-rad{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:4px 2px 12px;scrollbar-width:thin}
  .ct{flex:0 0 84%;scroll-snap-align:start}
}

/* 6. Lösningen: text till vänster, portalen i datorram till höger, HERO BOX framför */

.ls{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:48px;align-items:center}

.ls-text h2{font-size:var(--h-h2)}

.ls-ikonlista{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:14px}

.ls-ikonlista li{display:flex;gap:14px;align-items:flex-start;font-size:var(--h-lead);line-height:1.45;color:var(--kp-ink2)}

.ls-ikonlista b{color:var(--kp-ink)}

.ls-ikonlista svg{flex:none;width:30px;height:30px;fill:none;stroke:var(--sl-lila);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.ls-bild{position:relative;min-width:0;padding-bottom:40px}

.ls-skarmar{position:relative;display:grid}

.ls-skarm{grid-area:1/1;margin:0;min-width:0}

.ls-ram{padding:10px 10px 12px;border-radius:14px 14px 6px 6px;background:#1b2030 /* theme-ok */;border:1px solid rgba(255,255,255,.12) /* theme-ok */;box-shadow:0 26px 60px rgba(0,0,0,.35) /* theme-ok */}

.ls-ram img{display:block;width:100%;height:auto;border-radius:6px}

.ls-skarm figcaption{margin-top:8px;font-size:var(--h-small);font-weight:600;color:var(--kp-ink3)}

.ls-1{position:relative;z-index:3;width:86%;justify-self:start}

.ls-2,.ls-3{width:56%;justify-self:end;z-index:1}

.ls-2{align-self:start;transform:translate(0,-26px)}

.ls-3{align-self:end;transform:translate(0,54px);z-index:2}

.ls-2 figcaption,.ls-3 figcaption{display:none}

.ls-box{position:absolute;right:-6px;bottom:-30px;z-index:4;width:38%;height:auto;border-radius:12px;box-shadow:0 18px 40px rgba(0,0,0,.4) /* theme-ok */}

.ls-h3{text-align:center;margin:56px 0 0;font-size:var(--h-h2);font-weight:800}

.sl-losning .sl-utv{margin:20px auto 0}

.sl-losning .sl-smal{text-align:center}

@media (max-width:860px){
  .ls{grid-template-columns:1fr;gap:26px}
  .ls-bild{padding-bottom:0}
  .ls-skarmar{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px}
  .ls-skarm{flex:0 0 86%;width:auto;transform:none!important;scroll-snap-align:start}
  .ls-2 figcaption,.ls-3 figcaption{display:block}
  .ls-box{position:relative;right:auto;bottom:auto;display:block;width:62%;margin:14px auto 0}
  .ls-h3{margin-top:36px}
}

/* 7. Resan och insyn: tidslinjen och pengarna i samma avsnitt */

/* 8. De som är med + Två sätt */

.tv-portal{max-width:var(--h-max)}

.tv-portal summary{font-size:var(--h-body)}

.tv-portal-delar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}

.tv-portal-delar>div{padding:16px 18px;border-radius:14px;background:rgba(var(--kp-fg),.04);border:1px solid rgba(var(--kp-fg),.1)}

.tv-portal-delar b{color:var(--kp-ink);font-size:var(--h-body)}

.tv-portal-delar ul{margin:6px 0 0;padding-left:18px;font-size:var(--h-small);line-height:1.55;color:var(--kp-ink2)}

.tv-se-inte{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:14px 18px;border:1px dashed rgba(var(--kp-fg),.25);border-radius:14px;font-size:var(--h-small);line-height:1.55;color:var(--kp-ink2)}

.tv-se-inte b{color:var(--kp-ink)}

.tv-portal p a{color:var(--kp-lila);font-weight:600}

@media (max-width:760px){.tv-portal-delar{grid-template-columns:1fr}}

/* 9. Kalkylen: villkorstexterna är utfällbara */

details.cm-info{padding:0}

details.cm-info summary{cursor:pointer;padding:12px 16px;font-weight:700;color:var(--kp-ink)}

details.cm-info>ul,details.cm-info>p{margin:0;padding:0 16px 14px 34px}

details.cm-info>p{padding-left:16px}

#cm .sl-knappar{margin:16px 0 6px}

.kp-gava-rad{max-width:var(--h-max-text);margin:20px auto 0;padding:14px 18px;border-radius:14px;border:1px solid rgba(var(--kp-fg),.12);text-align:center;font-size:var(--h-body);color:var(--kp-ink2)}

.kp-gava-rad a{color:var(--kp-lila);font-weight:700}

/* 10. Avslutet */

.sl-varmed{padding:96px 0 104px}

/* Mobil */

@media (max-width:760px){
  .sl-grafik{padding:56px 0 52px}
  .sl-barnen .sl-roller-ingress{font-size:var(--h-body)}
}

/* Presentationen: bild 1 och 2 och citaten får plats på en skärm */

/* Justeringar efter första skärmdumparna */

@media (min-width:861px){.ins{grid-template-columns:minmax(0,600px) minmax(0,1fr);justify-content:center}}

.land-kol li:not(.land-hero){justify-content:center}

.land-kol li:not(.land-hero) strong{font-size:var(--h-lead)}

/* Mobil, kortare sida (mål cirka 12 skärmar) */

@media (max-width:760px){
  .sl-grafik{padding:44px 0 40px}
  .sl-utv{gap:8px;margin-top:14px}
  .sl-utv li{display:grid;grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:14px 16px;text-align:left}
  .sl-utv b{font-size:var(--h-siffra)}
  .sl-utv span{font-size:var(--h-small)}
  .ls-box{display:none}
  .sl-superkort img{width:84px}
  .sl-varmed{padding:56px 0 64px}
  .bn-skal{gap:10px}
}

@media (max-width:760px){
  .ins-tal{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}
  .ins-tal-rod{grid-column:1/-1}
  .ins-tal b{font-size:var(--h-siffra)}
  .ins-tal-rod b{font-size:var(--h-siffra)}
  .ins-tal span{font-size:var(--h-small)}
  .bn-del .sl-stapel-lista{grid-template-columns:1fr 1fr;gap:6px 12px;font-size:var(--h-small)}
  .bn-del .sl-stapel-lista small{display:none}
  #cm .pk-val.pk-val-2{grid-template-columns:1fr 1fr}
}

@media (max-width:760px){.ins-tal b{font-size:var(--h-h3);white-space:nowrap}.ins-tal-rod b{font-size:var(--h-siffra)}.sl-utv li{grid-template-columns:118px 1fr}.sl-utv b{font-size:var(--h-h3);white-space:nowrap}}

/* 320 px: rutnätet, luppen och talen ska inte bli bredare än skärmen (2026-11-11). */

.ins>*{min-width:0}

@media (max-width:380px){.ins-tal{grid-template-columns:1fr}.ins-tal b{white-space:normal}}

/* partner.css – det som är nytt på /partner (2026-11-11). Bildsektionerna (.sl-*) kommer från investera.css,
   kalkylen (.pk-*) från kalkyl.css. Bara --h-* tokens; fasta färger är märkta theme-ok. */

/* 1. Nationell sammanställning */

.pa-start{min-height:auto;padding:clamp(56px,8vw,104px) 0 var(--h-12)}

.pa-start h1{font-size:var(--h-display);line-height:var(--h-lh-h1);max-width:20ch}

.pa-ingress{max-width:46ch;margin-left:auto;margin-right:auto}

.pa-nat{width:100%;max-width:var(--h-max);margin:var(--h-4) auto var(--h-6);padding:var(--h-kort-pad);background:var(--h-kort);border:1px solid var(--h-kant);border-radius:var(--h-radie-l);box-shadow:var(--h-skugga)}

.pa-nat-rubrik{margin:0 0 var(--h-4);font-size:var(--h-eyebrow);font-weight:700;letter-spacing:var(--h-ls-eyebrow);text-transform:uppercase;color:var(--h-lila-ljus)}

.pa-nat-tal{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--h-3)}

.pa-tal{display:flex;flex-direction:column;justify-content:center;gap:var(--h-1);padding:var(--h-4) var(--h-3);border-radius:var(--h-radie-s);background:var(--h-yta-2);border:1px solid var(--h-kant);min-width:0}

.pa-tal b{font-size:var(--h-siffra);font-weight:800;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--h-ink);white-space:nowrap}

.pa-tal-stor b{font-size:var(--h-display);background:var(--h-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

.pa-tal span{font-size:var(--h-small);color:var(--h-ink-2)}

.pa-nat[aria-busy=true] .pa-tal b{opacity:.35}

.pa-nat-reserv .pa-nat-tal{display:none}

.pa-nat-under{margin:var(--h-4) 0 0;font-size:var(--h-small);line-height:1.55;color:var(--h-ink-3)}

.pa-prov{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--h-3) var(--h-4);margin-top:var(--h-4);padding-top:var(--h-4);border-top:1px solid var(--h-kant)}

.pa-prov p{margin:0;font-size:var(--h-body);font-weight:600;color:var(--h-ink)}

@media (max-width:640px){
  .pa-nat-tal{grid-template-columns:1fr 1fr}
  .pa-tal-stor{grid-column:1/-1}
  .pa-tal{padding:var(--h-3)}
}

/* 2. Partnerkorten */

.pa-partner{min-height:auto}

.pa-filter{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--h-3) var(--h-4);margin:var(--h-2) 0 var(--h-6)}

.pa-filter label{display:flex;align-items:center;gap:var(--h-2);font-size:var(--h-small);font-weight:600;color:var(--h-ink-2)}

.pa-filter select{font:inherit;font-size:var(--h-small);color:var(--h-ink);background:var(--h-kort);border:1px solid var(--h-kant-stark);border-radius:var(--h-radie-s);padding:9px 12px;max-width:100%}

.pa-filter-antal{flex-basis:100%;margin:0;font-size:var(--h-small);color:var(--h-ink-3);min-height:1em}

.pa-kort{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:var(--h-4);width:100%;text-align:left}

.pa-pk{display:flex;flex-direction:column;background:var(--h-kort);border:1px solid var(--h-kant);border-radius:var(--h-radie);box-shadow:var(--h-skugga);overflow:hidden;min-width:0}

.pa-pk-reserv{padding:var(--h-kort-pad);gap:var(--h-2)}

.pa-pk-reserv h3{margin:0;font-size:var(--h-h3);color:var(--h-ink)}

.pa-pk-reserv p{margin:0;font-size:var(--h-small);color:var(--h-ink-2)}

.pa-pk-reserv a,.pa-pk-lankar a{font-size:var(--h-small);font-weight:600;color:var(--h-lila-ljus);text-decoration:none}

.pa-pk-reserv a:hover,.pa-pk-lankar a:hover{text-decoration:underline}

.pa-pk-logga{display:flex;align-items:center;justify-content:center;height:128px;padding:var(--h-6);background:var(--h-media);border-bottom:1px solid var(--h-kant)}

.pa-pk-logga img{max-width:78%;max-height:84px;width:auto;height:auto;object-fit:contain}

.pa-pk-logga span{color:var(--h-ink);font-weight:700}

/* Positiv logga (mörk text) på ljus platta, också i mörkt läge. */

.pa-pk-logga--ljus{background:#fff /* theme-ok */}

.pa-pk-kropp{display:flex;flex-direction:column;gap:var(--h-2);padding:var(--h-kort-pad);flex:1}

.pa-pk-niva{align-self:flex-start;font-size:var(--h-eyebrow);font-weight:700;letter-spacing:var(--h-ls-eyebrow);text-transform:uppercase;color:var(--h-lila-ljus);padding:4px 10px;border-radius:var(--h-radie-pill);border:1px solid var(--h-kant-brand)}

.pa-pk h3{margin:0;font-size:var(--h-h3);line-height:1.3;color:var(--h-ink)}

.pa-pk-stjarna{margin:0;font-size:var(--h-small);font-weight:700;color:var(--h-gul)}

.pa-pk-beslut{margin:0;font-size:var(--h-body);line-height:1.55;color:var(--h-ink-2)}

.pa-pk-tal{display:grid;grid-template-columns:1fr 1fr;gap:var(--h-2);margin-top:var(--h-1)}

.pa-pk-tal div{padding:var(--h-3);border-radius:var(--h-radie-s);background:var(--h-yta-2);border:1px solid var(--h-kant)}

.pa-pk-tal b{display:block;font-size:var(--h-h3);font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--h-ink);white-space:nowrap}

.pa-pk-tal span{font-size:var(--h-small);color:var(--h-ink-3)}

.pa-pk-kommuner{margin:0;font-size:var(--h-small);line-height:1.5;color:var(--h-ink-3)}

.pa-pk-lankar{display:flex;flex-wrap:wrap;gap:var(--h-2) var(--h-4);margin-top:auto;padding-top:var(--h-2)}

.pa-pk-lankar .pa-pk-webb{color:var(--h-ink-2);font-weight:500}

.pa-tomt{grid-column:1/-1;text-align:center;color:var(--h-ink-2)}

.pa-tomt button{font:inherit;font-weight:600;color:var(--h-lila-ljus);background:none;border:0;cursor:pointer;text-decoration:underline}

.pa-kort-not{max-width:70ch}

.pa-aven{display:grid;grid-template-columns:1fr 1fr;gap:var(--h-4);width:100%;max-width:var(--h-max);margin-top:var(--h-6)}

.pa-aven>div{display:flex;align-items:center;gap:var(--h-4);padding:var(--h-4);border-radius:var(--h-radie);background:var(--h-media);border:1px solid var(--h-kant);text-align:left}

.pa-aven img{flex:none;height:40px;width:auto;max-width:140px;object-fit:contain}

.pa-aven span{font-size:var(--h-small);line-height:1.5;color:rgba(255,255,255,.78) /* theme-ok */}

@media (max-width:640px){.pa-aven{grid-template-columns:1fr}}

/* 3. Nivåerna */

.pa-nivaer{min-height:auto}

.pa-niva-lista{list-style:none;margin:var(--h-4) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--h-3);width:100%;text-align:left}

.pa-niva-lista li{display:flex;flex-direction:column;gap:var(--h-1);padding:var(--h-4);background:var(--h-kort);border:1px solid var(--h-kant);border-radius:var(--h-radie);box-shadow:var(--h-skugga)}

.pa-niva-lista b{font-size:var(--h-lead);color:var(--h-ink)}

.pa-niva-tal{font-size:var(--h-small);font-weight:700;color:var(--h-lila-ljus)}

.pa-niva-lista p{margin:var(--h-1) 0 0;font-size:var(--h-small);line-height:1.5;color:var(--h-ink-2)}

.pa-niva-stjarna{border-color:var(--h-kant-brand)!important}

.pa-niva-stjarna b span{color:var(--h-gul)}

@media (max-width:1024px){.pa-niva-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (max-width:540px){.pa-niva-lista{grid-template-columns:1fr}}

/* 4f. Vad det kostar */

.pa-kostnad-delar{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--h-4);align-items:start;max-width:var(--h-max);margin:0 auto}

.pa-kostnad-tal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--h-3)}

.pa-kostnad-tal div{padding:var(--h-4);border-radius:var(--h-radie-s);background:var(--h-kort);border:1px solid var(--h-kant)}

.pa-kostnad-tal b{display:block;font-size:var(--h-h3);font-weight:800;font-variant-numeric:tabular-nums;color:var(--h-ink);white-space:nowrap}

.pa-kostnad-tal span{font-size:var(--h-small);color:var(--h-ink-3)}

.pa-material{margin:0}

.pa-material p{margin:var(--h-2) 0 0;font-size:var(--h-small);line-height:1.6;color:var(--h-ink-2)}

.pa-ingar{max-width:var(--h-max);margin:var(--h-8) auto 0;padding:var(--h-kort-pad);background:var(--h-kort);border:1px solid var(--h-kant);border-radius:var(--h-radie);box-shadow:var(--h-skugga)}

.pa-ingar h3{margin:0 0 var(--h-3);font-size:var(--h-h3);color:var(--h-ink)}

.pa-ingar ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:var(--h-2) var(--h-6)}

.pa-ingar li{position:relative;padding-left:26px;font-size:var(--h-small);line-height:1.55;color:var(--h-ink-2)}

.pa-ingar li::before{content:"";position:absolute;left:2px;top:.35em;width:12px;height:7px;border-left:2px solid var(--h-gron);border-bottom:2px solid var(--h-gron);transform:rotate(-45deg)}

@media (max-width:760px){.pa-kostnad-delar,.pa-ingar ul{grid-template-columns:1fr}}

@media (max-width:420px){.pa-kostnad-tal{grid-template-columns:1fr}}

/* Partnerportalen */

.pa-portal{display:flex;align-items:center;justify-content:space-between;gap:var(--h-4) var(--h-6);flex-wrap:wrap;max-width:var(--h-max);margin:var(--h-8) auto 0;padding:var(--h-kort-pad);background:var(--h-kort);border:1px solid var(--h-kant-brand);border-radius:var(--h-radie-l);box-shadow:var(--h-skugga)}

.pa-portal>div{flex:1 1 420px;min-width:0}

.pa-portal h3{margin:0 0 var(--h-1);font-size:var(--h-h3);color:var(--h-ink)}

.pa-portal p{margin:0;font-size:var(--h-small);line-height:1.6;color:var(--h-ink-2)}

/* 4h. Målet */

.pa-mal{min-height:auto}

.pa-mal-tal{display:grid;grid-template-columns:1fr 1fr;gap:var(--h-4);width:100%;max-width:var(--h-max-text);margin-top:var(--h-4)}

.pa-mal-tal div{padding:var(--h-6) var(--h-4);border-radius:var(--h-radie);background:var(--h-kort);border:1px solid var(--h-kant);box-shadow:var(--h-skugga)}

.pa-mal-tal b{display:block;font-size:var(--h-siffra);font-weight:800;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--h-gron);white-space:nowrap}

.pa-mal-tal span{font-size:var(--h-small);color:var(--h-ink-2)}

.pa-mal-not{max-width:62ch;margin:var(--h-6) auto 0;font-size:var(--h-body);line-height:1.6;color:var(--h-ink-2)}

.pa-mal-not b{color:var(--h-ink)}

@media (max-width:540px){.pa-mal-tal{grid-template-columns:1fr}}

/* 5. Överskottet */

.pa-overskott{min-height:auto}

.pa-overskott-text{max-width:62ch;margin:0 auto var(--h-6);font-size:var(--h-lead);line-height:1.6;color:var(--h-ink-2)}

.pa-fond{width:100%;max-width:var(--h-max);padding:var(--h-kort-pad);background:var(--h-kort);border:1px solid var(--h-kant);border-radius:var(--h-radie);box-shadow:var(--h-skugga);text-align:left}

.pa-fond .sl-fond-lista li span{flex:1}

.pa-fond .sl-fond-lista b{color:var(--h-ink)}

.pa-fond-revisor{margin:var(--h-4) 0 0;font-size:var(--h-small);font-weight:600;color:var(--h-ink)}

/* 6. Underlag för er styrelse */

.pa-underlag-lista{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--h-4);max-width:var(--h-max)}

.pa-underlag-lista li{display:flex;gap:var(--h-3);padding:var(--h-kort-pad);background:var(--h-kort);border:1px solid var(--h-kant);border-radius:var(--h-radie);box-shadow:var(--h-skugga)}

.pa-underlag-lista svg{flex:none;width:28px;height:28px;fill:none;stroke:var(--h-lila-ljus);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.pa-underlag-lista b{display:block;margin-bottom:var(--h-1);font-size:var(--h-body);color:var(--h-ink)}

.pa-underlag-lista span{font-size:var(--h-small);line-height:1.55;color:var(--h-ink-2)}

.pa-underlag-lista a,.pa-underlag-not a{color:var(--h-lila-ljus);font-weight:600}

.pa-underlag-not{margin:var(--h-6) auto 0;text-align:center;font-size:var(--h-small);color:var(--h-ink-3)}

@media (max-width:960px){.pa-underlag-lista{grid-template-columns:1fr 1fr}}

@media (max-width:600px){.pa-underlag-lista{grid-template-columns:1fr}}

/* Barnen: rubriken över ringarna och stapelns färger (förut inline). */

.pa-roller-rubrik{margin:var(--h-6) 0 0;font-size:var(--h-small);font-weight:700;letter-spacing:.04em;color:var(--h-ink-3)}

.pa-s1{background:var(--sl-rod)}

.pa-s2{background:#b0846f /* theme-ok */}

.pa-s3{background:var(--sl-orange)}

.pa-s4{background:var(--sl-gron)}

.pa-s6{background:rgba(var(--h-fg),.18)}

/* Undernavigeringen ska inte ge sidledsscroll på smala skärmar. */


/* 2b. Kärnbudskapet ovanför Landskapet */

.sl-mitt h2.pa-budskap{max-width:28ch;font-size:var(--h-h2)}

.pa-budskap-text{max-width:60ch;margin-left:auto;margin-right:auto}

/* Loggorna har redan en egen platta (mörk eller ljus) – stäng av ljusa lägets extra platta från styles.css. */

body.light-mode .pa-pk-logga img,body.light-mode .pa-aven img{background:none!important;padding:0!important}

/* Rollgranskningen 2026-11-11 */

/* Partnerkortet leder med ansatsen ("Erbjuder 72 skolor – 10 är med hittills"), inte en kvot. */

.pa-pk-ansats{margin:0;font-size:var(--h-body);line-height:1.5;color:var(--h-ink-2)}

.pa-pk-ansats b{color:var(--h-ink);font-variant-numeric:tabular-nums}

.pa-pk-tal div:only-child{grid-column:1/-1}

.pa-visa-alla{display:none;margin-top:var(--h-4)}

.pa-regioner{max-width:62ch;margin:var(--h-4) auto 0;padding:var(--h-4);border-radius:var(--h-radie);background:var(--h-kort);border:1px solid var(--h-kant);font-size:var(--h-small);line-height:1.6;color:var(--h-ink-2)}

.pa-regioner b{color:var(--h-ink)}

.pa-regioner a{color:var(--h-lila-ljus);font-weight:600}

/* Mobil: kompakta kort, tre synliga och Visa alla partner. */

@media (max-width:640px){
  .pa-kort-begransad .pa-pk:nth-child(n+4){display:none}
  .pa-visa-alla:not([hidden]){display:inline-flex}
  .pa-pk-logga{height:84px;padding:var(--h-4)}
  .pa-pk-logga img{max-height:56px}
  .pa-pk-kropp{gap:6px;padding:var(--h-4)}
  .pa-pk h3{font-size:var(--h-lead)}
  .pa-pk-beslut{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:var(--h-small)}
  .pa-pk-kommuner{display:none}
  .pa-pk-tal div{padding:var(--h-2) var(--h-3)}
  .pa-pk-tal b{font-size:var(--h-lead)}
}

/* Landskapet: alla rutor har samma vikt; bara BE THE HERO markeras som först. */

.land-kol li:not(.land-hero){background:var(--h-kort);border-color:var(--h-kant-stark)}

.land-kol li:not(.land-hero) strong{color:var(--h-ink)}

.land-kol li:not(.land-hero) .land-nar{color:var(--h-ink-2)}

/* BST – nationell partner, eget stort kort överst bland partnerna. */

.pa-nationell{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);width:100%;max-width:var(--h-max);margin:var(--h-2) 0 var(--h-6);text-align:left;background:var(--h-kort);border:1px solid var(--h-kant-brand);border-radius:var(--h-radie-l);box-shadow:var(--h-skugga);overflow:hidden}

.pa-nationell-logga{display:flex;align-items:center;justify-content:center;padding:var(--h-8);background:var(--h-media)}

.pa-nationell-logga img{max-width:70%;max-height:140px;width:auto;height:auto;object-fit:contain}

body.light-mode .pa-nationell-logga img{background:none!important;padding:0!important}

.pa-nationell-text{display:flex;flex-direction:column;gap:var(--h-2);justify-content:center;padding:var(--h-8)}

.pa-nationell-text h3{margin:0;font-size:var(--h-h3);line-height:1.25;color:var(--h-ink)}

.pa-nationell-text p{margin:0;font-size:var(--h-body);line-height:1.6;color:var(--h-ink-2)}

.pa-nationell-text a{font-size:var(--h-small);font-weight:600;color:var(--h-lila-ljus);text-decoration:none}

@media (max-width:640px){.pa-nationell{grid-template-columns:1fr}.pa-nationell-logga{padding:var(--h-6)}.pa-nationell-logga img{max-height:90px}.pa-nationell-text{padding:var(--h-4)}}

.pa-aven{grid-template-columns:1fr;max-width:var(--h-max-smal)}

/* Det barnen säger – eget avsnitt, fyra kort (Johan 2026-11-11). */

.pa-bn-en{grid-template-columns:minmax(0,640px);justify-content:center}

.pa-sager{min-height:auto}

.pa-skal{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--h-4);width:100%;max-width:var(--h-max);margin-top:var(--h-6);text-align:left}

.pa-skal li{flex-direction:column;gap:var(--h-3);padding:var(--h-kort-pad);background:var(--h-kort);border:1px solid var(--h-kant);border-radius:var(--h-radie);box-shadow:var(--h-skugga)}

.pa-skal img{width:64px;height:64px}

.pa-skal b{font-size:var(--h-h3);line-height:1.3}

.pa-skal span{font-size:var(--h-body);line-height:1.55}

.pa-skal span>strong:first-child{display:block;margin-bottom:var(--h-1);font-size:var(--h-12);font-weight:800;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--h-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

.pa-sager-not{max-width:70ch;margin:var(--h-6) auto 0;font-size:var(--h-small);line-height:1.6;color:var(--h-ink-2)}

@media (max-width:1024px){.pa-skal{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (max-width:560px){.pa-skal{grid-template-columns:1fr}.pa-skal li{flex-direction:row}.pa-skal img{width:48px;height:48px}.pa-skal span>strong:first-child{font-size:var(--h-siffra)}}


.pa-skal-kraft{display:block;margin-bottom:var(--h-1);font-size:var(--h-eyebrow);font-weight:700;letter-spacing:var(--h-ls-eyebrow);text-transform:uppercase;color:var(--h-lila-ljus)}
/* ── Layoutsteg 7 och presentationsbilderna (2026-11-11) ───────────────────────── */
/* Hopplänkar: den fasta menyn och undermenyn skymmer inte avsnittets etikett. */
.sl[id],.kp-section[id]{scroll-margin-top:calc(var(--kp-header-h,81px) + 64px)}

/* Det berör hela klassen: tre stora tal. */
.pa-problem{min-height:auto}
.pa-problem-tal{list-style:none;margin:var(--h-6) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--h-4);width:100%;max-width:var(--h-max);text-align:left}
.pa-problem-tal li{display:flex;flex-direction:column;gap:var(--h-2);padding:var(--h-kort-pad);background:var(--h-kort);border:1px solid var(--h-kant);border-radius:var(--h-radie);box-shadow:var(--h-skugga)}
.pa-problem-tal b{font-size:var(--h-siffra);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--sl-rod);font-variant-numeric:tabular-nums}
.pa-problem-tal span{font-size:var(--h-lead);line-height:1.45;color:var(--h-ink)}
.pa-problem-tal small{margin-top:auto;font-size:var(--h-small);line-height:1.5;color:var(--h-ink-3)}
.pa-problem-not{max-width:var(--h-max-text)}
@media (max-width:860px){.pa-problem-tal{grid-template-columns:1fr}}

/* 8 av 10 */
.pa-atta{min-height:auto}

/* Fördelningen i klassen (utfällbar under Det barnen säger). */
.pa-fordelning{width:100%;max-width:var(--h-max-text)}
.pa-fordelning-ingress{font-size:var(--h-small);color:var(--h-ink-2)}
.pa-fordelning-del{margin-top:var(--h-3)}

/* Sedan 2018 – tidslinjen */
.pa-sedan{min-height:auto}
.pa-sedan-logga{height:48px;width:auto;margin-bottom:var(--h-3)}
.pa-tidslinje{list-style:none;margin:var(--h-6) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--h-4);width:100%;max-width:var(--h-max);text-align:left;counter-reset:tl}
.pa-tidslinje li{display:flex;flex-direction:column;gap:var(--h-2);padding:var(--h-4) var(--h-4) var(--h-6);background:var(--h-kort);border:1px solid var(--h-kant);border-top:4px solid var(--h-bla);border-radius:var(--h-radie);box-shadow:var(--h-skugga)}
.pa-tidslinje b{font-size:var(--h-h3);color:var(--h-ink)}
.pa-tidslinje span{font-size:var(--h-small);line-height:1.55;color:var(--h-ink-2)}
.pa-tidslinje .pa-tidslinje-nu{border-top-color:var(--h-gron)}
.pa-tidslinje-nu span span{font-weight:700;color:var(--h-ink)}
@media (max-width:1024px){.pa-tidslinje{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.pa-tidslinje{grid-template-columns:1fr}}


/* ── Presentationsscenen (assets/partner-pres.js, 2026-11-11) ──────────────────────
   En fast 16:9-yta i logiska 1920×1080 px som skalas som helhet till fönstret (letterbox).
   Storlekarna nedan är logiska px i scenen; skalan gör dem till storskärmsskalan i fönstret.
   Vid 1280×720 blir metatexten 20 px och vid 1024×768 16 px – aldrig under --h-pres-meta:s golv.
   Varje standardbild har en fast rubrikzon (.pp-huvud) överst, så att rubrikerna står på samma höjd. */
.pp-scen{--pp-huvud:76px;--pp-stor:100px;--pp-mellan:64px;--pp-tal:84px;--pp-text:36px;--pp-meta:30px; /* storlek-ok: logiska px i den skalade scenen */
  --pp-b700:700px;--pp-b1400:1400px;--pp-b1500:1500px;--pp-b1680:1680px; /* bredd-ok: logiska bredder i scenen */
  position:fixed;inset:0;z-index:2147483000;background:var(--h-bg);color:var(--h-ink);font-family:var(--h-font);overflow:hidden}
.pp-scen[hidden]{display:none!important}
/* Allt annat på sidan – också support-chatten och andra flytande rutor – döljs medan presentationen är öppen. */
html.pp-aktiv,html.pp-aktiv body{overflow:hidden}
html.pp-aktiv body>*:not(.pp-scen){display:none!important}
.pp-yta{position:absolute;left:50%;top:50%;width:1920px;height:1080px;transform-origin:50% 50%;background:var(--h-bg)}
.pp-sida{box-sizing:border-box;width:100%;height:100%;padding:64px 120px 112px;text-align:center}
.pp-sida *{margin:0}
.pp-standard{display:flex;flex-direction:column;gap:0}
.pp-huvud{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:18px}
.pp-innehall{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:0;padding-top:28px}
.pp-oppning{display:flex;align-items:center;justify-content:center}
.pp-delad-bild{display:flex;align-items:flex-start;justify-content:center}
.pp-etikett{font-size:var(--pp-meta);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--h-lila-ljus)}
.pp-h{font-size:var(--pp-huvud);font-weight:800;line-height:1.08;letter-spacing:-.025em;text-wrap:balance;max-width:var(--pp-b1500);color:var(--h-ink)}
.pp-h-stor{font-size:var(--pp-stor)}
.pp-h-mellan{font-size:var(--pp-mellan)}
.pp-bild-4 .pp-h{font-size:var(--pp-mellan)}
.pp-grad{background:var(--h-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pp-budskap{font-size:var(--pp-text);line-height:1.35;color:var(--h-ink-2);max-width:var(--pp-b1400);text-wrap:balance}
.pp-text{font-size:var(--pp-text);line-height:1.3;color:var(--h-ink)}
.pp-meta{font-size:var(--pp-meta);line-height:1.3;color:var(--h-ink-2)}
.pp-not{color:var(--h-ink-3)}
.pp-tal{font-size:var(--pp-tal);font-weight:800;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:var(--h-grad);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.pp-tal-stor{font-size:var(--pp-stor)}
.pp-rod{background:none;color:var(--h-rod)}.pp-orange{background:none;color:var(--h-orange)}.pp-bla{background:none;color:var(--h-bla)}
.pp-mitt{display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.pp-logga{width:140px;height:140px;object-fit:contain}
.pp-niva{font-size:var(--pp-meta);font-weight:700;color:var(--h-lila-ljus)}
.pp-kort-rubrik{font-size:var(--pp-text);font-weight:800;line-height:1.2;color:var(--h-ink)}
.pp-stjarna{font-size:var(--pp-meta);font-weight:700;line-height:1.25;color:var(--h-gul)}

/* Rader med lika breda, lika höga kort; innehållet toppjusterat och det sista elementet i botten. */
.pp-rad{display:grid;gap:28px;width:100%;max-width:var(--pp-b1680);align-items:stretch}
.pp-rad-3{grid-template-columns:repeat(3,1fr)}.pp-rad-4{grid-template-columns:repeat(4,1fr)}.pp-rad-5{grid-template-columns:repeat(5,1fr)}
.pp-kort{display:flex;flex-direction:column;justify-content:flex-start;gap:14px;padding:32px 28px;background:var(--h-kort);border:2px solid var(--h-kant-stark);border-radius:28px;box-shadow:var(--h-skugga);text-align:left;min-width:0}
.pp-kort.pp-mitt{align-items:center;text-align:center;justify-content:center}
.pp-kalla,.pp-botten{margin-top:auto!important}
.pp-kalla{color:var(--h-ink-3)}
.pp-markerad{border-color:var(--h-bla);box-shadow:0 0 0 4px color-mix(in srgb,var(--h-bla) 18%,transparent)}

/* Bild 2: partner. Alla loggor på samma mörka platta, i negativ version. */
.pp-platta{display:flex;align-items:center;justify-content:center;height:180px;border-radius:20px;padding:20px;background:var(--h-media);border:2px solid var(--h-kant-stark)}
.pp-platta img{max-width:92%;max-height:130px;object-fit:contain}
.pp-platta span{font-size:var(--pp-meta);font-weight:700;color:var(--h-ink)}
body.light-mode .pp-platta img{background:none!important;padding:0!important}
.pp-partner{padding:20px 20px 26px;gap:12px;text-align:center}
.pp-partner .pp-tal{font-size:var(--pp-mellan)}
.pp-bst{display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:center;width:100%;max-width:var(--pp-b1680);padding:16px;background:var(--h-kort);border:2px solid var(--h-kant-brand);border-radius:28px;text-align:left}
.pp-bst .pp-platta{height:120px}

/* Bild 4: pilen och de fem rutorna, alla toppjusterade och lika. */
.pp-pil{display:flex;align-items:center;gap:20px;width:100%;max-width:var(--pp-b1680);font-size:var(--pp-meta);font-weight:700;color:var(--h-ink-2)}
.pp-pil i{flex:1;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--h-bla),var(--h-lila) 30%,var(--h-orange) 70%,var(--h-rod))}
.pp-land{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;width:100%;max-width:var(--pp-b1680)}
.pp-land li{display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:28px 24px;background:var(--h-kort);border:2px solid var(--h-kant-stark);border-radius:24px;text-align:left}
.pp-land b{font-size:var(--pp-meta);line-height:1.25;color:var(--h-ink)}
.pp-land span{font-size:var(--pp-meta);font-weight:700;color:var(--h-ink-3)}
.pp-land-hero{border-color:var(--h-bla)!important;background:color-mix(in srgb,var(--h-bla) 10%,var(--h-kort))!important}
.pp-land-hero img{width:72px;height:72px}
.pp-land-hero span{color:var(--h-bla)}

/* Bild 5 och 8: två spalter, överkanterna linjerade. */
.pp-delad{display:grid;grid-template-columns:auto 1fr;gap:80px;align-items:start;width:100%;text-align:left}
.pp-delad .pp-h{text-align:left;margin:18px 0 36px}
.pp-rutnat-del{display:flex;flex-direction:column;gap:16px;width:var(--pp-b700)}
.pp-lupp{display:flex;flex-direction:column;gap:10px;padding:12px;border:2px solid var(--h-kant-stark);border-radius:20px;background:var(--h-kort)}
.pp-lupp b{color:var(--h-ink)}
.pp-lista-tal{display:flex;flex-direction:column;gap:28px}
.pp-lista-tal>div{padding-left:24px;border-left:6px solid currentColor}
.pp-lista-tal>div:nth-child(1){color:var(--h-rod)}.pp-lista-tal>div:nth-child(2){color:var(--h-orange)}.pp-lista-tal>div:nth-child(3){color:var(--h-bla)}
.pp-lista-tal .pp-text{color:var(--h-ink-2)}
.pp-bild-8 .pp-delad{grid-template-columns:1fr 1fr;align-items:center}
.pp-punkter{list-style:none;padding:0;display:flex;flex-direction:column;gap:22px}
.pp-punkter li{font-size:var(--pp-text);line-height:1.3;color:var(--h-ink-2);padding-left:48px;position:relative}
.pp-punkter li::before{content:"";position:absolute;left:0;top:.3em;width:22px;height:12px;border-left:5px solid var(--h-gron);border-bottom:5px solid var(--h-gron);transform:rotate(-45deg)}
.pp-punkter b{color:var(--h-ink)}
.pp-bild img{width:100%;border-radius:24px;box-shadow:var(--h-skugga)}

/* Bild 7: fyra kort med samma struktur */
.pp-kraft img{width:80px;height:80px;object-fit:contain}
.pp-kraft .pp-tal{font-size:var(--pp-mellan);margin-top:6px!important}
.pp-kraft .pp-kort-rubrik{min-height:2.4em}

/* Bild 9: tidslinjen */
.pp-tid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;width:100%;max-width:var(--pp-b1680)}
.pp-tid li{display:flex;flex-direction:column;gap:8px;padding:22px 24px;background:var(--h-kort);border:2px solid var(--h-kant-stark);border-top:8px solid var(--h-bla);border-radius:22px;text-align:left}
.pp-tid b{font-size:var(--pp-meta);color:var(--h-ink)}
.pp-tid span{font-size:var(--pp-meta);line-height:1.25;color:var(--h-ink-2)}
.pp-tid .pp-tid-nu{border-top-color:var(--h-gron)}
.pp-tid .pp-tid-nu span{color:var(--h-ink);font-weight:700}

/* Bild 10: nivåerna som en lista med fem rader – namn, omfång och vad det innebär på samma linje. */
.pp-nivaer{display:flex;flex-direction:column;gap:16px;width:100%;max-width:var(--pp-b1680)}
.pp-nivaer .pp-kort{display:grid;grid-template-columns:440px 360px 1fr;align-items:center;gap:24px;padding:14px 36px;border-radius:22px}
.pp-nivaer .pp-niva{font-size:var(--pp-text)}

/* Bild 12: stapeln och texterna i samma rutnät, så att texterna linjerar med segmenten. */
.pp-fond{display:grid;grid-template-columns:1fr 1fr 2fr;width:100%;max-width:var(--pp-b1680);column-gap:0;row-gap:20px;text-align:left}
.pp-fond i{display:flex;align-items:center;justify-content:center;height:120px;font-style:normal;font-size:var(--pp-mellan);font-weight:800;color:#fff} /* theme-ok: vit text på solid stapel */
.pp-fond i:first-child{border-radius:24px 0 0 24px}.pp-fond i:nth-child(3){border-radius:0 24px 24px 0}
.pp-fond .pp-meta{padding-right:28px}
.pp-f1{background:#3b6fe0}.pp-f2{background:#13866a}.pp-f3{background:#d46a1c} /* theme-ok: samma stapelfärger som på sidan */

/* Bild 13 */
.pp-krafter{display:flex;gap:24px}
.pp-krafter img{width:120px;height:120px;object-fit:contain}

/* Kontrollerna: små, halvtransparenta, i hörnet; tonas ut när ingen rör musen. */
.pp-kontroller{position:absolute;right:16px;bottom:12px;display:flex;align-items:center;gap:8px;font-size:var(--h-pres-meta);color:var(--h-ink-3);opacity:.6;transition:opacity .4s}
.pp-vila .pp-kontroller{opacity:0}
.pp-kontroller:hover,.pp-kontroller:has(:focus-visible){opacity:1}
.pp-scen:focus{outline:none}
.pp-raknare{font-variant-numeric:tabular-nums;margin-right:6px}
.pp-kontroller button{font:inherit;font-size:var(--h-small);line-height:1;color:var(--h-ink-2);background:transparent;border:1px solid var(--h-kant-stark);border-radius:var(--h-radie-pill);min-width:36px;height:36px;padding:0 12px;cursor:pointer}
.pp-kontroller button:hover{color:var(--h-ink);border-color:var(--h-ink-3)}

/* Partnerkorten på sidan: jämnt rutnät, lika höga kort, sista raden centrerad (5 partner = 3 + 2). */
@media (min-width:1025px){
  .pa-kort{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr}
  .pa-kort>.pa-pk{grid-column:span 2}
  .pa-kort>.pa-pk:nth-child(3n+1):nth-last-child(2){grid-column:2/span 2}
  .pa-kort>.pa-pk:nth-child(3n+1):last-child{grid-column:3/span 2}
}
@media (min-width:641px) and (max-width:1024px){.pa-kort{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}.pa-kort>.pa-pk:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - var(--h-2));justify-self:center;width:100%}}

/* Bildjusteringar efter första kontaktbladet */
.pa-nat-byggt{margin:var(--h-4) 0 0;font-size:var(--h-body);line-height:1.55;color:var(--h-ink)}

/* Granskningen 2026-11-11 (sidan) */
.pa-prov[hidden]{display:none!important}
.pa-pk-ansats{margin-top:auto!important}
.land-kol li:not(.land-hero){justify-content:flex-start}
.ct::before{top:6px}
.pa-kostnad-delar{grid-template-columns:1fr;max-width:var(--h-max)}
.pa-kostnad-tal{grid-template-columns:repeat(3,minmax(0,1fr))}
.pa-mal-tal{max-width:var(--h-max)}
.pa-mal-not{max-width:var(--h-max-text)}
.ins-legend{max-width:var(--h-max-smal)}
.ls-box-stor{display:block;width:100%;height:auto;border-radius:var(--h-radie-l);box-shadow:var(--h-skugga)}

/* Granskningen: bild 2, 4, 7 och 9 */
.pp-bild-2 .pp-platta{height:150px;padding:12px}.pp-bild-2 .pp-platta img{max-height:126px;max-width:100%}
.pp-bild-2 .pp-partner{gap:10px}
.pp-land{grid-template-columns:1.4fr repeat(4,1fr)}
.pp-land li:not(.pp-land-hero) b{font-size:var(--pp-text)}
.pp-bild-7 .pp-kraft img{width:64px;height:64px}
.pp-bild-7 .pp-kort{padding:24px 24px;gap:10px}
.pp-tid span{font-size:32px /* storlek-ok: logiska px i scenen */}
.pp-nivaer{gap:12px}

/* Omgranskningen: etikett och rubrik på samma höjd på alla bilder (etiketten högst upp i ytan), luppen klipps i sin ram, Godhjärtad utan tal. */
.pp-etikett{height:50px;line-height:50px;display:flex;align-items:center;justify-content:center}
.pp-etikett img{display:block;height:46px;width:auto;border-radius:6px}
.pp-delad .pp-etikett{justify-content:flex-start}
.pp-lupp{overflow:hidden}
.pp-lupp canvas{display:block;max-width:100%}
.pp-kraft-mening{font-size:var(--pp-text);font-weight:800;line-height:1.15;color:var(--h-ink);min-height:calc(var(--pp-mellan) * 1);margin-top:6px!important}
.pp-bild-11 .pp-kort.pp-mitt{justify-content:flex-start}
.pp-bild-3 .pp-tal-stor{font-size:var(--pp-stor)}
.pp-bild-3 .pp-kort{padding:56px 28px}
.pp-bild-11 .pp-kort{padding:48px 28px}
.pp-bild-12 .pp-fond i{height:150px}

/* Sidan: provraden är skolornas egen rad under knapparna; partnerkorten har kommunlistan på samma höjd. */
.pa-andra{line-height:1.9}
.pa-pk-kommuner{min-height:3em}
.pa-pk-kommuner span{white-space:nowrap}
.pa-pk-logga{background:var(--h-media)}
.pa-pk-lankar{min-height:4.4em;align-content:flex-start}

/* Undermenyn: chipsraden centreras och rullar bara när den inte ryms; Presentera ligger alltid synlig utanför den. */
.kp-subnav-inner.pa-subnav{display:flex;align-items:center;justify-content:center;gap:10px;overflow:visible;max-width:var(--h-max)}
.pa-chips{position:relative;display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}
.pa-chips::-webkit-scrollbar{display:none}
.pa-subnav .sl-presentera{flex:none;margin-left:6px}
@media (max-width:760px){
  .kp-subnav-inner.pa-subnav{justify-content:flex-start;padding-right:0}
  .pa-chips{padding-right:32px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)} /* theme-ok: mask, ingen färg */
}

/* Allmänna Arvsfonden (Johan 2026-11-12). Loggan i två versioner: negativ (vit text) i mörkt läge, positiv (svart text) i ljust läge –
   annars försvinner "Allmänna Arvsfonden" på ljus bakgrund. Gäller sidan och presentationen (båda sätter body.light-mode). */
.af-pos{display:none!important}
body.light-mode .af-neg{display:none!important}
body.light-mode .af-pos{display:block!important}
body.light-mode .pa-af-rad .af-pos{display:inline-block!important}
.pa-af-rad{display:inline-flex;align-items:center;gap:var(--h-3);margin-bottom:var(--h-4);padding:var(--h-2) var(--h-4) var(--h-2) var(--h-2);border:1px solid var(--h-kant);border-radius:999px;background:var(--h-kort);color:var(--h-ink);font-size:var(--h-small);font-weight:600;text-decoration:none}
.pa-af-rad img{height:32px;width:auto}
.pa-af-rad:hover{border-color:var(--h-kant-stark)}
.pa-aven a{color:inherit;text-decoration:underline}
.pa-projekt{margin-top:var(--h-6)}
.pa-projekt span strong{display:block;font-size:var(--h-body);color:var(--h-ink);margin-bottom:var(--h-1)}
.pa-af-roll{margin:var(--h-6) auto 0;max-width:var(--h-max-text);font-size:var(--h-h3);font-weight:700;line-height:1.35;color:var(--h-ink);text-wrap:balance}
@media (max-width:540px){.pa-af-rad{border-radius:var(--h-radie);text-align:left}.pa-af-rad img{height:26px}}
.pp-af-logga img{display:block;height:84px;width:auto}
.pp-projekt li span,.pp-tid.pp-projekt .pp-tid-nu span{font-weight:400;color:var(--h-ink-2)}
.pp-projekt li strong{display:block;font-size:var(--pp-text);font-weight:800;line-height:1.2;color:var(--h-ink);margin-bottom:6px}
.pp-af-roll{margin-top:36px;font-size:var(--pp-text);font-weight:700;line-height:1.3;color:var(--h-ink);max-width:var(--pp-b1400);text-align:center;text-wrap:balance}