/* Klasactiviteiten op Talententest: huisstijl voor de gedeelde presentatie- en
   printmodule (presentatie.css, printblad.css) en de toegangskaart. */

:root {
    --pr-accent: #0E7C7B;
    --pr-accent-donker: #0A6362;
    --pr-accent-licht: #E3F2F1;
    --pr-tekst: #2F2C55;
    --pr-tekst-zacht: #6B6890;
    --pr-vlak: #FFFFFF;
    --pr-achtergrond: #FFF8EF;
    --pr-lijn: #F0E4D2;
    --pr-kop-font: 'Baloo 2', 'Nunito', system-ui, sans-serif;
    --pr-tekst-font: 'Nunito', system-ui, sans-serif;

    --pb-accent: #0E7C7B;
    --pb-kop-font: 'Baloo 2', 'Nunito', system-ui, sans-serif;
    --pb-tekst-font: 'Nunito', system-ui, sans-serif;

    /* De rollen hebben de kleur van het talent waar ze bij horen. */
    --rol-gespreksleider: #F2606B;
    --rol-tijdbewaker: #FF8A3C;
    --rol-controleur: #4E8FE8;
    --rol-verslaggever: #9A6CE8;
    --rol-verbinder: #34B57C;
    --rol-rustbewaker: #E0A800;
}

/* Toegang: niets tonen tot de sessie bekend is. */
html.tt-toegang-dicht .pr-paneel,
html.tt-toegang-dicht .pr-deck,
html.tt-toegang-dicht .pr-bordlaag,
html.tt-toegang-dicht .pb-vel,
html.tt-toegang-dicht .pb-balk { display: none !important; }
html.tt-toegang-uit, html.tt-toegang-uit body { overflow: auto !important; background: #FFF8EF !important; height: auto !important; }

.tt-toegang { min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; box-sizing: border-box; font-family: 'Nunito', system-ui, sans-serif; color: #2F2C55; }
.tt-toegang-kaart { width: min(520px, 100%); padding: 32px; border-radius: 28px; background: #fff; border: 1px solid #F0E4D2; box-shadow: 0 16px 44px rgba(47,44,85,.10); display: grid; gap: 12px; box-sizing: border-box; }
.tt-toegang h1 { margin: 0; font: 800 1.8rem/1.15 'Baloo 2', 'Nunito', sans-serif; }
.tt-toegang p { margin: 0 0 8px; color: #6B6890; line-height: 1.5; }
.tt-toegang-knop { display: inline-flex; justify-content: center; min-height: 52px; align-items: center; border-radius: 15px; background: #0E7C7B; color: #fff; font-weight: 800; text-decoration: none; }
.tt-toegang-knop:hover { background: #0A6362; }
.tt-toegang-link { color: #0A6362; font-weight: 800; text-align: center; }

/* Rolkaarten op het bord */
.rol--gespreksleider { --kaart-kleur: var(--rol-gespreksleider); }
.rol--tijdbewaker { --kaart-kleur: var(--rol-tijdbewaker); }
.rol--controleur { --kaart-kleur: var(--rol-controleur); }
.rol--verslaggever { --kaart-kleur: var(--rol-verslaggever); }
.rol--verbinder { --kaart-kleur: var(--rol-verbinder); }
.rol--rustbewaker { --kaart-kleur: var(--rol-rustbewaker); }

/* Een scène met wat er misgaat */
.scene { display: grid; gap: 22px; }
.scene li { display: flex; gap: 24px; align-items: center; padding: 24px 32px; border-radius: 26px; background: #fff; border: 3px solid var(--pr-lijn); }
.scene li i { font-size: 54px; color: var(--pr-tekst-zacht); }

/* Opdracht met twee niveaus */
.niveaus { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.niveaus .pr-opdracht h3 { font-size: 46px; margin-bottom: 14px; }
.niveaus .pr-opdracht p { font-size: 36px; }
.antwoorden { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
.antwoorden ol { display: grid; gap: 14px; counter-reset: a; }
.antwoorden li { counter-increment: a; display: flex; gap: 18px; font-size: 36px; padding: 16px 24px; border-radius: 20px; background: #fff; border: 3px solid var(--pr-lijn); }
.antwoorden li::before { content: counter(a); font: 800 36px var(--pr-kop-font); color: var(--pr-accent-donker); }

/* Opdrachtkaart: twee per A4, dus compacter dan een los werkblad. */
.pb-opdracht { font-size: 12.5pt; line-height: 1.3; padding: 5mm 7mm !important; gap: 2mm !important; }
.pb-opdracht .pb-kaart-kop i { font-size: 24pt; }
.pb-opdracht .pb-kaart-kop h3 { font-size: 17pt; }
.pb-opdracht p { margin: 0 0 1mm; }
.pb-opdracht .pb-vragen { gap: 2mm; }
.pb-opdracht .pb-vragen > li { gap: 1mm 3mm; }
.pb-opdracht .pb-antwoord span { height: 7mm; }

/* Docentkaart: alles op één A4. */
.pb-vel--docent { font-size: 12pt; line-height: 1.35; padding: 12mm 13mm; }
.pb-vel--docent .pb-tabel { font-size: 10.5pt; }
.pb-vel--docent .pb-tabel th, .pb-vel--docent .pb-tabel td { padding: 1.4mm 2.2mm; }

/* Rolkaart op papier */
.pb-rol .pb-kaart-kop i { width: 15mm; height: 15mm; border-radius: 4mm; border: 1.5pt solid currentColor; display: grid; place-items: center; font-size: 26pt; }
.pb-rol p { font-size: 13pt; }
.pb-rol .pb-zin { font-size: 13pt; }