:root{--study:#1f4e79;--study-light:#eaf0f7}
.study-nav{--course:#1F4E79;--course-light:#EAF0F7;position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.65rem;margin:-2em -1.2em 1.3em;padding:.65rem 1.2em;background:#fff;border-bottom:1px solid #d9e1e7;box-shadow:0 2px 8px #0001;font-size:.9rem}
.study-nav.voedingsleer{--course:#1E5B32;--course-light:#EAF3EC}
.study-nav a,.study-nav label{white-space:nowrap}
.study-nav a{color:var(--course)}
.study-nav .nav-previous,.study-nav .nav-next{flex:none;text-decoration:none}
.study-nav .nav-previous:hover,.study-nav .nav-next:hover{text-decoration:underline}
.study-nav .nav-home{display:grid;flex:none;place-items:center;width:2rem;height:2rem;border:1px solid var(--course);border-radius:6px}
.study-nav .nav-home:hover,.study-nav .nav-home:focus-visible{background:var(--course-light)}
.study-nav .nav-current{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--course);font-weight:700}
.study-nav label{display:flex;align-items:center;gap:.4rem;min-width:0}
.study-nav select{width:12rem;max-width:100%;min-width:0;font:inherit;padding:.3rem;border:1px solid #b6c6d0;border-radius:4px}
.lesson-hormonen p.toc a{color:#1F4E79}
.lesson-voedingsleer p.toc a{color:#1E5B32}
p.toc a:hover,p.toc a:focus-visible{text-decoration-thickness:2px}
h2[id^="section-"]{scroll-margin-top:7rem}
.answer-panel{margin:.25rem 0 1.15rem 1.8em;padding:.75rem;background:#f6f9fb;border:1px solid #d9e1e7;border-radius:6px}
.answer-panel label{display:block;font-weight:600}
.answer-panel textarea{display:block;box-sizing:border-box;width:100%;min-height:5.5rem;margin:.4rem 0 .6rem;padding:.55rem;font:inherit;border:1px solid #aebdc6;border-radius:4px;resize:vertical}
.answer-panel button,.mc-control button{font:inherit;padding:.35rem .75rem;background:var(--study);color:#fff;border:0;border-radius:4px;cursor:pointer}
.answer-panel button:disabled,.mc-control button:disabled{opacity:.65;cursor:default}
.tutor-feedback{margin-top:.6rem;white-space:pre-wrap}
.tutor-transcript{display:grid;gap:.4rem;margin-top:.7rem}
.tutor-message{margin:0;padding:.5rem .65rem;border-radius:5px;background:#fff;border:1px solid #d9e1e7;white-space:pre-wrap}
.tutor-message.student{margin-left:1.2rem;background:#eaf0f7}
.tutor-message.coach{margin-right:1.2rem}
.tutor-feedback.correct,.mc-feedback.correct{color:#1e7138;font-weight:600}
.tutor-feedback.partial,.tutor-feedback.incorrect,.mc-feedback.incorrect{color:#a34c16}
.mc-option{display:block;cursor:pointer;padding:.25rem .35rem;border-radius:4px}
.mc-option:hover{background:var(--study-light)}
.mc-option input{margin-right:.5rem}
.mc-control{display:flex;align-items:center;gap:.75rem;margin:.4rem 0 1rem 3.4em}
.index{max-width:65rem;margin:2rem auto;padding:1rem 1.5rem;font:1rem/1.5 system-ui,sans-serif}
.index h1{margin:.4rem 0 1.5rem}
.back-link{display:inline-block;margin-bottom:.6rem}
.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}
.choice-card{display:flex;flex-direction:column;justify-content:center;min-height:8rem;box-sizing:border-box;padding:1.5rem;border-radius:12px;color:#fff;text-decoration:none;font-size:1.7rem;font-weight:700;box-shadow:0 3px 10px #0002;transition:transform .15s,box-shadow .15s}
.choice-card:hover,.choice-card:focus-visible{transform:translateY(-2px);box-shadow:0 6px 16px #0003}
.choice-card.hormones{background:#1F4E79}
.choice-card.nutrition{background:#1E5B32}
.choice-card small{font-size:1rem;font-weight:400;line-height:1.35;margin-top:.35rem}
.module-title{font-size:1.15rem;color:#1E5B32;font-weight:600;margin:-1rem 0 1.5rem}
.lesson-list{padding-left:1.8rem}
.lesson-list li{padding:.45rem .5rem;border-bottom:1px solid #e2e8e4}
.lesson-list a{color:#1F4E79}
.lesson-list.nutrition a{color:#1E5B32}
@media(max-width:650px){.study-nav{flex-wrap:wrap;position:static}.study-nav .nav-current{flex:1 1 7rem}.study-nav label{flex:1 1 calc(100% - 8rem)}.study-nav select{flex:1;width:auto}.answer-panel{margin-left:0}.mc-control{margin-left:1rem}}
@media print{.study-nav,.answer-panel,.mc-control{display:none}}