:root{--ink:#152b32;--ink-2:#29424a;--paper:#f5f2e9;--white:#fff;--mint:#59e3b2;--mint-dark:#087f63;--cyan:#62d7e7;--line:#d6ddd8;--muted:#63767b;--display:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--shadow:0 18px 50px rgba(16,42,48,.11);--radius:18px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit}img,svg{max-width:100%}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-150%);padding:10px 16px;background:var(--white)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(245,242,233,.92);border-bottom:1px solid rgba(21,43,50,.1);backdrop-filter:blur(12px)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.15}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:2px solid var(--ink);border-radius:50%;font-family:var(--display);font-size:24px;font-weight:700}.brand strong,.brand small{display:block}.brand small{margin-top:4px;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.main-nav{display:flex;align-items:center;gap:32px}.main-nav a{position:relative;padding:26px 0 24px;text-decoration:none;font-size:.9rem;font-weight:650}.main-nav a::after{position:absolute;right:0;bottom:18px;left:0;height:2px;background:var(--mint-dark);content:"";transform:scaleX(0);transition:.2s}.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{transform:scaleX(1)}.nav-toggle{display:none;border:0;background:none;padding:8px}.nav-toggle>span:not(.sr-only){display:block;width:24px;height:2px;margin:5px;background:var(--ink)}
.hero{position:relative;overflow:hidden;background:var(--ink);color:var(--white)}.hero::before{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(98,215,231,.07) 50%),linear-gradient(rgba(98,215,231,.05) 1px,transparent 1px);background-size:90px 100%,100% 56px;content:""}.hero-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:690px;gap:70px;padding-block:76px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--mint);font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow::before{width:25px;height:2px;background:currentColor;content:""}.eyebrow.dark{color:var(--mint-dark)}.eyebrow.light{color:var(--mint)}h1,h2,h3{margin:0;font-family:var(--display);line-height:1.08}h1{max-width:640px;margin-top:19px;font-size:clamp(3.3rem,6vw,5.8rem);letter-spacing:-.05em}h1 em{color:var(--mint);font-weight:400}h2{font-size:clamp(2.25rem,4vw,3.8rem);letter-spacing:-.035em}h3{font-size:1.65rem}.lead{max-width:610px;margin:25px 0 31px;color:#c5d2d4;font-size:1.13rem}.button-row{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:0 20px;border:1px solid transparent;text-decoration:none;font-size:.86rem;font-weight:750;transition:.2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--mint);color:var(--ink)}.button-quiet{border-color:#4c6268;color:var(--white)}.button-light{background:var(--white);color:var(--ink)}.button-outline{border-color:#6d858c;color:var(--white)}.hero-facts{display:flex;gap:36px;margin:52px 0 0}.hero-facts div{display:grid;grid-template-columns:auto auto;align-items:center;gap:9px}.hero-facts dt{color:var(--mint);font-family:var(--display);font-size:1.9rem}.hero-facts dd{max-width:75px;margin:0;color:#9db0b5;font-size:.7rem;line-height:1.25;text-transform:uppercase}
.instrument{padding:17px;border:1px solid #4a6267;border-radius:12px;background:#203a42;box-shadow:0 40px 90px rgba(0,0,0,.4);transform:perspective(1000px) rotateY(-3deg)}.instrument-top,.instrument-bottom{display:flex;justify-content:space-between;padding:2px 3px 13px;color:#8ca4aa;font:600 .63rem/1 monospace;letter-spacing:.08em}.instrument-bottom{padding:13px 3px 2px}.status-dot{color:var(--mint)}.screen{position:relative;overflow:hidden;aspect-ratio:1.75;border:8px solid #0e2025;border-radius:3px;background:#071a1e}.screen-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(98,215,231,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(98,215,231,.12) 1px,transparent 1px);background-size:10% 16.66%}.screen svg{position:absolute;inset:0;width:100%;height:100%}.trace{fill:none;stroke:var(--mint);stroke-width:2.5;vector-effect:non-scaling-stroke}.trace-glow{stroke-width:10;opacity:.12}.marker-line{stroke:#eef466;stroke-width:1;stroke-dasharray:4}.marker-dot{fill:#eef466}.screen-label{position:absolute;top:14px;left:14px;color:#d6e142;font:700 .7rem/1.5 monospace}.screen-label span{color:var(--white)}
.section{padding-block:105px}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:90px}.split-intro h2{margin-top:16px}.split-intro p{margin:3px 0 20px;color:var(--ink-2);font-size:1.05rem}.modules-section{border-top:1px solid var(--line);background:#eeebe2}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:44px}.section-heading h2{margin-top:15px}.section-heading>p{max-width:420px;margin:0;color:var(--muted)}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.module-card{display:grid;grid-template-columns:68px 1fr;gap:15px;min-height:265px;padding:30px;border:1px solid var(--line);background:rgba(255,255,255,.55);transition:.25s}.module-card:hover{border-color:#9aaea9;background:var(--white);box-shadow:var(--shadow);transform:translateY(-4px)}.module-card.featured{background:var(--white);border-top:4px solid var(--mint-dark)}.module-number{color:#9eaaa8;font-family:var(--display);font-size:2.6rem;line-height:1}.tag{color:var(--mint-dark);font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.module-card h3{margin:9px 0 13px}.module-card p{max-width:430px;margin:0 0 25px;color:var(--muted)}.text-link{font-size:.82rem;font-weight:800;text-decoration:none}.text-link span{display:inline-block;margin-left:9px;color:var(--mint-dark);transition:.2s}.text-link:hover span{transform:translateX(5px)}
.practical-section{background:#29444c;color:var(--white)}.practical-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.practical-grid h2{margin:18px 0 22px}.practical-grid p{margin:0 0 30px;color:#c5d1d3}.practical-visual{position:relative;display:grid;place-items:center;aspect-ratio:1.4;overflow:hidden;border:1px solid #587078;background:#183238}.smith-rings{position:absolute;width:58%;aspect-ratio:1;border:1px solid rgba(98,215,231,.55);border-radius:50%}.smith-rings::before,.smith-rings::after,.smith-rings span{position:absolute;border:1px solid rgba(98,215,231,.35);border-radius:50%;content:""}.smith-rings::before{inset:23%}.smith-rings::after{top:0;right:-50%;bottom:0;width:100%}.smith-rings span:nth-child(1){top:25%;right:-30%;width:55%;height:50%}.smith-rings span:nth-child(2){right:-30%;bottom:25%;width:55%;height:50%}.smith-rings span:nth-child(3){top:50%;left:-37%;width:75%;height:1px;border-radius:0}.smith-trace{position:absolute;width:19%;aspect-ratio:1;border:4px solid var(--mint);border-top-color:transparent;border-radius:50%;filter:drop-shadow(0 0 8px rgba(89,227,178,.5));transform:translate(20%,-8%) rotate(35deg)}
.site-footer{padding-block:43px;background:#10272d;color:var(--white)}.footer-grid{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:30px}.footer-brand .brand-mark{border-color:var(--mint);color:var(--mint)}.footer-brand small{color:#8da3a8}.footer-grid p{color:#8da3a8;font-size:.85rem}.footer-grid nav{display:flex;gap:22px}.footer-grid nav a{font-size:.8rem;text-decoration:none}
/* Binnenpagina's */
.page-hero{padding:78px 0 68px;background:var(--ink);color:var(--white)}.page-hero .container{max-width:980px}.breadcrumbs{margin-bottom:28px;color:#9bb0b5;font-size:.75rem}.breadcrumbs a{text-decoration:none}.page-hero h1{font-size:clamp(2.8rem,6vw,5rem)}.page-hero .lead{margin-bottom:0}.content-layout{display:grid;grid-template-columns:230px 1fr;align-items:start;gap:70px;padding-block:76px}.side-nav{position:sticky;top:105px;padding:20px 0;border-top:3px solid var(--ink);border-bottom:1px solid var(--line)}.side-nav strong{display:block;margin-bottom:14px;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.side-nav a{display:block;padding:8px 0;color:var(--muted);font-size:.84rem;text-decoration:none}.side-nav a:hover{color:var(--mint-dark)}.lesson>*:first-child{margin-top:0}.lesson h2{margin:72px 0 20px;font-size:clamp(2rem,4vw,3rem);scroll-margin-top:105px}.lesson h3{margin:30px 0 10px}.lesson p{max-width:760px;color:var(--ink-2)}.lesson-block{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.info-card{padding:25px;border:1px solid var(--line);background:var(--white)}.info-card .icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:20px;border-radius:50%;background:#d8f5e9;color:var(--mint-dark);font-weight:800}.info-card p{margin-bottom:0;color:var(--muted);font-size:.9rem}.placeholder{display:grid;place-items:center;min-height:260px;margin:28px 0;padding:30px;border:1px dashed #9aacaa;background:rgba(255,255,255,.4);text-align:center}.placeholder strong{display:block}.placeholder span{color:var(--muted);font-size:.82rem}.callout{margin:32px 0;padding:24px 28px;border-left:4px solid var(--mint-dark);background:#e1efe9}.callout strong{display:block}.topic-list,.download-grid,.interactive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:35px}.topic-card,.download-card,.interactive-card{padding:28px;border:1px solid var(--line);background:var(--white)}.topic-card p,.download-card p,.interactive-card p{color:var(--muted)}.topic-card .tag{display:block;margin-bottom:12px}.page-main{padding-block:80px}.page-main>.container>h2{margin:16px 0}.page-intro{max-width:720px;color:var(--muted)}.download-card{display:flex;flex-direction:column}.download-card .file-meta{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:.72rem;font-weight:750;text-transform:uppercase}.disabled-link{color:var(--muted);cursor:not-allowed}.demo-box{margin-top:35px;padding:30px;background:var(--ink);color:white}.demo-controls{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.demo-controls input{width:100%;accent-color:var(--mint)}.demo-readout{min-width:150px;color:var(--mint);font:700 1.2rem monospace}.demo-chart{position:relative;height:250px;margin-top:25px;border:1px solid #496269;background:repeating-linear-gradient(0deg,transparent 0 48px,rgba(98,215,231,.11) 49px 50px),repeating-linear-gradient(90deg,transparent 0 9.8%,rgba(98,215,231,.11) 10%)}.demo-marker{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--mint);transition:left .15s}.demo-marker::after{position:absolute;top:48%;left:-6px;width:14px;height:14px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint);content:""}
.animation-card{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:28px;margin:32px 0;padding:32px;background:var(--ink);color:var(--white);box-shadow:var(--shadow)}.animation-card h3{margin:10px 0 12px;font-size:1.8rem}.animation-card p{margin:0 0 24px;color:#c5d2d4}.animation-symbol{position:relative;display:grid;place-items:center;min-height:170px;border:1px solid #496269;background:repeating-linear-gradient(0deg,transparent 0 41px,rgba(98,215,231,.1) 42px),repeating-linear-gradient(90deg,transparent 0 41px,rgba(98,215,231,.1) 42px)}.animation-symbol strong{display:grid;place-items:center;width:62px;height:62px;border:2px solid var(--mint);border-radius:50%;color:var(--mint);font:700 2rem var(--display)}.animation-symbol span{position:absolute;font-size:1.7rem;font-weight:800}.wave-forward{top:24px;left:22px;color:#ff6b6b}.wave-return{right:22px;bottom:24px;color:#58a6ff}
.animation-card-thumbnail{grid-template-columns:minmax(0,1fr) 220px}.animation-thumbnail{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;border:1px solid #587078;background:#111214;text-decoration:none}.animation-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%;opacity:.88;transition:opacity .2s,transform .2s}.animation-thumbnail span{position:absolute;right:10px;bottom:10px;padding:6px 9px;background:rgba(16,39,45,.9);color:var(--mint);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.animation-thumbnail:hover img{opacity:1;transform:scale(1.025)}
.interactive-divider{margin-top:72px;padding-top:58px;border-top:1px solid var(--line)}.interactive-divider h2{margin-top:16px}
.interactive-card-live{border-top:4px solid var(--mint-dark)}.interactive-card-live .text-link{display:inline-block;margin-top:10px}.smith-promo{display:grid;grid-template-columns:1fr 190px;align-items:center;gap:28px;margin:30px 0;padding:32px;background:var(--ink);color:var(--white)}.smith-promo h3{margin:10px 0}.smith-promo p{margin:0 0 23px;color:#c5d2d4}.smith-promo-chart{position:relative;display:grid;place-items:center;aspect-ratio:1;border:1px solid #587078;border-radius:50%;background:linear-gradient(#496269 1px,transparent 1px),linear-gradient(90deg,#496269 1px,transparent 1px);background-size:100% 50%,50% 100%}.smith-promo-chart::before,.smith-promo-chart::after,.smith-promo-chart span{position:absolute;border:1px solid #587078;border-radius:50%;content:""}.smith-promo-chart::before{inset:24%}.smith-promo-chart::after{top:0;right:-50%;bottom:0;width:100%}.smith-promo-chart span{top:22%;right:-22%;width:50%;height:56%}.smith-promo-chart i{position:absolute;top:30%;right:25%;width:16px;height:16px;border:3px solid var(--mint);border-radius:50%;background:var(--ink);box-shadow:0 0 13px var(--mint)}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;min-height:auto}.instrument{transform:none}.split-intro,.practical-grid{grid-template-columns:1fr;gap:50px}.section-heading{display:block}.section-heading>p{margin-top:20px}.content-layout{grid-template-columns:1fr;gap:20px}.side-nav{position:static;display:flex;gap:18px;overflow:auto;padding:14px 0}.side-nav strong{display:none}.side-nav a{white-space:nowrap}.footer-grid{grid-template-columns:1fr auto}.footer-grid>p{display:none}}
@media(max-width:850px){.animation-card-thumbnail{grid-template-columns:1fr 180px}}
@media(max-width:640px){.container{width:min(calc(100% - 28px),var(--max))}.nav-wrap{min-height:68px}.nav-toggle{display:block}.main-nav{position:absolute;top:68px;right:0;left:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:10px 20px 22px;background:var(--paper);border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:12px 0}.main-nav a::after{bottom:7px}.hero-grid{gap:52px;padding-block:62px}.hero-facts{gap:18px}.instrument{margin-inline:-5px;padding:10px}.section{padding-block:72px}.split-intro{gap:28px}.module-grid,.lesson-block,.topic-list,.download-grid,.interactive-grid{grid-template-columns:1fr}.module-card{grid-template-columns:52px 1fr;padding:23px}.practical-grid{gap:35px}.footer-grid{grid-template-columns:1fr}.footer-grid nav{flex-wrap:wrap}.page-hero{padding-block:55px}.page-main,.content-layout{padding-block:55px}.demo-controls{grid-template-columns:1fr}.screen-label{font-size:.55rem}.animation-card{grid-template-columns:1fr;padding:24px}.animation-symbol{min-height:135px}.animation-thumbnail{width:180px;max-width:100%}.smith-promo{grid-template-columns:1fr;padding:24px}.smith-promo-chart{width:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.about-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:70px;align-items:start}.about-layout h2{margin:16px 0 24px;font-size:clamp(2rem,4vw,3.4rem)}.about-layout article p{max-width:720px;color:var(--ink-2);font-size:1.02rem}.independence-notice{padding:34px;border-top:5px solid var(--mint-dark);background:var(--white);box-shadow:var(--shadow)}.independence-notice h2{font-size:clamp(1.8rem,3vw,2.5rem)}.independence-notice p{color:var(--ink-2)}.independence-notice a{color:var(--mint-dark);font-weight:800}.notice-label{display:inline-block;padding:5px 9px;background:#d8f5e9;color:var(--mint-dark);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:850px){.about-layout{grid-template-columns:1fr;gap:45px}}
.download-card-available{border-top:4px solid var(--mint-dark);background:var(--white)}.download-link{display:flex;align-items:center;justify-content:space-between;color:var(--mint-dark);text-decoration:none}.download-link:hover{color:var(--ink)}
.download-photo{width:min(100%,380px);margin:5px auto 20px}.download-photo img{display:block;width:100%;height:auto;border:1px solid var(--line)}.download-photo figcaption{margin-top:8px;color:var(--muted);font-size:.72rem;line-height:1.4}
.affiliate-notice{margin-bottom:60px;padding:22px 26px;border-left:4px solid var(--mint-dark);background:#e1efe9}.affiliate-notice strong{display:block}.affiliate-notice p{margin:5px 0 0;color:var(--ink-2)}.chooser-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-bottom:36px}.chooser-intro h2{margin-top:15px}.chooser-intro>p{margin:0;color:var(--muted)}.comparison-wrap{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;background:var(--white)}.comparison-table th,.comparison-table td{padding:17px 18px;border:1px solid var(--line);text-align:left;vertical-align:top}.comparison-table thead th{background:var(--ink);color:var(--white);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase}.comparison-table tbody th{white-space:nowrap}.comparison-note{margin:12px 0 48px;color:var(--muted);font-size:.78rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{position:relative;display:flex;flex-direction:column;padding:30px;border:1px solid var(--line);background:var(--white)}.product-card.recommended{border-top:5px solid var(--mint-dark)}.product-badge{position:absolute;top:-15px;right:16px;padding:5px 9px;background:var(--mint-dark);color:var(--white);font-size:.64rem;font-weight:800;text-transform:uppercase}.product-card h2{margin:12px 0 16px;font-size:2rem}.product-summary{color:var(--muted)}.product-card ul{padding-left:19px;margin-bottom:28px;color:var(--ink-2);font-size:.88rem}.product-card li+li{margin-top:8px}.product-link{margin-top:auto;text-align:center}.button-quiet-dark{border-color:var(--ink);color:var(--ink)}.buying-check{margin-top:75px;padding-top:55px;border-top:1px solid var(--line)}.buying-check h2{margin:15px 0 28px}.buying-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.buying-check-grid p{color:var(--muted)}
@media(max-width:950px){.product-grid{grid-template-columns:1fr}.product-card{min-height:0}.main-nav{gap:18px}}
@media(max-width:700px){.chooser-intro,.buying-check-grid{grid-template-columns:1fr;gap:24px}.comparison-table{min-width:690px}}
.construction-dialog{width:min(calc(100% - 32px),620px);max-height:calc(100vh - 32px);padding:0;border:0;background:transparent;color:var(--ink);overflow:auto}.construction-dialog::backdrop{background:rgba(7,25,30,.76);backdrop-filter:blur(4px)}.construction-dialog-inner{position:relative;padding:38px;background:var(--paper);border-top:6px solid var(--mint-dark);box-shadow:0 25px 80px rgba(0,0,0,.35)}.construction-dialog-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer}.construction-dialog-close:hover{border-color:var(--mint-dark);color:var(--mint-dark)}.construction-dialog h2{max-width:500px;margin:15px 40px 18px 0;font-size:clamp(2rem,5vw,3rem)}.construction-dialog p{color:var(--ink-2)}.course-status-list{margin:25px 0;border-top:1px solid var(--line)}.course-status-list div{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:13px 0;border-bottom:1px solid var(--line)}.course-status-list span{font-size:.86rem}.course-status-list strong{color:var(--mint-dark);font-size:.78rem;text-align:right;text-transform:uppercase}.construction-dialog-note{font-size:.85rem}.construction-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.construction-dialog-confirm{border-color:var(--ink);background:transparent;color:var(--ink);cursor:pointer}
@media(max-width:520px){.construction-dialog-inner{padding:30px 22px 24px}.construction-dialog h2{margin-right:30px}.course-status-list div{align-items:flex-start;flex-direction:column;gap:3px}.course-status-list strong{text-align:left}}
.registration-status{margin-bottom:65px;padding:30px 34px;border-left:5px solid var(--mint-dark);background:#e1efe9}.registration-status h2{margin:13px 0 14px;font-size:clamp(2rem,4vw,3rem)}.registration-status p{max-width:850px;margin:0;color:var(--ink-2)}.registration-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:70px;align-items:start}.registration-layout>article>h2,.registration-costs>h2{margin:15px 0 28px}.registration-steps{margin:0 0 32px;padding:0;list-style:none}.registration-steps li{display:grid;grid-template-columns:42px 1fr;gap:17px;padding:20px 0;border-bottom:1px solid var(--line)}.registration-steps li>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--mint-dark);color:var(--white);font-family:var(--display);font-weight:700}.registration-steps strong{display:block}.registration-steps p{margin:5px 0 0;color:var(--muted)}.registration-steps a{color:var(--mint-dark);font-weight:800}.registration-mail{margin-top:5px}.registration-costs{padding:30px;border-top:5px solid var(--mint-dark);background:var(--white);box-shadow:var(--shadow)}.registration-costs dl{margin:0}.registration-costs dl>div{display:grid;grid-template-columns:1fr auto;gap:3px 20px;padding:17px 0;border-bottom:1px solid var(--line)}.registration-costs dt{font-weight:700}.registration-costs dd{margin:0;color:var(--mint-dark);font:700 1.2rem monospace}.registration-costs small{grid-column:1/-1;color:var(--muted)}.registration-costs .cost-total{margin-top:7px;border-bottom:0}.registration-costs>p{margin:18px 0 0;color:var(--muted);font-size:.85rem}
@media(max-width:1050px) and (min-width:641px){.nav-toggle{display:block}.main-nav{position:absolute;top:78px;right:0;left:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:10px 30px 24px;background:var(--paper);border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav a{padding:11px 0}.main-nav a::after{bottom:6px}}
@media(max-width:800px){.registration-layout{grid-template-columns:1fr;gap:45px}}
@media(max-width:520px){.registration-status{padding:25px 22px}.registration-costs{padding:25px 22px}}
.about-registration{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}.about-registration p{margin:0 0 14px}.about-registration .button{color:var(--ink)}
/* Openbare cursuspagina's */
.course-overview{background:#eeebe2}.course-introduction{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:55px}.course-introduction h2{margin-top:15px}.course-introduction p{margin:0 0 18px;color:var(--ink-2);font-size:1.03rem}.course-module-grid .module-card{background:var(--white)}.course-boundary{margin-top:55px;padding:34px;border-left:5px solid var(--mint-dark);background:var(--white)}.course-boundary>strong{display:block;font-family:var(--display);font-size:1.65rem}.course-boundary p{max-width:820px;color:var(--muted)}.public-module-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:75px;align-items:start;padding-block:80px}.public-module-copy h2{margin:16px 0 24px;font-size:clamp(2rem,4vw,3.2rem)}.public-module-copy h2:not(:first-of-type){margin-top:65px}.public-module-copy>p{max-width:760px;color:var(--ink-2);font-size:1.04rem}.topic-strip{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.topic-strip span{padding:7px 11px;background:#d8f5e9;color:var(--mint-dark);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.outcome-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin:0;padding:0;list-style:none}.outcome-list li{position:relative;padding:15px 15px 15px 42px;border-top:1px solid var(--line);color:var(--ink-2)}.outcome-list li::before{position:absolute;top:15px;left:12px;color:var(--mint-dark);font-weight:900;content:'✓'}.module-sidebar{position:sticky;top:105px;padding:30px;border-top:5px solid var(--mint-dark);background:var(--white);box-shadow:var(--shadow)}.module-sidebar h2{margin:14px 0 18px;font-size:2rem}.module-sidebar>p{color:var(--muted)}.module-sidebar>.button{margin:8px 0 30px}.module-sequence{padding-top:24px;border-top:1px solid var(--line)}.module-sequence>strong{display:block;margin-bottom:10px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.module-sequence a{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 0;color:var(--muted);font-size:.84rem;text-decoration:none}.module-sequence a span{color:var(--mint-dark);font-weight:800}.module-sequence a[aria-current=page]{color:var(--ink);font-weight:800}.course-next{padding-block:55px;background:#29444c;color:var(--white)}.course-next .container{display:flex;align-items:center;justify-content:space-between;gap:35px}.course-next h2{margin-top:12px;font-size:clamp(2rem,4vw,3rem)}
@media(max-width:850px){.course-introduction,.public-module-layout{grid-template-columns:1fr;gap:40px}.module-sidebar{position:static}.outcome-list{grid-template-columns:1fr}}
@media(max-width:640px){.course-next .container{align-items:flex-start;flex-direction:column}.course-boundary{padding:26px 22px}}
/* Account- en autorisatiebeheer */
.nav-auth-form{display:inline-flex;margin:0}.nav-auth-form button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;padding:.35rem .1rem}.nav-auth-form button:hover{text-decoration:underline}
.account-page{min-height:calc(100vh - 84px);padding:3rem 0;background:#f5f7fa}.account-container{max-width:1050px}.account-page h1{max-width:100%;font-size:clamp(2.15rem,6vw,3.5rem);line-height:1.05;letter-spacing:-.035em;overflow-wrap:anywhere}.account-card-narrow h1{font-size:clamp(2.15rem,6vw,3.25rem)}.account-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.account-heading h1,.account-card h1,.account-card h2{margin:.35rem 0 1rem}.account-card{background:#fff;border:1px solid #dbe2ea;border-radius:18px;padding:1.5rem;box-shadow:0 10px 30px rgba(10,32,52,.06)}.account-card-narrow{max-width:520px;margin:2rem auto}.account-list{display:grid;gap:1rem;margin-top:1.5rem}.account-form{display:grid;gap:1rem}.account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-form label:not(.account-check){display:grid;gap:.4rem;font-weight:700}.account-form input[type=text],.account-form input[type=email],.account-form input[type=password],.account-form select,.account-form textarea{width:100%;border:1px solid #b9c6d3;border-radius:9px;padding:.75rem;font:inherit;background:#fff}.account-form textarea{resize:vertical}.account-form fieldset{border:1px solid #dbe2ea;border-radius:10px;padding:.8rem}.account-check{display:flex;align-items:center;gap:.45rem}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0}.account-alert{border-left:4px solid #b42318;background:#fff1f0;padding:1rem;margin-bottom:1rem}.account-alert-success{border-color:#18864b;background:#ecfdf3}.account-meta{color:#5f6f7e;font-size:.9rem}.contact-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:1.5rem;align-items:start}.contact-details{position:sticky;top:1.5rem}.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:760px){.account-grid,.permission-grid,.contact-layout{grid-template-columns:1fr}.contact-details{position:static}.account-heading{align-items:flex-start;flex-direction:column}.nav-auth-form{display:block}.nav-auth-form button{width:100%;text-align:left;padding:.65rem 0}}
.account-switch{margin:1.25rem 0 0;color:var(--muted);font-size:.92rem}.account-switch a{color:var(--mint-dark);font-weight:800}.account-form small{color:var(--muted);font-weight:400}
.account-help-link{width:max-content;color:var(--mint-dark);font-size:.9rem;font-weight:800}.account-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.account-actions form{margin:0}
.account-delete-form{margin:-4.7rem 1.5rem 1.5rem auto;width:max-content;position:relative}.account-danger{border-color:#b42318;background:#fff;color:#b42318}.account-danger:hover{background:#fff1f0}
.user-create-panel{margin-bottom:1.5rem}.user-create-panel summary{cursor:pointer;font-family:Georgia,'Times New Roman',serif;font-size:1.35rem;font-weight:700}.user-create-panel[open] summary{margin-bottom:1.5rem}.user-create-form{padding-top:.25rem}.user-overview{padding:0;overflow:hidden}.user-overview-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;padding:1.25rem 1.5rem}.user-overview-heading h2{margin:0}.user-overview-heading p{margin:.25rem 0 0}.user-filter{display:grid;gap:.35rem;min-width:min(100%,320px);font-size:.85rem;font-weight:700}.user-filter input{width:100%;border:1px solid #b9c6d3;border-radius:9px;padding:.7rem .8rem;font:inherit}.user-table-wrap{overflow-x:auto;border-top:1px solid #dbe2ea}.user-table{width:100%;border-collapse:collapse;text-align:left}.user-table th{background:#f5f7fa;color:#5f6f7e;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.user-table th,.user-table td{padding:.8rem 1rem;border-bottom:1px solid #e8edf2;vertical-align:middle}.user-table tbody tr:last-child td{border-bottom:0}.user-table tbody tr:hover,.user-table tbody tr.is-selected{background:#f0fbf7}.user-name-button{appearance:none;border:0;background:none;padding:0;color:var(--ink);font:inherit;font-weight:800;text-align:left;cursor:pointer}.user-name-button:hover{text-decoration:underline}.user-role{display:inline-block;margin:.1rem .2rem .1rem 0;padding:.2rem .45rem;border-radius:999px;background:#e8f3ef;font-size:.78rem;font-weight:700}.user-status{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;font-size:.85rem;font-weight:700}.user-status::before{content:'';width:.5rem;height:.5rem;border-radius:50%;background:#b42318}.user-status.is-active::before{background:#18864b}.user-open-button{padding:.45rem .7rem;font-size:.8rem}.user-no-results{margin:0;padding:2rem;text-align:center;color:var(--muted)}.user-editors{margin-top:1.5rem}.user-editor[hidden]{display:none}.user-editor-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem}.user-editor-heading h2{margin:.35rem 0 1rem}.user-editor-close{appearance:none;border:0;background:transparent;color:var(--muted);font-size:2rem;line-height:1;cursor:pointer}.user-editor-close:hover{color:var(--ink)}
@media(max-width:760px){.user-overview-heading{align-items:stretch;flex-direction:column}.user-filter{min-width:0}.user-table th:nth-child(4),.user-table td:nth-child(4),.user-table th:nth-child(6),.user-table td:nth-child(6){display:none}.user-table th,.user-table td{padding:.7rem}.user-open-button{padding:.4rem .55rem}}
.protected-account-note{margin:1rem 0 0;padding:.8rem 1rem;border-left:3px solid var(--mint-dark);background:#f0fbf7}

.chooser-guidance{max-width:76ch;margin-bottom:64px}.chooser-guidance h2{margin:15px 0 24px}.chooser-guidance h3{margin:32px 0 14px}.chooser-guidance p{color:var(--ink-2);line-height:1.8}
.registration-value{margin:0 0 64px}.registration-value h2{margin:15px 0 20px;max-width:28ch}.registration-value-intro{max-width:76ch;color:var(--ink-2)}.registration-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}.registration-value-grid article{padding:26px;border:1px solid var(--line);background:var(--white)}.registration-value-grid h3{margin:0 0 14px}.registration-value-grid p{margin:0;color:var(--ink-2)}.registration-value-summary{max-width:80ch;color:var(--ink-2)}@media(max-width:800px){.registration-value-grid{grid-template-columns:1fr}}
.registration-layout + .registration-status{margin-top:65px;margin-bottom:0}
.nav-dropdown{position:relative}.nav-dropdown summary{display:flex;align-items:center;gap:7px;padding:26px 0 24px;font-size:.9rem;font-weight:650;cursor:pointer;list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown summary.is-current{text-decoration:underline;text-decoration-color:var(--mint-dark);text-underline-offset:8px}.nav-dropdown summary:focus-visible{outline:2px solid var(--mint-dark);outline-offset:4px}.nav-dropdown[open] summary>span{transform:rotate(180deg)}.nav-submenu{position:absolute;top:100%;left:0;min-width:190px;padding:8px 16px;background:var(--paper);border:1px solid var(--line);box-shadow:0 10px 24px rgba(21,43,50,.12);z-index:21}.main-nav .nav-submenu a{display:block;padding:12px 0;white-space:nowrap}.main-nav .nav-submenu a::after{bottom:6px}@media(max-width:1050px){.nav-dropdown summary{padding:12px 0}.nav-submenu{position:static;min-width:0;margin:0 0 8px 12px;border:0;border-left:2px solid var(--mint-dark);box-shadow:none}.main-nav.open{max-height:calc(100dvh - 78px);overflow-y:auto}}
.language-switcher{display:flex;gap:10px;align-items:center}.main-nav .language-switcher a{font-size:.75rem;padding:8px 0}.language-switcher a[aria-current="true"]{font-weight:800;text-decoration:underline;text-underline-offset:4px}@media(min-width:1051px){.main-nav{gap:16px;flex-wrap:wrap;justify-content:flex-end}.language-switcher{order:2}}
.guide-card-title{font-size:1.65rem;letter-spacing:normal}.guide-copy li{margin-bottom:14px;color:var(--ink-2)}.guide-copy a{overflow-wrap:anywhere}.guide-copy h2{font-size:clamp(1.6rem,3vw,2.3rem)}
body[data-learning-page] .brand{flex-shrink:0}body[data-learning-page] .page-hero h1{max-width:24ch;font-size:clamp(2.4rem,5vw,3.8rem)}
.personal-use-dialog{width:min(560px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:28px;background:var(--paper);color:var(--ink)}.personal-use-dialog::backdrop{background:rgba(0,0,0,.6)}.personal-use-dialog h2{font-size:2rem}.personal-use-choice{display:flex;align-items:flex-start;gap:12px;margin:24px 0}.personal-use-choice input{margin-top:6px;flex-shrink:0}.personal-use-dialog .button-outline{color:var(--ink)}

/* Four-language flag picker; labels remain available to assistive technology. */
.main-nav .language-switcher{gap:4px;flex-shrink:0}
.main-nav .language-switcher a{display:inline-flex;align-items:center;gap:4px;padding:7px 5px;border:1px solid transparent;border-radius:5px;text-decoration:none;min-height:36px}
.language-switcher img{display:block;object-fit:cover;border:1px solid #ccd5df;border-radius:2px}
.language-code{font-size:.65rem;letter-spacing:.02em}
.main-nav .language-switcher a[aria-current="true"]{background:#edf4fc;border-color:#557da8}
.main-nav .language-switcher a:focus-visible{outline:2px solid #174a80;outline-offset:2px}