/* Inhoudspagina's (SEO) — gebouwd door scripts/bouw.py. Bouwt voort op style.css en components.css. */
.artikel{max-width:820px;margin:0 auto;padding:34px 22px 60px;color:var(--muted)}
.artikel h1{font:500 clamp(34px,5vw,52px)/1.1 'Cormorant Garamond',Georgia,serif;color:var(--cream);margin:0 0 16px}
.artikel h2{font:500 30px/1.2 'Cormorant Garamond',Georgia,serif;color:var(--gold);margin:38px 0 12px}
.artikel h3{font:600 21px/1.3 'Cormorant Garamond',Georgia,serif;color:var(--cream);margin:24px 0 6px}
.artikel p,.artikel li{font-size:16px;line-height:1.7}
.artikel p{margin:0 0 14px}
.artikel ul,.artikel ol{margin:0 0 16px;padding-left:22px}
.artikel li{margin-bottom:6px}
.artikel a{color:var(--gold)}
.artikel strong{color:var(--cream)}
.artikel-intro{font-size:18px!important;color:var(--cream)}
.artikel .eyebrow{margin:18px 0 10px;text-transform:uppercase}
.kruimel{font-size:12px;color:#b4a4c7;display:flex;flex-wrap:wrap;gap:6px}
.kruimel a{color:#b4a4c7;text-decoration:none}.kruimel a:hover{color:var(--gold)}
.kader{border:1px solid rgba(239,180,255,.28);border-radius:12px;background:linear-gradient(#17112c,#26192e);padding:18px 22px;margin:26px 0}
.kader h2{margin-top:0}
.kader.status{border-color:#f1cb7866}
.kader .groot{font:500 22px/1.45 'Cormorant Garamond',Georgia,serif;color:var(--cream)}
.cta{text-align:center}
.knoppen{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:14px}
.knoppen a{text-decoration:none}
.artikel a.gold{color:#1c0d06}
.tekens{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.tekens.cursussen{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.tekens li{margin:0}
.tekens a{display:flex;flex-direction:column;gap:3px;height:100%;box-sizing:border-box;padding:12px 14px;border:1px solid rgba(239,180,255,.22);border-radius:10px;background:#20162f;text-decoration:none}
.tekens a:hover,.tekens a:focus-visible{border-color:var(--gold)}
.tekens strong{color:var(--cream);font:600 19px/1.2 'Cormorant Garamond',Georgia,serif}
.tekens span{font-size:12px;color:#b4a4c7}
.tekens-kort{display:flex;flex-wrap:wrap;gap:8px 16px}
.hoofdstukken li::marker{color:var(--gold)}
.klein{font-size:14px!important}
.pagina-disclaimer{font-size:13.5px!important;color:#d6c8e2;margin-top:36px!important;border-top:1px solid #87648455;padding-top:14px}
.hulpmiddel label{display:block;font-size:14px;margin-bottom:12px}
.hulpmiddel input{display:block;width:100%;max-width:320px;background:#130e1c;border:1px solid #79527c;border-radius:5px;color:#fff;padding:12px 14px;margin-top:7px;font:inherit;color-scheme:dark}
.hulpmiddel .kies-uitkomst h2{margin-top:22px}
.pagina-footer{flex-direction:column;align-items:center;text-align:center;font-size:12px!important}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}
.pagina-footer a{color:#e0d5e9;text-decoration:none}.pagina-footer a:hover{color:var(--gold)}
@media(max-width:700px){.artikel{padding:22px 16px 48px}.artikel h2{font-size:26px}.kader{padding:16px}}