:root{--edu-navy:#073b5a;--edu-blue:#0c6e94;--edu-sky:#e9f6f8;--edu-cream:#f8f4ec;--edu-orange:#f47c4e;--edu-line:#cbdde2;--edu-text:#183a4a}
html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--edu-cream);color:var(--edu-text)}
.education-hero{padding:34px max(5vw,24px) 70px;background:linear-gradient(115deg,#daf2f5 0%,#f4fbfa 52%,#fff0e8 100%);border-bottom:1px solid #dce8e8}
.education-hero .subpage-topbar{max-width:1280px;margin:0 auto 62px}.hero-copy{max-width:1280px;margin:0 auto}.hero-copy h1{max-width:980px;margin:.12em 0 .22em;color:var(--edu-navy);font-family:"Newsreader",serif;font-size:clamp(3.25rem,7vw,6.6rem);line-height:.88;letter-spacing:-.04em}.hero-copy>p:last-child{max-width:800px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65;color:#446571}
.hero-facts{max-width:1280px;margin:38px auto 0;display:flex;flex-wrap:wrap;gap:10px}.hero-facts span{display:flex;align-items:baseline;gap:7px;padding:11px 16px;border:1px solid rgba(7,59,90,.16);border-radius:999px;background:rgba(255,255,255,.68);font-size:.88rem}.hero-facts b{color:var(--edu-blue);font-size:1.05rem}
.education-main{max-width:1280px;margin:0 auto;padding:0 max(3vw,20px) 96px}.find-panel{position:relative;margin:-32px auto 72px;z-index:2;display:grid;grid-template-columns:minmax(280px,1.6fr) minmax(190px,.65fr) auto;gap:16px;align-items:end;padding:22px;border:1px solid var(--edu-line);border-radius:20px;background:#fff;box-shadow:0 16px 36px rgba(4,44,65,.11)}.find-panel label{display:block;margin:0 0 7px;color:#526d79;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.search-wrap{position:relative}.search-wrap>span{position:absolute;left:15px;top:50%;transform:translateY(-52%);font-size:1.4rem;color:var(--edu-blue)}.search-wrap input,.select-field select{width:100%;height:52px;border:1px solid #a9c8d2;border-radius:12px;background:#fff;color:var(--edu-navy);font:inherit}.search-wrap input{padding:0 45px}.search-wrap button{position:absolute;right:8px;top:8px;width:36px;height:36px;border:0;border-radius:50%;background:var(--edu-sky);color:var(--edu-navy);font-size:1.45rem;cursor:pointer}.select-field select{padding:0 14px}.search-wrap input:focus,.select-field select:focus{outline:3px solid rgba(12,110,148,.16);border-color:var(--edu-blue)}.result-line{height:52px;margin:0;display:flex;align-items:center;gap:5px;white-space:nowrap;padding:0 6px;color:#59717c}.result-line strong{color:var(--edu-navy);font-size:1.25rem}
.section-heading{max-width:780px}.section-heading h2,.data-note h2{margin:.08em 0 .2em;color:var(--edu-navy);font-family:"Newsreader",serif;font-size:clamp(2.25rem,5vw,4rem);line-height:.98;letter-spacing:-.025em}.section-heading>p:last-child{font-size:1.03rem;line-height:1.65;color:#5a707a}.type-menu{margin-bottom:82px}.type-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:30px}.type-button{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border:1px solid var(--edu-line);border-radius:16px;background:#fff;color:var(--edu-navy);font-weight:750;line-height:1.25;text-decoration:none;box-shadow:0 5px 16px rgba(7,59,90,.04);transition:.2s ease}.type-button:hover,.type-button:focus-visible{transform:translateY(-2px);border-color:var(--edu-blue);box-shadow:0 12px 22px rgba(7,59,90,.11)}.type-button b{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--edu-sky);color:var(--edu-blue);font-size:.86rem}
.all-schools>.section-heading{margin-bottom:30px}.education-group{margin:0 0 14px;scroll-margin-top:92px}.education-details{border:1px solid var(--edu-line);border-radius:18px;background:#fff;overflow:hidden}.education-details>summary{list-style:none;display:grid;grid-template-columns:58px 1fr 34px;gap:18px;align-items:center;min-height:118px;padding:20px 24px;cursor:pointer}.education-details>summary::-webkit-details-marker{display:none}.education-details[open]>summary{border-bottom:1px solid var(--edu-line);background:linear-gradient(90deg,#f0fafb,#fff)}.group-number{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--edu-navy);color:#fff;font-weight:800}.group-heading{display:grid;gap:2px}.group-kicker{color:var(--edu-orange);font-size:.69rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.group-heading strong{color:var(--edu-navy);font-family:"Newsreader",serif;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1}.group-heading small{margin-top:4px;color:#667b84;font-size:.9rem;font-weight:400;line-height:1.35}.group-toggle{font-size:2rem;color:var(--edu-blue);transition:.2s}.education-details[open] .group-toggle{transform:rotate(45deg)}.group-body{padding:24px}.school-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.school-card{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #d9e5e8;border-radius:13px;background:#fff}.school-card[hidden]{display:none}.school-card h3{margin:0 0 5px;color:var(--edu-navy);font-size:.98rem;line-height:1.2}.school-card p{margin:0;color:#67808a;font-size:.78rem;line-height:1.35}.school-card-side{display:grid;justify-items:end;gap:7px;text-align:right}.school-kind{max-width:165px;color:var(--edu-blue);font-size:.68rem;font-weight:700;line-height:1.25}.school-link{white-space:nowrap;color:var(--edu-navy);font-size:.72rem;font-weight:800;text-decoration:none}.school-link:hover{text-decoration:underline}.source-note{margin:22px 0 0;color:#74868d;font-size:.78rem}.source-note a{color:var(--edu-blue);font-weight:700}.no-results{padding:30px;border:1px dashed #c2d3d7;border-radius:16px;background:#fff;text-align:center;margin-bottom:20px}.no-results strong{color:var(--edu-navy);font-family:"Newsreader",serif;font-size:1.8rem}.no-results p{margin:.3em 0 0;color:#677c84}
.data-note{margin-top:58px;display:flex;align-items:center;justify-content:space-between;gap:34px;padding:36px;border-radius:22px;background:var(--edu-navy);color:#fff}.data-note>div{max-width:780px}.data-note .eyebrow{color:#8fd3df}.data-note h2{color:#fff;font-size:clamp(2rem,4vw,3.2rem)}.data-note p:last-child{color:#d5e5ea;line-height:1.65}.data-note>a{flex:0 0 auto;padding:14px 18px;border-radius:12px;background:var(--edu-orange);color:#fff;font-weight:800;text-decoration:none}
@media(max-width:1050px){.type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.school-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.find-panel{grid-template-columns:1fr 220px}.result-line{grid-column:1/-1;height:auto}}
@media(max-width:720px){html{scroll-padding-top:70px}.education-hero{padding:20px 18px 54px}.education-hero .subpage-topbar{margin-bottom:42px}.hero-copy h1{font-size:clamp(2.65rem,11vw,4rem);overflow-wrap:anywhere}.hero-copy>p:last-child{font-size:1rem}.hero-facts{margin-top:26px}.hero-facts span{font-size:.78rem}.education-main{padding:0 14px 70px}.find-panel{grid-template-columns:1fr;margin:-25px 0 54px;padding:16px;border-radius:16px}.result-line{grid-column:auto;padding:0}.type-menu{margin-bottom:58px}.type-grid{grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.type-button{min-height:76px;padding:14px;font-size:.86rem}.type-button b{width:30px;height:30px}.education-details>summary{grid-template-columns:44px 1fr 24px;gap:12px;min-height:102px;padding:16px 14px}.group-number{width:42px;height:42px;border-radius:12px;font-size:.82rem}.group-heading small{display:none}.group-heading strong{font-size:1.45rem}.group-body{padding:12px}.school-grid{grid-template-columns:1fr}.school-card{min-height:80px;padding:13px}.school-card-side{max-width:42%}.school-kind{font-size:.63rem}.data-note{align-items:flex-start;flex-direction:column;padding:26px 22px}.data-note>a{width:100%;text-align:center}}
@media(max-width:420px){.type-grid{grid-template-columns:1fr}.type-button{min-height:62px}.hero-facts span{width:100%;justify-content:center}.school-card{align-items:flex-start}.school-card-side{max-width:45%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.type-button,.group-toggle{transition:none}}

.find-panel{grid-template-columns:minmax(260px,1.4fr) minmax(175px,.55fr) minmax(190px,.65fr) auto}
.education-hero .back-link,.education-hero .topic-menu summary{display:flex;align-items:center;min-height:46px;padding:11px 15px;border:1px solid #9fbfc9;border-radius:10px;background:#fff;color:var(--edu-navy);font-weight:800;text-decoration:none;box-shadow:0 5px 15px rgba(7,59,90,.08)}
.education-hero .back-link:hover,.education-hero .back-link:focus-visible,.education-hero .topic-menu summary:hover,.education-hero .topic-menu summary:focus-visible{border-color:var(--edu-blue);background:var(--edu-sky);color:var(--edu-navy);outline:3px solid rgba(12,110,148,.16);outline-offset:2px}
.education-hero .topic-menu summary span,.education-hero .topic-menu[open] summary span{color:var(--edu-blue)}
.education-hero .topic-menu nav a,.education-hero .topic-menu nav a:visited{color:var(--edu-navy)}
.education-hero .topic-menu nav a[aria-current="page"],.education-hero .topic-menu nav a[aria-current="page"]:visited{color:#fff}
.school-card{color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.school-card:hover,.school-card:focus-visible{transform:translateY(-2px);border-color:var(--edu-blue);box-shadow:0 10px 24px rgba(7,59,90,.11);outline:none}
.stream-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;color:#fff;font-size:.61rem;font-weight:800;line-height:1;white-space:nowrap}.stream-openbaar{background:#176b87}.stream-christelijk{background:#315c8a}.stream-islamitisch{background:#28755b}.stream-algemeen-bijzonder{background:#7b4f8f}.stream-overig{background:#ad5b35}.school-open{color:var(--edu-blue);font-size:.7rem;font-weight:800;white-space:nowrap}
@media(max-width:1180px){.find-panel{grid-template-columns:1fr 210px 220px}.result-line{grid-column:1/-1;height:auto}}
@media(max-width:720px){.find-panel{grid-template-columns:1fr}.result-line{grid-column:auto}.school-card-side{max-width:48%}}