/* OK-Flex: one type scale, logo green headings and logo blue actions. */
:root{--green:#0c7167;--blue:#036eb5;--blue-hover:#02578f;--ink:#173b4c;--muted:#4b626a;--light:#f1f5f3;--line:#d3dfdc}
body{font-size:18px;line-height:1.75}
.section{padding-top:68px;padding-bottom:68px}
h1,.hero h1,.home-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.15;font-weight:500;letter-spacing:-.03em;color:var(--green)}
h2,.cta h2,footer h2,.contact-card h2{font-size:clamp(28px,3vw,36px);line-height:1.25;font-weight:500;letter-spacing:-.025em;color:var(--green)}
h3,.card h3,.program-row h3,.admin .card h3{font-size:24px;line-height:1.35;font-weight:500;letter-spacing:-.02em;color:var(--green)}
.lead,.hero .lead{font-size:20px;line-height:1.75;color:var(--muted)}
.sectionhead{margin-bottom:32px}.sectionhead p:last-child{margin-bottom:0}
.button,button,.button.outline,.button.light,.secondary,
.ribbon-controls button,.slide-controls button,.slide-controls [data-pause]{background:var(--blue);border-color:var(--blue);color:#fff;font-size:16px;min-height:48px;line-height:1.4;white-space:normal;text-align:center}
.button:hover,button:hover,.button.outline:hover,.button.light:hover,.secondary:hover,
.ribbon-controls button:hover,.slide-controls button:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff}
.button:disabled,button:disabled{opacity:.6;cursor:not-allowed}
.button.main-action{font-size:19px;padding:18px 30px;min-height:60px}
.adminnav .selected{background:var(--blue);color:#fff}
a{color:var(--green)}
.blue,.mint,.contact-card,.metric{border-top-color:var(--blue)}
.metric strong{color:var(--blue)}
.metric h3{color:var(--green)}
.ribbon-controls button,.slide-controls button{font-size:14px;min-height:42px}
.ribbon-caption{font-size:14px}
.program-date .eyebrow{font-size:15px;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:400}
.program-date b{font-size:24px;color:var(--green)}
.coursegrid .eyebrow{font-size:15px;letter-spacing:0;text-transform:none}
.program-heading{background:var(--green);font-size:15px}
.program-row p,.program-row li{font-size:18px}
.home-opening{text-align:center;padding-top:50px;padding-bottom:60px}
.home-opening h1{max-width:1000px;margin-left:auto;margin-right:auto}
.home-intro{max-width:780px;margin:0 auto 32px}
.audience-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1040px;margin:0 auto}
.audience-choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;min-height:190px;padding:30px 32px;text-align:left;text-decoration:none;background:var(--blue);border:1px solid var(--blue);border-radius:3px;color:#fff;transition:background-color .18s}
.audience-choice strong{font-size:25px;line-height:1.3;font-weight:600;letter-spacing:-.02em}
.audience-choice span{font-size:17px;line-height:1.65;max-width:480px;color:#fff}
.audience-choice:hover{background:var(--blue-hover);border-color:var(--blue-hover);color:#fff;text-decoration:none}
.vision-section{max-width:1020px}.vision-section p:last-child{margin-bottom:0}
.home-pillars,.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.home-pillars article,.expertise-grid article{border-top:2px solid var(--green);padding-top:24px;min-width:0}
.home-pillars .button{margin-top:5px;font-size:15px;padding:13px 16px}
.home-pillars p:last-child,.expertise-grid p:last-child{margin-bottom:0}
.employer-opening{max-width:1120px;padding-top:50px}
.employer-opening h1{max-width:1000px;margin-bottom:22px}
.value-statement{font-size:clamp(24px,2.8vw,32px);line-height:1.4;color:var(--green);margin-bottom:18px}
.value-statement strong{font-weight:600}
.value-list{padding-left:26px;max-width:1000px;margin:28px 0 32px;font-size:20px;line-height:1.65}
.value-list li{padding-left:6px;margin-bottom:17px}.value-list li::marker{color:var(--blue)}
.value-list strong{font-weight:600;color:var(--ink)}
.employer-contact{border-top:1px solid var(--line);padding-top:24px}.employer-contact p{font-size:17px;margin-bottom:18px}
#specialismen,#werkwijze,#supervisie,#contact{scroll-margin-top:24px}
.expertise-grid p{font-size:19px;line-height:1.75}
.expertise-alignment{margin-top:40px;padding:28px 32px;background:#fff;border-left:3px solid var(--green);max-width:1100px}.expertise-alignment h3{font-size:clamp(23px,2.6vw,29px);margin-bottom:14px}.expertise-alignment p:last-child{margin-bottom:0}
@media(max-width:760px){.expertise-alignment{padding:24px 22px}}
.process-accordion{max-width:1000px}.process-accordion details{padding:0;border-top:1px solid var(--line)}.process-accordion details:last-child{border-bottom:1px solid var(--line)}
.process-accordion summary,.faq-list summary{list-style:none;position:relative;padding:23px 40px 23px 0;color:var(--green);line-height:1.5}
.process-accordion summary{font-size:24px;font-weight:500}
.process-accordion summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}
.process-accordion summary::after,.faq-list summary::after{content:'+';position:absolute;right:4px;top:21px;font-size:25px;font-weight:400;color:var(--green)}
.process-accordion details[open]>summary::after,.faq-list details[open]>summary::after{content:'−'}
.process-content{padding:0 0 24px;max-width:900px}.process-content h3{font-size:23px}.process-content p,.process-content li{font-size:18px}.process-content ul{padding-left:24px;margin-bottom:24px}.process-content p:last-child{margin-bottom:0}
.supervision-panel{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:start;margin-top:55px}
.photo-reserve{aspect-ratio:3/2;background:#e3eeea;border:1px solid var(--line);border-radius:3px;color:var(--green);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;font-size:23px;gap:8px}.photo-reserve small{font-size:14px;color:var(--muted)}
.supervision-photo{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px}
.student-path{max-width:1000px;margin-top:32px}.student-path article{padding:30px 0;border-top:1px solid var(--line)}.student-path article:first-child{padding-top:0;border-top:0}.student-path article:last-child{padding-bottom:0}.student-path article p:last-child{margin-bottom:0}.student-path h3{max-width:880px}
.faq-stack{max-width:1100px}.faq-stack h1,.faq-stack h2{max-width:900px;margin-bottom:28px}.faq-list details{padding:0}.faq-list summary{font-size:19px;font-weight:600}.faq-list p{font-size:18px;line-height:1.75;margin:0;padding-bottom:24px;color:var(--muted)}
.course-footnotes{max-width:1100px;padding-top:0;padding-bottom:60px;font-size:14px;color:var(--muted)}.course-footnotes p{margin-bottom:12px}
.course-intro{padding-top:50px}.course-benefits{max-width:980px}.course-intro>.micro{max-width:900px}
.team-opening .about-group{max-height:650px;object-fit:contain;background:var(--light)}
.team-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.team-person{min-width:0}.team-person h3{margin-bottom:8px}.team-person address{font-style:normal}.team-person address a{display:block;overflow-wrap:anywhere;font-weight:600;margin-top:8px}
.person-role{font-size:16px;color:var(--muted);margin-bottom:22px}
.portrait-reserve,.team-portrait{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px;margin-bottom:28px}
.portrait-reserve{background:#e3eeea;color:var(--green);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.portrait-reserve span{font-size:60px;font-weight:400;line-height:1}.portrait-reserve small{font-size:14px;color:var(--muted)}
.company-contact address{font-style:normal;margin-bottom:20px}
label{font-size:16px}.formgrid{gap:0 24px}.check{font-size:15px}
footer{background:#edf3ef;color:var(--ink)}footer h2{color:var(--green)}footer b{color:var(--green)}footer a,footer span{color:var(--ink)}footer a:hover{color:var(--green)}
@media(max-width:1000px){.home-pillars,.expertise-grid{grid-template-columns:1fr;gap:30px}.supervision-panel{grid-template-columns:1fr;gap:28px}.photo-reserve,.supervision-photo{max-width:650px}.team-profiles{gap:32px}}
@media(max-width:760px){body{font-size:17px}.lead,.hero .lead{font-size:19px}.section{padding-top:48px;padding-bottom:48px}.home-opening,.employer-opening,.course-intro{padding-top:34px}.audience-choices{grid-template-columns:1fr;gap:16px}.audience-choice{min-height:150px;padding:25px}.audience-choice strong{font-size:23px}.audience-choice span{font-size:16px}.value-list{font-size:18px;padding-left:22px}.value-list li{margin-bottom:16px}.expertise-grid p{font-size:18px}.process-accordion summary{font-size:22px}.process-content p,.process-content li,.faq-list p,.program-row p,.program-row li{font-size:17px}.faq-list summary{font-size:18px}.team-profiles{grid-template-columns:1fr;gap:48px}.portrait-reserve,.team-portrait{max-width:520px}.ribbon-caption{flex-direction:column;align-items:flex-start;gap:12px}.ribbon-caption>span{max-width:none}.ribbon-controls{flex-wrap:wrap;gap:8px}.ribbon-controls button{padding:8px 12px}.supervision-panel{margin-top:38px}.course-footnotes{padding-bottom:40px}.button.main-action{font-size:18px;width:100%}.program-heading{flex-wrap:wrap;gap:8px}}
@media(prefers-reduced-motion:reduce){.audience-choice,.button,button{transition:none}}
