/* Reusable Mestre content components. */
.mestre-hero{padding:var(--mestre-space-section) var(--mestre-space-page);background:var(--theme-primary)}
.mestre-hero>*{max-width:var(--mestre-content-width);margin-inline:auto}.mestre-hero h1{max-width:14ch}
.mestre-eyebrow{margin-bottom:.75rem;font-size:var(--mestre-font-size-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.mestre-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:clamp(1rem,2.5vw,2rem)}
mestre-callout{display:block;margin-block:2rem;padding:clamp(1.25rem,3vw,2rem);border-left:.4rem solid var(--callout-color,var(--mestre-brand-teal));border-radius:0 var(--mestre-radius) var(--mestre-radius) 0;background:#fff}
mestre-callout[tone="plannen"]{--callout-color:var(--mestre-brand-plannen)}mestre-callout[tone="ondersteunen"]{--callout-color:var(--mestre-brand-ondersteunen)}mestre-callout[tone="organiseren"]{--callout-color:var(--mestre-brand-organiseren)}
.mestre-callout__label{display:block;margin-bottom:.4rem;font-weight:700}mestre-callout>*:last-child{margin-bottom:0}
mestre-progress{display:block}.mestre-progress__header{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem;font-size:var(--mestre-font-size-small);font-weight:700}.mestre-progress__track{overflow:hidden;height:.65rem;border-radius:999px;background:rgba(48,55,61,.12)}.mestre-progress__value{height:100%;border-radius:inherit;background:var(--mestre-brand-organiseren)}
.menu-toggle{display:none;min-height:auto;padding:.6rem .75rem;border:1px solid rgba(48,55,61,.18);background:transparent}.menu-toggle__icon,.menu-toggle__icon::before,.menu-toggle__icon::after{display:block;width:1.25rem;height:2px;background:currentColor}.menu-toggle__icon{position:relative;margin-left:.65rem}.menu-toggle__icon::before,.menu-toggle__icon::after{position:absolute;left:0;content:""}.menu-toggle__icon::before{top:-.4rem}.menu-toggle__icon::after{top:.4rem}
@media(max-width:48rem){.menu-toggle{display:inline-flex}.primary-navigation{display:none;position:absolute;top:100%;left:0;width:100%;padding:1rem var(--mestre-space-page) 1.5rem;border-bottom:1px solid rgba(48,55,61,.12);background:var(--mestre-brand-softwhite)}.primary-navigation.is-open{display:block}.primary-navigation ul{align-items:flex-start;flex-direction:column;gap:.5rem}.primary-navigation .sub-menu{display:flex;position:static;min-width:0;margin-top:.35rem;padding:.25rem 0 .25rem 1rem;border:0;background:transparent;box-shadow:none}}