/* pres.css – presentationsscenen (assets/pres.js), kopierad ur partner.css 2026-11-12. Används av /skola; /partner har kvar sin
   egen kopia i partner.css tills den sidan går över till den gemensamma motorn (grenen partner-forslag, den andra datorn).
   Sidornas egna bilder: partner.css (pp-bild-*) och längst ner här (ps-*, /skola). */

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


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


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


/* ===== /skola (assets/skola-pres.js, 2026-11-12). Logiska px i den skalade scenen, samma skala som partnerns bilder. ===== */
.ps-oppning{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;align-items:center;width:100%;text-align:left}
.ps-oppning .pp-etikett{justify-content:flex-start}
.ps-oppning .pp-h{text-align:left;margin:18px 0 32px}
.ps-oppning .pp-budskap{text-align:left}
.ps-oppning img{width:100%;border-radius:28px;box-shadow:0 30px 70px rgba(0,0,0,.35) /* theme-ok */}
.ps-rv{display:grid;grid-template-columns:1fr 1fr;gap:32px;width:100%;max-width:var(--pp-b1680)}
.ps-steg{--acc:var(--h-lila);display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 32px 32px;background:var(--h-kort);border:2px solid var(--h-kant-stark);border-top:10px solid var(--acc);border-radius:28px}
.ps-steg.ps-2{--acc:var(--h-gron)}
.ps-nr{font-size:var(--pp-meta);font-weight:800;color:var(--acc)}
.pp-bild-2 .pp-h{font-size:var(--pp-mellan)}
.ps-stor{font-size:var(--pp-stor);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--acc)}
.ps-mening{font-weight:700;line-height:1.25;text-wrap:balance;max-width:var(--pp-b700)}
.ps-roller{display:flex;align-items:flex-start;justify-content:center;gap:10px;margin-top:auto!important;padding-top:12px}
.ps-roller>div{display:flex;flex-direction:column;align-items:center;gap:8px;width:164px}
.ps-ring{display:grid;place-items:center;width:108px;height:108px;border-radius:50%;background:var(--c)}
.ps-ring img{width:88px;height:88px;border-radius:50%;object-fit:cover;background:var(--h-kort)}
.ps-glod{box-shadow:0 0 0 6px color-mix(in srgb,var(--h-bla) 25%,transparent),0 0 40px color-mix(in srgb,var(--h-bla) 55%,transparent)}
.ps-roll{font-size:var(--pp-meta);font-weight:700;line-height:1.15;color:var(--h-ink-2);hyphens:manual}
.ps-hero .ps-roll{color:var(--h-bla-ljus)}
.ps-pil{align-self:flex-start;margin-top:30px!important;font-style:normal;font-size:var(--pp-mellan);line-height:1;color:var(--h-ink-3)}
.ps-pel{align-items:center;text-align:center;gap:12px;border-top:10px solid var(--acc)}
.ps-pel .ps-stor{font-size:var(--pp-tal);color:var(--acc)}
.ps-tumme{display:grid;gap:10px;width:100%;height:180px;align-content:center}
.ps-tumme-3{grid-template-columns:repeat(3,1fr)}
.ps-tumme-4{grid-template-columns:repeat(4,1fr)}
.ps-tumme img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:var(--h-skugga)}
.ps-tumme .ps-ovn{aspect-ratio:164/72;object-fit:cover}
.ps-fler{display:grid;place-items:center;aspect-ratio:164/72;border-radius:10px;border:3px dashed color-mix(in srgb,var(--h-gron) 70%,transparent);font-size:var(--pp-meta);font-weight:800;line-height:1.05;color:var(--h-ink)}
.ps-tumme-4{grid-template-columns:repeat(2,1fr);gap:14px 18px}
.ps-verktyg{display:flex;align-items:center;gap:14px;text-align:left}
.ps-verktyg svg{flex:none;width:76px;height:76px;padding:16px;border-radius:20px;background:color-mix(in srgb,var(--c) 18%,transparent);border:2px solid color-mix(in srgb,var(--c) 45%,transparent);fill:none;stroke:var(--c);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ps-verktyg b{font-size:var(--pp-meta);color:var(--h-ink)}
/* Grundutbildningarnas omslag som en solfjäder: större och läsbara. */
.ps-kurser{position:relative;width:100%;height:196px}
.ps-kurser img{position:absolute;width:62%;height:auto;border-radius:12px;box-shadow:0 10px 26px rgba(0,0,0,.25) /* theme-ok */}
.ps-kurser img:nth-child(1){left:0;top:0}.ps-kurser img:nth-child(2){left:19%;top:22px}.ps-kurser img:nth-child(3){left:38%;top:44px}
.ps-material{flex-direction:row;align-items:center;gap:36px;width:100%;max-width:var(--pp-b1680);padding:20px 32px}
.ps-material img{width:220px;border-radius:16px}
.ps-steg4{list-style:none;padding:0;display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:32px;width:100%;max-width:var(--pp-b1680);text-align:left}
.ps-steg4 li{position:relative;display:flex;flex-direction:column;gap:14px}
.ps-nummer{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:var(--h-grad);color:var(--h-bg);font-size:var(--pp-mellan);font-weight:800;margin-bottom:10px!important}
.ps-steg4 li:not(:last-child)::after{content:"";position:absolute;top:47px;left:112px;right:-16px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--h-lila),color-mix(in srgb,var(--h-bla) 30%,transparent))}
.ps-prova{margin-top:20px!important;color:var(--h-ink-2)}
.ps-prova b{color:var(--h-ink)}