@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap');
:root{--ink:#16314a;--muted:#61758a;--teal:#087f76;--teal-dark:#075e59;--tint:#e9f7f3;--sky:#f4f8fb;--line:#e2eaf0;--paper:#fff;--orange:#efad5c;--red:#a33b3b;--green:#166c55}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f9fa;color:var(--ink);font-family:'DM Sans',system-ui,Arial,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.46;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f1ac4f;outline-offset:2px}a{color:var(--teal-dark)}.topbar{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.topinner{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 24px}.logo{font-family:Outfit,sans-serif;font-weight:800;font-size:1.38rem;letter-spacing:-.05em;white-space:nowrap;background:none;border:0;color:var(--ink);padding:0}.logo b{color:var(--teal)}.nav{display:flex;gap:7px;flex-wrap:wrap}.nav button{border:none;background:transparent;color:#526980;font-weight:700;font-size:.83rem;padding:10px;border-radius:9px}.nav button:hover,.nav button.on{background:var(--tint);color:var(--teal-dark)}.nav .homebtn{background:var(--ink);color:white}.wrap{max-width:1190px;margin:auto;padding:36px 23px 110px}.hero{background:linear-gradient(116deg,#12324a,#0c756d);border-radius:25px;color:white;padding:44px 48px;display:grid;grid-template-columns:1.3fr .75fr;align-items:center;gap:25px;position:relative;overflow:hidden}.hero::after{content:'';position:absolute;width:350px;height:350px;border:1px solid #ffffff30;border-radius:50%;right:-160px;top:-130px}.hero h1{font:800 clamp(2.1rem,4vw,3.7rem)/1.09 Outfit,sans-serif;letter-spacing:-.05em;margin:12px 0}.hero p{color:#e1f5f0;font-size:1.03rem;max-width:650px}.tagline{font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:#9ee1d1}.hero-graphic{position:relative;border:1px solid #ffffff36;background:#ffffff16;border-radius:19px;padding:25px;backdrop-filter:blur(3px)}.bigmath{font:800 3.7rem/1 Outfit,sans-serif;letter-spacing:-.07em}.ghostbar{height:10px;background:#ffffff45;border-radius:10px;margin-top:15px}.ghostbar span{display:block;height:100%;width:72%;background:#ffe2a9;border-radius:inherit}.btn{border:0;border-radius:11px;background:var(--teal);color:white;font-weight:800;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn:hover{background:var(--teal-dark)}.btn.white{background:#fff;color:var(--teal-dark)}.btn.light{background:var(--tint);color:var(--teal-dark)}.btn.outline{background:#fff;color:var(--ink);border:1px solid #cedbe3}.btn.sm{padding:8px 12px;font-size:.86rem}.btn.warning{background:#fff3d8;color:#76521b}.muted{color:var(--muted)}.small{font-size:.87rem}.tiny{font-size:.76rem}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:36px 0 17px}.sectionhead h2,.page-title{font:800 clamp(1.55rem,2.6vw,2.2rem)/1.23 Outfit,sans-serif;letter-spacing:-.035em;margin:0}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.domain-card{background:#fff;border:1px solid var(--line);border-radius:18px;text-align:left;padding:25px 22px;min-height:194px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .15s,box-shadow .15s;width:100%;color:inherit}.domain-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #16314a15}.domain-card strong{font-size:1.12rem;margin:15px 0 5px}.domain-card p{font-size:.86rem;color:var(--muted);margin:0}.domain-icon{border-radius:13px;background:var(--tint);color:var(--teal-dark);width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:1.55rem}.pill{display:inline-block;background:#edf2f6;color:#49677e;border-radius:99px;padding:3px 10px;font-size:.72rem;font-weight:800}.pill.teal{background:#e1f4ed;color:#08635a}.ad-slot{margin:24px 0 0;border:1px dashed #b8cbd7;background:#f1f5f7;border-radius:12px;padding:13px;text-align:center;color:#71899a;font-size:.76rem;letter-spacing:.02em}.ad-slot strong{display:block;color:#6a8192;font-size:.75rem}.crumb{display:flex;gap:8px;align-items:center;font-size:.83rem;color:#668092;margin-bottom:16px}.crumb button{background:none;border:0;color:var(--teal);font-weight:700;padding:0}.pagehero{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:9px 0 25px}.pagehero p{color:var(--muted);margin:8px 0 0}.two-col{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start}.sidebar{position:sticky;top:88px;background:#fff;border:1px solid var(--line);padding:17px;border-radius:16px}.sidebar h3{font-size:.88rem;letter-spacing:.05em;text-transform:uppercase;color:#6d8293;margin:0 0 12px}.sidebutton{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:8px;padding:10px 11px;color:#4b657a;font-weight:700;font-size:.87rem}.sidebutton:hover,.sidebutton.active{background:var(--tint);color:var(--teal-dark)}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;margin-bottom:16px}.panel h2,.panel h3{font-family:Outfit,sans-serif;letter-spacing:-.025em;line-height:1.25}.panel h2{font-size:1.45rem;margin:0 0 12px}.panel h3{font-size:1.1rem;margin:0 0 9px}.panel p{margin:7px 0 12px}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tile{border:1px solid var(--line);border-radius:13px;padding:17px;background:#fff;text-align:left;display:flex;gap:10px;align-items:flex-start}.tile:hover{border-color:#99c6bd}.stepnum{width:31px;height:31px;border-radius:9px;background:#e8f5f1;color:var(--teal-dark);font-weight:800;flex-shrink:0;display:flex;align-items:center;justify-content:center}.topic-btn{border:1px solid var(--line);border-radius:12px;padding:15px 18px;background:#fff;text-align:left;width:100%;margin-bottom:9px;color:var(--ink)}.topic-btn:hover{border-color:#6bb7a9}.topic-btn strong{display:block}.topic-btn span{font-size:.84rem;color:var(--muted)}.tabbar{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.tab{border:1px solid #d5e3e9;background:#fff;border-radius:10px;padding:9px 14px;font-weight:800;color:#4a6478}.tab.active{background:var(--teal);border-color:var(--teal);color:white}.goal{border-left:3px solid #a6d8ca;padding:8px 12px;background:#f6fbf8;margin:7px 0;border-radius:0 9px 9px 0}.goal .level-tag{color:#075f56;font-weight:800;font-size:.78rem}.example{background:#f2f7f8;border-radius:12px;padding:17px;margin:11px 0}.example b{display:block;margin-bottom:4px}.video-slot{background:#18374d;color:#fff;border-radius:13px;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.video-slot span{font-size:2rem}.video-slot p{color:#cfe3e8;font-size:.88rem}.video-slot a{color:#fff}.formline{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:15px}.field{border:1px solid #cbd9e2;border-radius:9px;padding:11px 12px;min-width:0;max-width:100%;background:#fff}.field.full{width:100%}.field:focus{border-color:var(--teal)}.feedback{background:var(--tint);border-radius:12px;padding:15px;margin-top:14px;color:var(--ink)}.feedback.bad{background:#fff2ed}.question{padding:18px 0;border-bottom:1px solid var(--line)}.question:last-child{border:0}.question-num{font-size:.78rem;font-weight:800;color:var(--teal);letter-spacing:.04em;text-transform:uppercase}.question-title{font-weight:700;margin:7px 0 12px}.answer-row{display:flex;align-items:center;gap:9px}.answer-row .field{width:185px}.score{font:800 2.65rem Outfit,sans-serif;color:var(--teal)}.progress{height:10px;background:#e4ebf0;border-radius:10px;overflow:hidden}.progress span{display:block;height:100%;background:var(--teal)}.glossrow{border-bottom:1px solid var(--line);padding:13px 0}.glossrow:last-child{border:none}.glossrow strong{display:block}.lookup{color:var(--teal-dark);text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer;border:none;background:transparent;padding:0;font-weight:750}.hint{background:#fff5dd;padding:13px;border-radius:11px;margin-top:12px}.footer{border-top:1px solid var(--line);margin-top:45px;padding:22px 0;color:#75899a;font-size:.8rem}.notice{background:#fff8e8;border:1px solid #f7e5b7;color:#6f5724;border-radius:10px;padding:13px;font-size:.87rem}.info{background:#e9f6f2;border:1px solid #cceadd;color:#24594f;border-radius:10px;padding:13px;font-size:.87rem}.switcher{display:flex;gap:6px;border:1px solid #d6e4e9;padding:5px;border-radius:12px;background:#fff}.switcher button{flex:1;border:0;background:transparent;border-radius:8px;padding:9px 12px;font-weight:800;color:#587083}.switcher button.sel{background:var(--teal);color:white}.modal-back{position:fixed;inset:0;background:#102b3ecc;z-index:100;display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:85vh;overflow:auto;padding:27px}.modal-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.close{border:0;background:#eaf1f4;border-radius:9px;padding:6px 12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:950px){.two-col{grid-template-columns:1fr}.sidebar{position:static}.hero{grid-template-columns:1fr}.hero-graphic{display:none}.nav{overflow-x:auto;flex-wrap:nowrap;max-width:70vw}.nav button{white-space:nowrap}}@media(max-width:680px){.topinner{display:block;padding:10px 15px}.nav{max-width:100%;margin-top:8px}.wrap{padding:21px 14px 80px}.hero{padding:27px 23px}.grid{grid-template-columns:1fr}.tiles{grid-template-columns:1fr}.panel{padding:17px}.pagehero{align-items:flex-start;flex-direction:column}.answer-row{flex-wrap:wrap}}

.external-videos{margin:14px 0 22px;padding:17px;border:1px solid var(--line);border-radius:14px;background:#f7fafb}.external-videos h4{margin:0 0 7px}.external-videos p{margin:0 0 12px}.external-video-link{display:block;margin:7px 0;padding:10px 12px;border-radius:9px;background:white;border:1px solid var(--line);color:var(--teal);font-weight:700;text-decoration:none}.external-video-link:hover{text-decoration:underline}

/* Rustige, consistente lesweergave – geen decoratieve pictogrammen */
:root{--ink:#19354b;--teal:#087b73;--teal-dark:#086961;--line:#dfe6e9;--muted:#637887;--tint:#edf6f3}
body{font-family:Arial,Helvetica,sans-serif;background:#fbfaf7;line-height:1.6}
h1,h2,h3,.page-title,.hero h1,.sectionhead h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.02em}
.topbar{box-shadow:none}.topinner{max-width:1300px}.topbar .nav{gap:4px}.nav button{font-weight:600}
.wrap{max-width:1270px;padding-top:30px}
.hero.simple{background:#113d46;border-radius:15px;display:block;padding:48px 50px;margin-bottom:32px}.hero.simple:after{display:none}.hero.simple h1{font-size:clamp(2rem,4vw,3rem);line-height:1.16}.hero.simple p{max-width:750px}
.eyebrow,.overline{font-size:.79rem;font-weight:700;color:#287970;margin:0 0 10px}.eyebrow{color:#a0ded4}
.home-level{background:white;display:inline-block;border-radius:10px;padding:4px;margin-top:12px}.home-level .switcher{border:0}
.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.domain-card{min-height:160px;padding:22px;border-radius:12px}.domain-card strong{margin:0 0 10px;font-size:1.1rem}.domain-card:hover{transform:none;box-shadow:none;border-color:#8ebeb5}.textlink{display:block;margin-top:auto;color:var(--teal);font-size:.87rem;font-weight:700}
.guide{margin-top:26px}.guide ol{padding-left:24px}.guide li{padding:5px 0}
.levelrow{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin:0 0 22px}.levelrow>span{font-weight:700;font-size:.87rem}.levelrow .switcher{width:310px}
.two-col{grid-template-columns:298px minmax(0,1fr);gap:25px}.sidebar{top:82px;border-radius:12px;padding:17px}.sidebar h3{text-transform:none;letter-spacing:0;font-size:.92rem;color:var(--ink);margin:18px 0 9px}.sidebutton{line-height:1.35;font-weight:600;border-radius:6px;padding:11px 10px}.topic-side{border-bottom:1px solid #edf0f1;border-radius:0}.topic-side.active{border-left:3px solid var(--teal)}.side-divider{height:1px;background:var(--line);margin:21px 0}.scorecard{background:#eef5f2;border-radius:9px;padding:14px}.scorecard>strong{display:block;font-size:.86rem;margin-bottom:8px}.scoreline{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.77rem;margin-top:8px}.scoreline b{font-size:.77rem}
.steps{display:flex;gap:5px;flex-wrap:wrap;background:white;border:1px solid var(--line);border-radius:12px;padding:9px;margin-bottom:18px}.step{flex:1 1 140px;min-height:49px;border:1px solid transparent;background:white;color:#43596b;border-radius:7px;padding:8px;font-size:.8rem;font-weight:700;line-height:1.25}.step:hover{background:#f2f7f5}.step.active{background:#e6f4f0;border-color:#add0c8;color:#075f57}.step-index{display:block;font-size:.72rem;color:#718d8e;margin-bottom:3px}
.panel{border-radius:12px;padding:26px}.panel h3{margin-top:26px}.panel h2{margin-bottom:18px}.pagehero{margin:0 0 12px}.page-title{font-size:1.8rem}.goal{background:#f4f9f7;border-left:3px solid #83bcb1;border-radius:0 5px 5px 0}.video-slot{background:#f1f5f6;border:1px solid var(--line);color:var(--ink);min-height:115px}.video-slot p{color:var(--muted)}.video-slot a{color:var(--teal)}.external-videos{background:#f9fbfb}.external-video-link{border-radius:6px}.example{background:#f5f7f7;border-radius:7px}
.ad-slot{opacity:.75}.topic-list li{margin:12px 0}.plainlink{background:none;border:none;color:var(--teal-dark);font-weight:650;text-decoration:underline;padding:0;font-size:inherit}.footer .plainlink{font-size:.8rem;margin-left:10px}
@media(max-width:950px){.two-col{grid-template-columns:1fr}.sidebar{position:static}.steps{flex-wrap:wrap}}
@media(max-width:680px){.grid{grid-template-columns:1fr}.hero.simple{padding:27px 22px}.levelrow{justify-content:stretch;align-items:stretch;flex-direction:column;gap:6px}.levelrow .switcher{width:100%}.step{flex:1 1 120px}.scoreline{font-size:.85rem}}
/* Ontwerp 2026: warm en rustig, zonder decoratieve pictogrammen */
:root{--ink:#273955;--teal:#a75837;--teal-dark:#89432a;--line:#e4dcd3;--muted:#6e6d6a;--tint:#f7eee6;--sky:#fbf8f3;--paper:#fff;--green:#607148} 
body{background:#fdfbf8;color:#29364b;font-family:Arial,Helvetica,sans-serif}
.topbar{background:#fffdf9;border-bottom:2px solid #e5dad0;position:sticky;top:0;box-shadow:none}
.topinner{max-width:1450px;padding:17px 27px;gap:28px}
.logo{font-family:Georgia,serif;font-size:1.5rem;letter-spacing:-.04em;color:#273955}
.logo b{color:#b6603d}
.nav{gap:4px}.nav button,.nav .homebtn{background:none;color:#36465c;border-radius:4px;font-weight:600}.nav button.on,.nav button:hover{background:#f4e8dd;color:#8a4328}
.wrap{max-width:1450px;padding:27px 30px 85px}
.hero.simple{background:#f3ece4;color:#273955;padding:40px 46px;border-radius:12px;border-left:5px solid #b86745}
.hero.simple .eyebrow{color:#92533a}.hero.simple h1{font-family:Georgia,serif;font-size:clamp(2rem,3.2vw,2.9rem)}.hero.simple p{color:#47546a}.home-level{background:transparent;display:flex;flex-direction:column;gap:8px;padding:0}.home-level b{font-size:.9rem}
h1,h2,h3,.page-title,.panel h2,.lesson-header h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.015em}
h1,.page-title{color:#243650}.page-title{font-size:2rem}
.pagehero{margin:19px 0 24px;padding:0 0 20px;border-bottom:1px solid #e9dfd3}.pagehero .overline{color:#a25b40}.level-choice{display:flex;flex-direction:column;gap:7px;min-width:260px}.level-choice strong{font-size:.88rem}.switcher{border:1px solid #d8c9ba;border-radius:6px;padding:3px;background:white}.switcher button{border-radius:4px;color:#34465b}.switcher button.sel{background:#b86442;color:white}.switcher button:hover:not(.sel){background:#f8ede4}
.two-col{grid-template-columns:277px minmax(0,1fr);gap:28px}.sidebar{border-radius:7px;background:#f7f2ec;top:91px;border:1px solid #eaded2;padding:17px}.sidebar h3{color:#273955;margin-top:15px}.sidebar .sidebutton{font-size:.86rem;color:#354659;padding:9px 10px}.sidebar .sidebutton:hover,.sidebar .sidebutton.active{background:#e8d7c9;color:#773923}.sidebar .topic-side{border:0;border-radius:4px;font-weight:500}.sidebar .topic-side.active{border-left:3px solid #b76542}.sidebar .side-divider{margin:16px 0}.scorecard{background:#fff;border:1px solid #e7dcd0;border-radius:6px;padding:13px}.scorecard strong{color:#273955}
.nav-section{border-bottom:1px solid #e5d9cd}.nav-heading{width:100%;border:0;background:transparent;color:#243650;padding:13px 5px;font-weight:700;text-align:left;display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:.91rem}.nav-heading.opened{color:#925036}.nav-inside{padding:1px 0 11px 8px}
.rightcol{min-width:0}.panel{border:1px solid #e7ddd1;border-radius:7px;padding:23px;background:white;box-shadow:none}.panel h2{font-size:1.42rem}.panel h3{font-size:1.12rem;margin-top:20px}
.lesson-header h2{margin:4px 0 18px;font-size:1.85rem;color:#273955}.lesson-header .overline{margin:0;color:#985338}
.lesson-columns{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:19px;align-items:start}.lesson-theory h3:first-child{margin-top:0}.lesson-media{display:flex;flex-direction:column;gap:16px;min-width:0}.media-panel{padding:16px}.media-panel h3{margin:0 0 12px;font-family:Arial,sans-serif;font-size:.95rem}.video-slot{background:#f8f3ee;color:#34465b;min-height:100px;border:1px solid #e4d9cd;border-radius:5px;padding:15px}.video-slot p{color:#686866}.video-slot a{color:#92472e}.external-videos{background:transparent;border:0;padding:0;margin:15px 0 0}.external-videos h4{font-size:.88rem}.external-video-link{border-radius:4px;color:#92492e;background:#fff;font-size:.78rem;padding:9px;line-height:1.3}
.ad-slot{background:#fffdfb;border:1px dashed #c9ad98;border-radius:5px;opacity:1;color:#84796c;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:3px;line-height:1.5}.ad-slot strong{color:#8c7868;font-weight:600;font-size:.86rem}.ad-slot span,.ad-slot small{font-size:.7rem;color:#96877b}.banner-wide{min-height:86px;margin:3px auto 19px;width:100%;max-width:100%;padding:10px}.banner-square{min-height:245px;aspect-ratio:1;width:100%;padding:10px;margin:0}.page-end-ad{display:none}
.goal{border-left:3px solid #c38a68;background:#fbf6f1;border-radius:0 4px 4px 0}.example{background:#f9f5f0;border-radius:5px}.btn{background:#a75c3d;border-color:#a75c3d}.btn:hover{background:#85452e}.btn.outline,.btn.light{background:#fff;color:#874b35;border:1px solid #cead96}.domain-card{border-radius:7px;background:white;border:1px solid #eadfd4;min-height:150px}.domain-card:hover{border-color:#b97b5b}.textlink,.plainlink{color:#934c33}.percent-visual{background:#faf6f1;border:1px solid #e7d7ca;border-radius:7px;padding:16px;margin:18px 0}.percent-visual h3{margin:0 0 8px}.percent-controls{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.percent-chip{border:1px solid #cbb9a9;background:white;border-radius:4px;padding:6px 12px;color:#303e50}.percent-chip.selected{background:#a65f40;border-color:#a65f40;color:white}.percent-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:2px;padding:2px;background:white;border:1px solid #d5c4b4}.percent-grid span{aspect-ratio:1;background:#eae5df}.percent-grid span.filled{background:#b86846}.percent-equivalents{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;text-align:center;margin:11px 0}.percent-equivalents b{background:white;border:1px solid #e5d5c7;border-radius:4px;padding:8px 3px;color:#29364b}.edit-hint{background:#fbf6f1;padding:12px;border:1px solid #ebd6c6;margin:14px 0}.domain-overview-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:20px 0}.domain-overview-list button{border:1px solid #e7d8ca;text-align:left}.notice{background:#fff8ec;border-color:#ead9b8}.info{background:#f7f2eb;border-color:#e6d9c9}.hint{background:#fff4e1}.footer{border-color:#eaded1}
@media(max-width:1150px){.lesson-columns{grid-template-columns:minmax(0,2.8fr) minmax(190px,1fr)}.two-col{grid-template-columns:255px minmax(0,1fr);gap:17px}.topinner{display:block}.nav{margin-top:8px}}
@media(max-width:950px){.two-col{grid-template-columns:1fr}.sidebar{position:static}.lesson-columns{grid-template-columns:minmax(0,2.5fr) minmax(190px,1fr)}.banner-square{max-width:280px}.nav{max-width:100%;overflow-x:auto}}
@media(max-width:650px){.topinner{padding:12px 16px}.wrap{padding:20px 14px 65px}.pagehero{flex-direction:column;align-items:stretch}.level-choice{width:100%}.lesson-columns{grid-template-columns:1fr}.lesson-media{display:block}.lesson-media .banner-square{margin-top:18px}.banner-square{min-height:180px;aspect-ratio:auto;max-width:none}.domain-overview-list{grid-template-columns:1fr}.hero.simple{padding:26px 21px}.panel{padding:16px}.banner-wide{min-height:68px}}

/* Student starts immediately; learning targets appear after the teaching material */
.goals-at-end{margin-top:2.2rem;padding-top:1rem;border-top:1px solid #dfd3c6}
.goals-at-end h3{margin-top:0;margin-bottom:1rem}
.goals-at-end .goal{font-size:.95rem}

/* Feedbackversie 2026-11: score rechts, interactieve procentenschuif en groepsmodel */
.page-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:flex-end}
.latest-score{background:#fff;border:1px solid #e6d8ca;border-radius:8px;text-align:center;padding:16px 12px;min-width:185px;max-width:260px;color:#283a55}
.latest-score>strong{display:block;font-size:.93rem;margin-bottom:10px}
.latest-score p{margin:8px 0 0;font-size:.83rem}
.latest-score small{display:block;color:#766a60;font-size:.75rem}
.score-ring{--score:0;width:118px;height:118px;border-radius:50%;margin:0 auto;display:grid;place-items:center;background:conic-gradient(#ad6346 calc(var(--score)*1%),#e8e1d9 0);position:relative}
.score-ring:before{content:'';position:absolute;inset:11px;background:white;border-radius:50%}
.score-ring span{position:relative;font-size:1.65rem;font-family:Georgia,serif;font-weight:700}
.percent-visual input[type=range]{display:block;width:100%;accent-color:#ab5d3f;cursor:pointer;margin:8px 0 18px}
.percent-visual .range-label{display:block;font-size:.96rem;margin-top:15px}
.percent-equivalents b{display:flex;flex-direction:column;gap:5px;justify-content:center}
.percent-equivalents small{font-size:.75rem;color:#716b65;font-weight:normal}
.people-visual{padding:17px;margin:18px 0;border:1px solid #e7d7ca;border-radius:7px;background:#faf6f1}
.people-visual h3{margin:0 0 8px}
.people-visual svg{display:block;margin:8px auto;max-width:420px}
.people-equation{display:flex;gap:12px;align-items:center;justify-content:center;font-size:1.1rem;flex-wrap:wrap}
.resource-links{font-size:.91rem}
.resource-links .plainlink{font-size:inherit}
@media(max-width:750px){.page-controls{justify-content:stretch;width:100%}.page-controls .latest-score{max-width:none;flex:1}.lesson-media .latest-score{max-width:none}.score-ring{width:104px;height:104px}}

/* Examenpagina en compactere startpagina */
.hero.simple.home-compact{padding:24px 34px 25px;margin:10px 0 26px;min-height:0}
.hero.simple.home-compact h1{font-size:clamp(1.5rem,2.5vw,2.25rem);margin:0 0 8px}
.hero.simple.home-compact p{margin:4px 0 8px;font-size:1rem}
.hero.simple.home-compact .home-level{margin-top:8px;max-width:480px}
.hero.simple.home-compact .home-level .switcher{width:100%;max-width:480px}
.exam-home-card{margin-top:24px}
.exam-heading{padding:14px 0 24px}
.exam-heading h1{font:700 clamp(1.8rem,3vw,2.6rem) Georgia,serif;margin:12px 0;color:#273955}
.exam-heading p{max-width:780px}
.exam-heading .level-choice{max-width:400px;margin:20px 0 0}
.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}
.exam-main .panel h3{margin-top:18px}
.exam-choice{padding:16px 0;border-bottom:1px solid #e7ddd1}
.exam-choice:last-child{border:0}
.exam-choice h3{margin:0 0 7px}
.exam-choice p{margin:4px 0 12px}
.exam-score-summary{display:flex;flex-direction:column;gap:10px}
.exam-score-summary>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #eadfd4;padding-bottom:8px;font-size:.85rem}
.exam-bar{margin:20px 0}.exam-bar-title{display:flex;gap:15px;justify-content:space-between;font-size:.9rem;margin-bottom:8px}
.exam-bar .progress{margin:0 0 7px}.exam-bar button{font-size:.83rem}
@media(max-width:950px){.exam-layout{grid-template-columns:1fr}.exam-side .banner-square{display:none}}
@media(max-width:650px){.hero.simple.home-compact{padding:19px 17px}.exam-heading{padding:5px 0 12px}.exam-bar-title{display:block}.exam-bar-title span{display:block;margin-top:4px}}

/* Startpagina: examen als eerste kaart, maar als laatste in de hoofdnavigatie. */
.domain-card-exam{background:#f7eee6;border:2px solid #ad6b4c;position:relative}
.domain-card-exam strong{color:#79432d;font-size:1.25rem}
.exam-card-label{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.065em;font-weight:700;color:#9c5c40;margin-bottom:8px}
.exam-progress{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#f8f3ec;padding:14px;border-radius:6px;color:#344256;margin-bottom:14px}
.exam-progress span{font-size:.85rem;color:#766d65}

/* Aanvullingen bij procenten en de proefversie van Mijn Rekencoach */
.real-fraction{display:inline-flex;vertical-align:middle;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;font-size:.95em;margin:0 .16em;white-space:nowrap}.real-fraction>span:first-child{border-bottom:1.5px solid currentColor;min-width:1.4em;text-align:center;padding:0 .15em .12em}.real-fraction>span:last-child{padding:.12em .15em 0}.ratio-wrap{overflow-x:auto;margin:18px 0}.ratio-wrap h4{margin:0 0 9px}.ratio-table{border-collapse:collapse;width:100%;min-width:260px;background:#fffaf5}.ratio-table th,.ratio-table td{border:1px solid #d6c8b9;padding:12px;text-align:center}.ratio-table th{background:#f1e7dc;text-align:left;min-width:98px}.lesson-actions,.coach-tools{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.coach-inline{border:1px solid #d4c5b8;background:#fbf7f0;border-radius:12px;padding:16px;margin:14px 0}.coach-inline h3{margin:0 0 8px}.coach-inline .info:empty,#coach-explanation:empty{display:none}.lesson-actions button{max-width:100%}@media(max-width:620px){.ratio-table th,.ratio-table td{padding:8px 6px}.coach-tools .btn{width:100%}}