/* PRJ-014 Papegaaienkompas — stijl A (Onthulspel/Pausito-kit 2.1.0) bovenop de Keuzewereld (kit 1.3.4 wereld.css).
   claude-restyle-prj014-1014 / claude-opus-5-5 / uitvoerder / 2026-10-14; eigenaarsopdracht 14/10 ("meer de look & feel van Pausito").
   Alleen vorm: geen inhoud, ids of gedrag. Laadvolgorde in de pagina: /kit/2.1.0/ui/pk.css, /kit/1.3.4/wereld/wereld.css, dit bestand.
   Elke --pk-*-variabele heeft een terugval, zodat de pagina leesbaar blijft zolang /kit/2.1.0/ nog niet geserveerd wordt.
   Lange kennistekst staat op het rustige papier van de kit (.pk-paper: Inter, 17 px, regelhoogte 1.65); speelsheid alleen in de rand.
   Beweging: geen eigen animaties; Rustig (data-rustig) en prefers-reduced-motion blijven bij wereld.css en pk.css. */

/* schil: inkt met paarse gloed bovenaan (A), in plaats van de effen zwarte B-achtergrond */
body.wereld.pk{background:radial-gradient(ellipse 140% 720px at 50% 0,var(--pk-glow,#29213F),transparent 70%) no-repeat,var(--pk-ink,#0C0B14);color:var(--pk-cream,#FEEDBA)}
.pk .wPapierPagina .wOnder,.pk.wPapierPagina .wOnder{background:var(--pk-ink,#0C0B14)}

/* papier: kit-papier (ook voor de papiervlakken die wereld.js in lagen tekent) */
.pk .wPapier{--w-paper:var(--pk-paper,#FBF3E4);--w-paper-ink:var(--pk-paper-ink,#2A2320);background:var(--w-paper);color:var(--w-paper-ink);border-radius:var(--pk-r-panel,22px 28px 20px 26px/26px 20px 28px 22px);font:400 17px/1.65 var(--pk-font-text,Inter,'Segoe UI',system-ui,sans-serif);box-shadow:0 var(--pk-drop-l,8px) 0 var(--pk-cream-s,#8C7F5E)}
.pk .wPapierZone .wPapier{padding:26px 22px 30px}
@media (min-width:700px){.pk .wPapierZone .wPapier{padding:40px 48px 44px}}
.pk .wPapier p{margin:0 0 .85em}
.pk .wPapier :is(h1,h2,h3){color:var(--pk-paper-ink,#2A2320);font-family:var(--pk-font-display,Fredoka,Inter,system-ui,sans-serif);font-weight:600;letter-spacing:0;line-height:1.15;overflow-wrap:anywhere}
.pk .wPapier h1{font-size:clamp(30px,7vw,42px);margin:6px 0 14px}
.pk .wPapier h2{font-size:clamp(22px,5vw,27px);margin:1.5em 0 .45em}
.pk .wPapier h3{font-size:20px;margin:1.1em 0 .3em}
.pk .wPapier a{color:var(--pk-paper-link,#7A4E00);text-underline-offset:.2em;text-decoration-thickness:1.5px}
.pk .wPapier a:focus-visible,.pk .wPapier summary:focus-visible{outline:3px dashed var(--pk-paper-ink,#2A2320);outline-offset:3px;border-radius:6px}
.pk .wPapier .eyebrow{margin:0 0 6px;font:700 13px/1.3 var(--pk-font-text,Inter,system-ui,sans-serif);letter-spacing:.09em;text-transform:uppercase;color:var(--pk-teal-s,#00695F)}
.pk .wPapier .intro{font-size:19px;line-height:1.55}
.pk .wPapier .latin{font-style:italic;color:var(--pk-paper-sub,#5E534A)}

/* veiligheids- en AI-disclaimer: rustig kader, niet speels */
.pk .wPapier .disclaimer{font-size:15px;line-height:1.55;padding:12px 16px;margin:14px 0;border:2px solid #E2CFA6;border-left-width:6px;border-left-color:var(--pk-gold-s,#7A4E00);border-radius:var(--pk-r-chip,16px 20px 15px 21px/19px 15px 21px 16px);background:#F5E7CB;color:var(--pk-paper-ink,#2A2320)}

/* soortkaarten op de startpagina: kleine stickers op papier, foto's met ronde hoeken */
.pk .wPapierZone #cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:18px;margin:12px 0 8px}
.pk .wPapierZone article.bird{margin:0;padding:12px 14px 6px;border:3px solid #E6D6B5;border-radius:var(--pk-r-tile,26px 32px 24px 30px/30px 24px 32px 26px);background:#FFFAF0;box-shadow:0 var(--pk-drop-s,4px) 0 #E2CFA6;min-width:0}
.pk .wPapierZone article.bird:nth-child(3n+2){border-radius:var(--pk-r2,36px 28px 34px 30px/28px 36px 30px 34px)}
.pk .wPapierZone article.bird:nth-child(3n){border-radius:var(--pk-r3,32px 38px 30px 34px/36px 30px 34px 28px)}
.pk .wPapier article.bird h3{margin:8px 0 2px;font-size:22px}
.pk .wPapier article.bird .latin{margin:0 0 4px;font-size:15px}
.pk .wPapier .card-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:18px 22px 16px 24px/20px 16px 24px 18px;background:#EFE2C6}
.pk .wPapier details{margin:10px 0}
.pk .wPapier summary{min-height:44px;padding:10px 0;font-weight:650;cursor:pointer}

/* soortpagina: keuzeroute als gouden sticker (A), foto en kaders */
.pk .wPapier a.cta{display:inline-flex;align-items:center;min-height:52px;padding:10px 22px;border:4px solid var(--pk-gold,#F2CB81);border-radius:var(--pk-r1,30px 36px 28px 38px/34px 28px 36px 30px);background:var(--pk-gold,#F2CB81);color:var(--pk-on-accent,#0C0B14);box-shadow:0 var(--pk-drop,6px) 0 var(--pk-gold-s,#7A4E00);font:600 19px/1.2 var(--pk-font-display,Fredoka,Inter,system-ui,sans-serif);text-decoration:none}
.pk .wPapier a.cta:hover{filter:brightness(1.04)}
.pk .wPapier a.cta:active{transform:translateY(4px);box-shadow:0 2px 0 var(--pk-gold-s,#7A4E00)}
:root[data-rustig=true] .pk .wPapier a.cta:active{transform:none}
@media (prefers-reduced-motion:reduce){.pk .wPapier a.cta:active{transform:none}}
.pk .wPapier .toolbar{margin:20px 0 26px}
.pk .wPapier .portal-photo{margin:14px 0 18px}
.pk .wPapier .portal-photo img{display:block;width:100%;height:auto;border-radius:22px 28px 20px 26px/26px 20px 28px 22px}
.pk .wPapier .portal-photo figcaption{margin-top:6px}
.pk .wPapier :is(.credit,.photo-credits li){font-size:13px;color:var(--pk-paper-sub,#5E534A)}
.pk .wPapier aside{margin:28px 0;padding:16px 20px 8px;border:3px solid #E6D6B5;border-radius:var(--pk-r-panel,22px 28px 20px 26px/26px 20px 28px 22px);background:#FFFAF0}
.pk .wPapier aside h2{margin-top:0}
.pk .wPapier :is(ul,ol){padding-left:1.2em}.pk .wPapier li{margin:6px 0}
.pk .wPapier :is(.sources,#sources){font-size:14px;overflow-wrap:anywhere}
.pk .wPapier footer{margin-top:28px;font-size:14px}

/* infographics (SCR-052): kleuren voor papier; stonden alleen in style.css, dat de Keuzewereld-pagina's niet laden */
.pk .wPapier .pz{--t:var(--pk-paper-ink,#2A2320);--s:#3b3445;--m:#5b5366;--l:#e6dac4;--bg:#FFFAF0;--k:var(--pk-teal-s,#00695F)}
.pk .wPapier .pz text{font-family:var(--pk-font-text,Inter,system-ui,sans-serif);fill:var(--t)}
.pk .wPapier .pz .h{font-size:20px;font-weight:700}.pk .wPapier .pz .sub{font-size:13px;fill:var(--s)}
.pk .wPapier .pz .lab{font-size:13px}.pk .wPapier .pz .lat{font-size:11px;fill:var(--m);font-style:italic}
.pk .wPapier .pz :is(.ax,.src){font-size:11px;fill:var(--m)}
.pk .wPapier .pz .grid{stroke:var(--l);stroke-width:1}.pk .wPapier .pz .bg{fill:var(--bg)}
.pk .wPapier .pz .fr{fill:var(--k)}.pk .wPapier .pz .inc{fill:none;stroke:var(--k);stroke-width:2;stroke-dasharray:4 3}
.pk .wPapier .pz .val{font-size:11px;fill:var(--s)}
.pk .wPapier .pz .pzi{fill:var(--bg);font-weight:700}.pk .wPapier .pz .pzl{font-size:15px}.pk .wPapier .pz .pzb{font-weight:700}
.pk .wPapier .infographic{margin:18px 0;padding:10px;border:3px solid #E6D6B5;border-radius:var(--pk-r-tile,26px 32px 24px 30px/30px 24px 32px 26px);background:#FFFAF0}
.pk .wPapier .infographic svg{display:block;max-width:100%;height:auto}

/* Hoekige Pausito-vorm en keuzehulp. Volgt kit 2.1.0 vorm-hoekig.css: rechte koppen en vierkante bedieningen; afgesneden hoeken met clip-path alleen op papier (geen schaduw nodig),
   stickers houden hun harde schaduw als tweede bord. Alleen vorm en de nieuwe klassen uit wereld.mjs; kleuren uit de bestaande palet. */
.pk .wPapier{border-radius:0;box-shadow:none;border-bottom:8px solid var(--pk-cream-s,#8C7F5E);clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px)}
.pk .wPapierZone article.bird,.pk .wPapierZone article.bird:nth-child(3n+2),.pk .wPapierZone article.bird:nth-child(3n){border-radius:0}
.pk .wPapier :is(img,.card-photo,.portal-photo img,.disclaimer,aside,.infographic,a.cta),.pk .wPapier :is(a,summary):focus-visible{border-radius:0}
.pk :is(.wKnop,.wTegel,.wRond,.wKleinKnop,.wStatus,.wDuimTerug,.wLaag,.wZoek input,.wWaarom summary){border-radius:0}
/* eigen vogelwereld: drie schuine veren (goud, groen, rood) onder de paginatitel */
.pk .wPapierZone .wPapier h1::after{content:"";display:block;width:96px;height:8px;margin-top:12px;background:linear-gradient(90deg,var(--pk-gold-s,#7A4E00) 0 33%,var(--pk-teal-s,#00695F) 33% 66%,#B23A2A 66%);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
/* soortkaart op de hub zonder gecontroleerde foto: abstract verenvlak in plaats van een leeg gat (geen vogelportret) */
.pk .wPapierZone article.bird>h3:first-child::before{content:"";display:block;aspect-ratio:4/3;margin:0 0 8px;background:linear-gradient(135deg,#0000 0 30%,#F2CB81 30% 44%,#0000 44% 52%,#7FCFC4 52% 64%,#0000 64%),#EFE2C6;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}
/* keuzehulp: betekenis van de groep, volgende stap, oordeel in de vergelijking */
.pk .wPapier .kUitleg{margin:-.4em 0 .6em;color:var(--pk-paper-ink,#2A2320)}
.pk .wPapier .kStap{padding:10px 14px;border-left:6px solid var(--pk-teal-s,#00695F);background:#F5E7CB;color:var(--pk-paper-ink,#2A2320);font-weight:600}
.pk .wPapier .kStap-compromis,.pk .wPapier .kStap-past_met_onbekend{border-left-color:var(--pk-gold-s,#7A4E00)}
.pk .wPapier .kStap-onzeker,.pk .wPapier .kStap-uitgesloten{border-left-color:#5E534A}
.pk .wPapier .kOordeel{display:inline-block;padding:1px 8px;margin-right:2px;border:2px solid currentColor;font-size:14px;font-weight:650;line-height:1.5}
.pk .wPapier .kOordeel-past{color:var(--pk-teal-s,#00695F)}.pk .wPapier .kOordeel-niet{color:#8E2A1C}.pk .wPapier .kOordeel-onbekend{color:#5E534A;border-style:dashed}
.pk .wPapier .kVergelijkGroepen{padding-left:0;list-style:none}.pk .wPapier .kVergelijkGroepen li{padding:6px 0 6px 12px;border-left:5px solid #E2CFA6}
.pk .wPapier .kVergelijkGroepen :is(.kGroep-past,.kGroep-past_met_onbekend){border-left-color:var(--pk-teal-s,#00695F)}.pk .wPapier .kVergelijkGroepen .kGroep-compromis{border-left-color:var(--pk-gold-s,#7A4E00)}
.pk .wPapier .kVergelijkLinks{display:flex;flex-wrap:wrap;gap:6px 18px}.pk .wPapier .kVergelijkLinks a{display:inline-flex;align-items:center;min-height:44px}
.pk .wPapier .kGeenFoto{margin:0 0 12px}.pk .wPapier .kGeenFoto svg{display:block;width:100%;height:auto;aspect-ratio:4/3;background:#EFE2C6}
.pk .wPapier .kGeenFoto figcaption{margin-top:6px;font-size:14px;color:var(--pk-paper-sub,#5E534A)}
.pk .kGeenFoto .kV1{fill:#00897B}.pk .kGeenFoto .kV2{fill:#F2CB81}.pk .kGeenFoto .kV3{fill:#B23A2A}.pk .kGeenFoto .kV4{fill:#7A4E00}.pk .kGeenFoto .kV5{fill:#2A2320}
/* Stijl-overhaul 30/10/2026: panelen pikzwart in de hoekige vorm (D-216). */
:root[data-pk-vorm="hoekig"],[data-pk-vorm="hoekig"] .pk-scope{--pk-surface:#000;--pk-surface-2:#000;--pk-field:#000;--pk-glow:#000;--pk-deep:#000;--pk-dialog-text:#FFF4E0}