/* Design system — typografie + layout. ALLEEN font + spacing, GEEN kleuren. */
:root{
  --ds-serif:"Noto Serif", Georgia, serif;
  --ds-sans:"Public Sans", system-ui, sans-serif;
  --ds-fs-h1:clamp(1.75rem, 1.2rem + 1.4vw, 2rem);   /* ~28–32px paginatitel */
  --ds-fs-h2:1.5rem;        /* 24px sectiekop */
  --ds-fs-h3:1.125rem;      /* 18px kaart-/subkop */
  --ds-fs-eyebrow:0.6875rem;/* 11px label/eyebrow */
  --ds-fs-body:0.875rem;    /* 14px body/waarde */
  --ds-fs-meta:0.75rem;     /* 12px klein label/meta */
  --ds-fs-breadcrumb:0.8125rem;/* 13px breadcrumb */
  --ds-fs-stat:2rem;        /* 32px stat-getal */
  --ds-sidebar-w:220px;
  --ds-content-max:1600px;
  --ds-pad-top-desktop:1.5rem;
}
.ds-page-title{font-family:var(--ds-serif)!important;font-size:var(--ds-fs-h1)!important;font-weight:700!important;line-height:1.2!important;}
.ds-section-title{font-family:var(--ds-serif)!important;font-size:var(--ds-fs-h2)!important;font-weight:700!important;line-height:1.25!important;}
.ds-card-title{font-family:var(--ds-serif)!important;font-size:var(--ds-fs-h3)!important;font-weight:600!important;line-height:1.3!important;}
.ds-eyebrow{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-eyebrow)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0.08em!important;}
.ds-body{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-body)!important;font-weight:400!important;line-height:1.6!important;}
.ds-label{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-meta)!important;font-weight:500!important;line-height:1.4!important;}
.ds-breadcrumb{font-family:var(--ds-sans)!important;font-size:var(--ds-fs-breadcrumb)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:0.06em!important;}
.ds-stat{font-family:var(--ds-serif)!important;font-size:var(--ds-fs-stat)!important;font-weight:800!important;line-height:1.1!important;}
/* Layout: gelijke start-hoogte, breedte en sidebar-offset op alle shell-pagina's. */
.ds-main{padding:4rem 1rem 2rem!important;}
@media(min-width:640px){.ds-main{padding-left:1.5rem!important;padding-right:1.5rem!important;}}
@media(min-width:1024px){.ds-main{margin-left:var(--ds-sidebar-w)!important;padding:var(--ds-pad-top-desktop) 2rem 2rem!important;}}
.ds-container{width:100%!important;max-width:var(--ds-content-max)!important;margin-left:auto!important;margin-right:auto!important;}