/* Gedeelde stijl voor de MiniSkills uitleg-pagina's (Expedities, Werelden, Ga eropuit, Voor ouders).
   Zelfde voxel/gamewereld-taal + logo als de homepage. */
:root{--blue:#07338f;--royal:#0757d9;--sky:#e4f3ff;--ink:#09265d;--muted:#45618e;--white:#fff;
  --sign-orange:#d96b2b;--sign-green:#3f7d43;--sign-blue:#1760c4;--sign-yellow:#d5a325;--sign-purple:#7d42b5;
  --shadow:0 18px 50px rgba(6,38,100,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,system-ui,sans-serif;background:#fff;overflow-x:hidden}
a{text-decoration:none;color:inherit}button{font:inherit}
.wrap{width:min(1080px,calc(100% - 40px));margin:auto}
/* header + logo (gelijk aan homepage) */
header{height:92px;background:rgba(255,255,255,.96);display:flex;align-items:center;position:sticky;top:0;z-index:20;border-bottom:1px solid #dcecff;backdrop-filter:blur(16px)}
header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:4px;background:linear-gradient(90deg,var(--sign-orange) 0 20%,var(--sign-green) 20% 40%,var(--sign-blue) 40% 60%,var(--sign-yellow) 60% 80%,var(--sign-purple) 80%)}
.nav{display:flex;align-items:center;gap:28px}
.logo{margin-right:auto;font-family:"Caveat",cursive;font-weight:700;line-height:.72;font-size:52px}
.logo-main{display:block;white-space:nowrap}
.logo-main .o{color:var(--sign-orange)}.logo-main .g{color:var(--sign-green)}.logo-main .b{color:var(--sign-blue)}.logo-main .y{color:var(--sign-yellow)}.logo-main .p{color:var(--sign-purple)}
.logo small{display:block;color:#365176;font:800 13px Inter;margin-top:8px;letter-spacing:.3px}
.links{display:flex;gap:6px;align-items:center;font-size:15px;font-weight:700}
.links a{padding:10px 11px;border-radius:8px;transition:.18s}
.links a:nth-child(1){--mc:var(--sign-orange)}.links a:nth-child(2){--mc:var(--sign-green)}.links a:nth-child(3){--mc:var(--sign-blue)}.links a:nth-child(4){--mc:var(--sign-yellow)}.links a:nth-child(5){--mc:var(--sign-purple)}
.links a:hover,.links a.active{background:var(--mc);color:#fff;box-shadow:0 4px 0 color-mix(in srgb,var(--mc),#000 32%);transform:translateY(-2px)}
.actions{display:flex;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:14px;padding:0 22px;font-weight:800;border:0;cursor:pointer}
.btn-blue{background:var(--sign-purple);color:#fff;box-shadow:0 5px 0 #4f2478}
.btn-yellow{background:var(--sign-orange);color:#fff;box-shadow:0 5px 0 #873b18}
.hamb{display:none;background:none;border:0;color:var(--blue);font-size:28px}
/* hero */
.p-hero{color:#fff;background:linear-gradient(90deg,rgba(4,38,105,.92) 0,rgba(4,38,105,.7) 42%,rgba(4,38,105,0) 72%),url('assets/miniskills-wereld-nederland.webp');background-size:cover;background-position:right center;background-repeat:no-repeat;border-radius:0 0 30px 30px;padding:66px 0 60px;min-height:min(33vw,600px);display:flex;align-items:center}.p-hero>.wrap{width:min(1080px,calc(100% - 40px))}
.p-hero .tag{display:inline-block;background:var(--sign-orange);border:2px solid rgba(255,255,255,.32);box-shadow:0 5px 0 #8f3c19;padding:9px 15px;border-radius:10px;font-weight:800;font-size:14px;transform:rotate(-1deg)}
.p-hero h1{font-family:"Baloo 2",sans-serif;font-size:clamp(46px,7vw,78px);line-height:.9;margin:16px 0 12px;letter-spacing:-2px}
.p-hero p{font-size:20px;line-height:1.5;max-width:640px;margin:0;font-weight:600}
/* secties */
section{padding:66px 0}
.kicker{font-weight:800;color:var(--royal);text-transform:uppercase;letter-spacing:1.4px;font-size:13px}
h2.big{font:800 clamp(32px,4.4vw,50px)/1.02 "Baloo 2";letter-spacing:-1.2px;margin:8px 0 16px}
.lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:760px}
.prose p{font-size:17px;line-height:1.75;color:#33507c;max-width:760px}
.two{display:grid;grid-template-columns:1fr .82fr;gap:44px;align-items:start}
.note{background:var(--sky);border-radius:24px;padding:30px;border-left:8px solid var(--sign-purple)}
.note strong{display:block;font:800 24px "Baloo 2";margin-bottom:8px;color:var(--blue)}
.note p{margin:0;line-height:1.6;color:#33507c}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{border-radius:22px;padding:24px;color:#fff;min-height:170px;box-shadow:var(--shadow)}
.card .ic{font-size:34px;display:block;margin-bottom:8px}
.card h3{font:800 22px "Baloo 2";margin:0 0 8px}
.card p{margin:0;line-height:1.5;font-weight:500}
.c-orange{background:var(--sign-orange)}.c-green{background:var(--sign-green)}.c-blue{background:var(--sign-blue)}.c-purple{background:var(--sign-purple)}.c-yellowd{background:#c98f1e}
.tint{background:#f4f9ff}
.steps{display:grid;gap:16px;margin-top:10px;max-width:820px}
.step{display:flex;gap:16px;align-items:start;background:#fff;border:1px solid #e4eefc;border-radius:16px;padding:18px 20px;box-shadow:0 8px 22px rgba(6,38,100,.06)}
.step b{flex:0 0 44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;font:800 18px Inter}
.step:nth-child(1) b{background:var(--sign-orange)}.step:nth-child(2) b{background:var(--sign-green)}.step:nth-child(3) b{background:var(--sign-blue)}.step:nth-child(4) b{background:var(--sign-yellow)}.step:nth-child(5) b{background:var(--sign-purple)}.step:nth-child(6) b{background:var(--sign-orange)}.step:nth-child(7) b{background:var(--sign-green)}.step:nth-child(8) b{background:var(--sign-blue)}
.step strong{display:block;margin:2px 0 4px;font-size:17px}
.step p{margin:0;color:#536c94;line-height:1.5}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:820px}
.check{display:flex;gap:12px;align-items:start;font-size:16px;line-height:1.5}
.check i{flex:0 0 26px;height:26px;border-radius:8px;background:var(--sign-green);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:15px}
.check.no i{background:#c94a3a}
.quote{background:#f0e8f6;border-left:8px solid var(--sign-purple);padding:38px;border-radius:26px;position:relative}
.quote:before{content:"\201C";font:800 96px/1 "Baloo 2";color:#c9b0dd;position:absolute;top:8px;left:22px}
.quote p{position:relative;font:800 27px/1.35 "Baloo 2";margin:26px 0 14px;color:var(--blue)}
.quote span{font-weight:700;color:var(--sign-purple)}
.price-band{background:linear-gradient(120deg,var(--sign-orange),var(--sign-purple) 55%,var(--sign-blue));color:#fff;border-radius:28px;padding:40px;display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
.price-band h2{font:800 40px "Baloo 2";margin:0 0 8px}
.price-band .big-price{font:800 60px/1 "Baloo 2"}.price-band .big-price small{font-size:20px;font-weight:700;opacity:.9}
.price-band .btn{background:var(--sign-green);color:#fff;box-shadow:0 5px 0 #234d28;min-height:56px;font-size:17px}
.price-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:24px}
.price-card .check i{background:#fff;color:var(--sign-green)}
.price-card .check{color:#fff;margin-bottom:10px}
footer{background:#2a263b;color:#c8d9fb;padding:44px 0;border-top:7px solid var(--sign-purple)}
.foot{display:flex;justify-content:space-between;gap:30px;align-items:center;flex-wrap:wrap}
.foot .logo{color:#fff}.foot .logo small{color:#c8d9fb}
.foot-links{display:flex;gap:20px;font-size:14px;flex-wrap:wrap}
@media(max-width:980px){.links{display:none}.hamb{display:block}.two{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.price-band{grid-template-columns:1fr}.checks{grid-template-columns:1fr}.quote{margin-top:8px}}
@media(max-width:640px){.wrap{width:min(100% - 26px,1080px)}header{height:76px}.logo{font-size:42px}.actions .btn-blue{display:none}.p-hero h1{font-size:44px}section{padding:52px 0}}

/* Wereldkaarten op /werelden: beeld bovenaan in de kleur van de wereld */
.wcard{overflow:hidden}
.wcard .wbeeld{display:block;height:130px;margin:-22px -14px 0;background:var(--wc) center/cover no-repeat}
.wcard .wbeeld+.wi{position:relative;margin-top:-32px}
.wcard[href='/werelden/mensen'] .wbeeld{background-image:url('/assets/werelden/wereld-mensen-kaart.webp'),url('/assets/werelden/wereld-mensen.webp'),linear-gradient(135deg,var(--wc),color-mix(in srgb,var(--wc),#fff 35%))}
.wcard[href='/werelden/natuur'] .wbeeld{background-image:url('/assets/werelden/wereld-natuur-kaart.webp'),url('/assets/werelden/wereld-natuur.webp'),linear-gradient(135deg,var(--wc),color-mix(in srgb,var(--wc),#fff 35%))}
.wcard[href='/werelden/technologie'] .wbeeld{background-image:url('/assets/werelden/wereld-technologie-kaart.webp'),url('/assets/werelden/wereld-technologie.webp'),linear-gradient(135deg,var(--wc),color-mix(in srgb,var(--wc),#fff 35%))}
.wcard[href='/werelden/samenleving'] .wbeeld{background-image:url('/assets/werelden/wereld-samenleving-kaart.webp'),url('/assets/werelden/wereld-samenleving.webp'),linear-gradient(135deg,var(--wc),color-mix(in srgb,var(--wc),#fff 35%))}
.wcard[href='/werelden/toekomst'] .wbeeld{background-image:url('/assets/werelden/wereld-toekomst-kaart.webp'),url('/assets/werelden/wereld-toekomst.webp'),linear-gradient(135deg,var(--wc),color-mix(in srgb,var(--wc),#fff 35%))}