/* Ontwerp "Stickers, maar recht" (goedgekeurd door Robert 22-10-2026): rustig papier, de spellen als
   stickers met een witte rand, de haas in een gele badge. Altijd licht: een kinderplatform met eigen kleuren. */
@font-face{font-family:"Baloo 2";src:url("fonts/baloo2-800.ac10b2674176.woff2") format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Nunito";src:url("fonts/nunito.166202cc391c.woff2") format("woff2");font-weight:200 1000;font-display:swap}
:root{
  --papier:#FBF8FF; --inkt:#2B2140; --zacht:#6B6385; --geel:#FFD43B; --roze:#FF6FA8; --wit:#FFFFFF;
  --f-kop:"Baloo 2","Arial Rounded MT Bold",system-ui,sans-serif;
  --f-tekst:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papier);color:var(--inkt);font:500 1rem/1.5 var(--f-tekst)}
a{color:inherit}
a:focus-visible{outline:3px solid #4FA3FF;outline-offset:3px;border-radius:8px}
.pagina{max-width:1180px;margin:0 auto;padding-inline:max(16px,5vw);padding-block:0 28px}
.boven{display:flex;align-items:center;justify-content:space-between;padding-block:24px}
.merk{display:flex;align-items:center;gap:12px;text-decoration:none;font:800 1.5rem/1 var(--f-kop)}
.badge{width:56px;height:56px;border-radius:50%;background:var(--geel);display:grid;place-items:center;box-shadow:0 0 0 4px var(--wit),0 6px 14px rgba(43,33,64,.18)}
.badge svg{width:40px;height:34px;color:var(--inkt)}
.held{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,64px);align-items:center;padding-block:clamp(8px,2vw,24px) clamp(32px,6vw,72px)}
.held h1{font:800 clamp(2.4rem,6vw,4.8rem)/.98 var(--f-kop);margin:0;letter-spacing:-.01em;text-wrap:balance}
.held p{margin:14px 0 0;color:var(--zacht);font-size:1.15rem;max-width:32ch}
.spellen{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,32px);align-items:start}
.spel{background:var(--wit);border-radius:24px;padding:10px;box-shadow:0 0 0 6px var(--wit),0 18px 36px rgba(43,33,64,.16);display:grid;gap:10px}
.spelkunst{display:block;width:100%;height:auto;max-width:100%;border-radius:16px}
.spel-tekst{padding:2px 8px 8px;display:grid;gap:6px;min-width:0}
.spel h2{font:800 1.45rem/1.05 var(--f-kop);margin:0}
.spel p{margin:0;color:var(--zacht);font-size:.95rem;line-height:1.4}
.knop{justify-self:start;display:inline-flex;align-items:center;font-weight:800;text-decoration:none;border-radius:999px;padding:.6rem 1.1rem;font-size:.95rem;background:var(--inkt);color:var(--wit)}
.spel:nth-child(2) .knop{background:var(--roze)}
.knop:hover{filter:brightness(1.12)}
.voet{color:var(--zacht);font-size:.9rem;padding-block:24px 0}
@media (max-width:760px){.held{grid-template-columns:1fr}}
@media (max-width:480px){.spellen{grid-template-columns:1fr}}