@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@600&family=Poppins:wght@600;700;800&display=swap');
:root{--magenta:#d6006d;--magenta-dark:#a90056;--ink:#172033;--muted:#667085;--line:#e3e5ea;--paper:#fff;--soft:#f7f5f8;--teal:#00a6a6;--radius:22px;--shadow:0 18px 55px rgb(23 32 51 / 10%);--chapter:var(--magenta)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;line-height:1.6}img{display:block;max-width:100%}a{color:inherit}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.narrow{max-width:850px}.skip-link{position:fixed;top:-100px;left:16px;z-index:99;background:var(--ink);color:#fff;padding:10px 16px}.skip-link:focus{top:16px}
.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid rgb(227 229 234 / 85%);background:rgb(255 255 255 / 92%);backdrop-filter:blur(14px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:174px}.site-header nav{display:flex;align-items:center;gap:26px}.site-header nav a{text-decoration:none;font-weight:700;font-size:.92rem}.site-header nav a:is(:hover,.active){color:var(--magenta)}.menu-button{display:none;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 13px;font:700 .9rem Inter}
.hero{overflow:hidden;background:radial-gradient(circle at 82% 35%,rgb(214 0 109 / 14%),transparent 31%),linear-gradient(145deg,#fff,#faf5f8)}.hero-grid{min-height:670px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:50px;padding-block:70px}.eyebrow{margin:0 0 13px;color:var(--magenta);font:800 .77rem Poppins;letter-spacing:.13em}.hero h1,.page-hero h1,h2{font-family:Poppins,Arial,sans-serif;letter-spacing:-.04em;line-height:1.08}.hero h1{font-size:clamp(3.5rem,7vw,6rem);margin:0 0 24px}.hero h1 span{color:var(--magenta)}.lead{max-width:660px;color:var(--muted);font-size:1.16rem}.actions{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0 26px}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;padding:0 22px;border-radius:12px;text-decoration:none;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--magenta);color:#fff;box-shadow:0 12px 26px rgb(214 0 109 / 22%)}.secondary{border:1px solid var(--line);background:#fff}.light{background:#fff;color:var(--ink)}.checks{display:flex;flex-wrap:wrap;gap:22px;padding:0;list-style:none;color:var(--muted);font-size:.9rem;font-weight:600}.checks li::before{content:'✓';margin-right:7px;color:var(--teal)}.hero-art{position:relative;min-height:500px;display:grid;place-items:center}.hero-art img{position:relative;z-index:2;width:min(390px,78%);filter:drop-shadow(0 28px 28px rgb(23 32 51 / 24%))}.orb{position:absolute;width:430px;height:430px;border:1px solid rgb(214 0 109 / 12%);border-radius:50%;background:linear-gradient(145deg,rgb(214 0 109 / 12%),rgb(255 255 255 / 20%))}.chip{position:absolute;z-index:3;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);font:600 .82rem 'JetBrains Mono'}.chip.html{left:4%;top:23%;color:#e44d26}.chip.css{right:0;top:37%;color:#2965f1}.chip.js{left:9%;bottom:19%;color:#8a6b00}
.section{padding:96px 0}.soft{background:var(--soft)}.dark{background:var(--ink);color:#fff}.section-head{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:48px;margin-bottom:44px}.section-head h2,.toolbox-cta h2{font-size:clamp(2.2rem,4vw,3.4rem);margin:0}.section-head>p{margin:0;color:var(--muted)}.text-link{color:var(--magenta);font-weight:800;text-decoration:none}.cycle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.cycle span{font:700 1rem Poppins;text-align:center}.cycle small{display:block;color:var(--muted);font:500 .78rem Inter}.cycle b{color:var(--magenta)}
.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.chapter-grid.full{grid-template-columns:repeat(3,1fr)}.chapter-card{position:relative;min-height:270px;padding:25px;border:1px solid var(--line);border-top:6px solid var(--accent);border-radius:var(--radius);background:#fff;transition:.22s}.chapter-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.chapter-card>span{position:absolute;top:13px;right:20px;color:#e6e8ec;font:800 2.6rem Poppins}.chapter-card>p{color:var(--accent);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.chapter-card h3{position:relative;margin:42px 0 8px;font:700 1.28rem Poppins}.chapter-card small{display:block;color:var(--muted)}.chapter-card a{position:absolute;bottom:22px;left:25px;color:var(--accent);font-weight:800;text-decoration:none}.toolbox-cta{display:flex;align-items:center;justify-content:space-between;gap:40px}.toolbox-cta p:last-child{color:#bcc4d0}
.page-hero{padding:90px 0;background:linear-gradient(145deg,#fff,#f7f4f7)}.page-hero h1{max-width:900px;margin:0 0 20px;font-size:clamp(3rem,6vw,5.2rem)}.page-hero p:last-child{max-width:760px;color:var(--muted);font-size:1.1rem}.chapter-hero{border-bottom:8px solid var(--chapter)}.chapter-hero .eyebrow{color:var(--chapter)}.back{display:inline-block;margin-bottom:30px;color:var(--muted);font-weight:700;text-decoration:none}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:60px}.topic-list{display:grid;gap:12px;padding:0;list-style:none}.topic-list li{padding:18px 20px;border-left:5px solid var(--chapter);border-radius:0 12px 12px 0;background:var(--soft);font-weight:700}.download-card{align-self:start;padding:28px;border-radius:var(--radius);background:var(--ink);color:#fff}.download-card strong{font:700 1.4rem Poppins}.download-card p{color:#c3cad5}.download-card a{display:inline-flex;padding:11px 16px;border-radius:10px;background:var(--chapter);color:#111827;text-decoration:none;font-weight:800}.phase-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.phase-grid article{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}.phase-grid span{color:var(--chapter);font:800 1.5rem Poppins}.phase-grid h3{margin:12px 0 5px;font:700 1.05rem Poppins}.phase-grid p{margin:0;color:var(--muted);font-size:.9rem}
.chapter-outline{scroll-margin-top:80px;border-block:1px solid var(--line);background:linear-gradient(145deg,#faf9fb,#f4f1f5)}.chapter-outline-head>p{max-width:430px}.chapter-part-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.chapter-part-card{position:relative;min-width:0;min-height:220px;padding:24px;border:1px solid var(--line);border-top:5px solid var(--chapter);border-radius:18px;background:#fff;box-shadow:0 10px 30px rgb(23 32 51 / 6%);transition:.2s}.chapter-part-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.chapter-part-top span{display:inline-flex;min-height:31px;align-items:center;padding:0 10px;border-radius:8px;background:#f7f5f8;background:color-mix(in srgb,var(--chapter) 13%,white);color:var(--chapter);font:800 .72rem Poppins;letter-spacing:.05em}.chapter-part-top small{color:#d7dae0;font:800 1.15rem Poppins}.chapter-part-card h3{margin:23px 0 9px;font:700 1.13rem/1.3 Poppins;letter-spacing:-.025em}.chapter-part-card p{margin:0;color:var(--muted);font-size:.9rem}.chapter-part-card:hover{translate:0 -3px;box-shadow:var(--shadow)}
.dark-hero{background:var(--ink);color:#fff}.dark-hero p:last-child{color:#c2cad6}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tool-grid article{padding:30px;border:1px solid var(--line);border-radius:var(--radius)}.tool-grid h2{font-size:1.45rem}.tool-grid a{color:var(--magenta);font-weight:800;text-decoration:none}.tool-symbol{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;background:rgb(214 0 109 / 12%);color:var(--magenta);font:700 1.1rem 'JetBrains Mono'}.tool-symbol.debug{background:#fff0f0;color:#e53935}.tool-symbol.lab{background:#e8f8f8;color:#008b8b}.check-grid,.teacher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.check-grid span,.teacher-grid article{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:700}.teacher-hero{background:linear-gradient(145deg,#fff3f8,#fff)}.notice{margin-bottom:44px;padding:25px;border-left:6px solid var(--magenta);border-radius:0 16px 16px 0;background:#fff2f7}.notice strong{font:700 1.2rem Poppins}
.tool-grid.tools-expanded{grid-template-columns:repeat(4,1fr)}.tool-symbol.js-summary{background:#fff8c7;color:#8a6b00}
@media(max-width:1100px){.tool-grid.tools-expanded{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tool-grid.tools-expanded{grid-template-columns:1fr}}
footer{padding:40px 0;background:#0e1524;color:#aab3c2}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:.86rem}.footer-inner img{width:145px}.footer-inner strong{color:#fff}
.reference-hero{padding:75px 0 115px;background:radial-gradient(circle at 85% 10%,rgb(214 0 109 / 24%),transparent 30%),var(--ink);color:#fff}.reference-hero h1{margin:0 0 18px;font:800 clamp(3rem,6vw,5rem)/1 Poppins;letter-spacing:-.05em}.reference-hero>div>p:last-child{max-width:760px;color:#c2cad6;font-size:1.08rem}.light-back{color:#c2cad6}.reference-controls{position:relative;z-index:2;margin-top:-58px}.reference-controls>.container{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.reference-controls label{display:block;margin-bottom:8px;font:700 .9rem Poppins}.search-row{position:relative}.search-row input{width:100%;min-height:55px;padding:0 55px 0 18px;border:2px solid var(--line);border-radius:12px;color:var(--ink);font:500 1rem Inter}.search-row input:focus{border-color:var(--magenta);outline:3px solid rgb(214 0 109 / 12%)}.search-row kbd{position:absolute;top:13px;right:14px;padding:3px 9px;border:1px solid var(--line);border-bottom-width:3px;border-radius:6px;background:var(--soft);font:600 .8rem 'JetBrains Mono'}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.filter{padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:700 .83rem Inter;cursor:pointer}.filter:is(:hover,.active){border-color:var(--ink);background:var(--ink);color:#fff}.filter.html:is(:hover,.active){border-color:#e44d26;background:#e44d26}.filter.css:is(:hover,.active){border-color:#2965f1;background:#2965f1}.filter.js:is(:hover,.active){border-color:#d9b500;background:#d9b500;color:#172033}.result-count{margin:12px 0 0;color:var(--muted);font-size:.85rem}.reference-section{padding-top:55px}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.reference-card{min-width:0;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 28px rgb(23 32 51 / 5%)}.reference-card[hidden]{display:none}.reference-title{display:flex;align-items:center;gap:12px}.reference-title h2{margin:0;font-size:1.35rem;letter-spacing:-.025em}.tech-badge{padding:5px 9px;border-radius:7px;color:#fff;font:800 .7rem Poppins}.tech-badge.html{background:#e44d26}.tech-badge.css{background:#2965f1}.tech-badge.js{background:#d9b500;color:#172033}.reference-card>p:not(.watch){margin:10px 0;color:var(--muted);font-size:.92rem}.reference-card pre{position:relative;overflow:auto;margin:18px 0 14px;padding:44px 17px 17px;border-radius:12px;background:#101827;color:#e8edf5;font:500 .82rem/1.65 'JetBrains Mono',monospace;white-space:pre}.reference-card pre code{font:inherit}.copy-code{position:absolute;top:9px;right:9px;padding:5px 9px;border:1px solid #3e4a60;border-radius:6px;background:#202b3e;color:#dbe3ef;font:700 .7rem Inter;cursor:pointer}.copy-code:hover{background:#31405a}.watch{margin:0;padding:11px 13px;border-left:4px solid var(--magenta);background:var(--soft);font-size:.82rem}.watch code{font-family:'JetBrains Mono',monospace}.empty-state{text-align:center;padding:70px 20px}.empty-state h2{margin-bottom:8px}.empty-state p{color:var(--muted)}
@media(max-width:900px){.menu-button{display:block}.site-header nav{display:none;position:absolute;top:72px;left:20px;right:20px;flex-direction:column;align-items:stretch;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.site-header nav.open{display:flex}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:370px}.section-head,.detail-grid{grid-template-columns:1fr}.chapter-grid,.chapter-grid.full,.tool-grid,.teacher-grid,.chapter-part-grid{grid-template-columns:repeat(2,1fr)}.phase-grid{grid-template-columns:repeat(3,1fr)}.toolbox-cta{align-items:flex-start;flex-direction:column}.cycle{overflow-x:auto;justify-content:flex-start}.cycle span{min-width:120px}.footer-inner{flex-direction:column;text-align:center}}
@media(max-width:900px){.reference-grid{grid-template-columns:1fr}}
@media(max-width:560px){.container{width:min(100% - 28px,1160px)}.header-inner{min-height:70px}.brand img{width:148px}.hero-grid{padding-block:48px}.hero h1{font-size:3.2rem}.actions{flex-direction:column}.button{width:100%}.hero-art{min-height:290px}.section{padding:70px 0}.chapter-grid,.chapter-grid.full,.tool-grid,.teacher-grid,.check-grid,.phase-grid,.chapter-part-grid{grid-template-columns:1fr}.chapter-part-card{min-height:0}.page-hero{padding:65px 0}.page-hero h1{font-size:3rem}.reference-hero{padding:55px 0 95px}.reference-controls>.container{padding:17px}.reference-card{padding:18px}.reference-card pre{margin-inline:-7px;font-size:.75rem}}

.chip.php{right:6%;bottom:18%;color:#6c5ce7}
.filter.security:is(:hover,.active){border-color:#d33f49;background:#d33f49;color:#fff}
.tech-badge.security{background:#d33f49}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.filter.bootstrap:is(:hover,.active){border-color:#7952b3;background:#7952b3;color:#fff}.tech-badge.bootstrap{background:#7952b3}
.filter.php:is(:hover,.active){border-color:#6c5ce7;background:#6c5ce7;color:#fff}.tech-badge.php{background:#6c5ce7}.filter.pdo:is(:hover,.active){border-color:#00758f;background:#00758f;color:#fff}.tech-badge.pdo{background:#00758f}.learning-path{display:grid;gap:90px}.phase-block{scroll-margin-top:100px}.section-head.compact{margin-bottom:30px}.section-head.compact h2{font-size:clamp(2rem,4vw,3rem)}.chapter-grid-latest{grid-template-columns:repeat(5,1fr)}
.track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:36px}.track-card{position:relative;display:flex;min-height:245px;flex-direction:column;padding:30px;border:1px solid var(--line);border-top:7px solid var(--track);border-radius:var(--radius);background:#fff;box-shadow:0 10px 34px rgb(23 32 51 / 7%);text-decoration:none;transition:.2s}.track-card:hover{translate:0 -4px;box-shadow:var(--shadow)}.track-card.phase-one{--track:#2965f1}.track-card.phase-two{--track:#39745b}.track-card span{color:var(--track);font:800 .75rem Poppins;letter-spacing:.12em}.track-card strong{margin:18px 0 8px;font:700 clamp(1.35rem,3vw,2rem)/1.2 Poppins}.track-card p{margin:0 0 24px;color:var(--muted)}.track-card b{margin-top:auto;color:var(--track)}.home-phase{scroll-margin-top:80px}.all-chapters-link{margin:35px 0 0;text-align:right}
@media(max-width:1100px){.chapter-grid-latest{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.chapter-grid-latest{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.chapter-grid-latest{grid-template-columns:1fr}.learning-path{gap:65px}}
@media(max-width:720px){.track-grid{grid-template-columns:1fr}.track-card{min-height:220px}.all-chapters-link{text-align:left}}

/* Beveiligde leerkrachtenzone */
.teacher-portal-body{background:#f6f7fa}.teacher-login-shell{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:55px 20px;background:radial-gradient(circle at 78% 15%,rgb(214 0 109 / 13%),transparent 30%),linear-gradient(145deg,#fff,#f6f2f7)}.teacher-login-card{width:min(100%,520px);padding:42px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 24px 70px rgb(23 32 51 / 14%)}.teacher-login-logo{width:180px;margin-bottom:38px}.teacher-login-card h1{margin:0 0 15px;font:800 clamp(2rem,6vw,3.1rem)/1.03 Poppins;letter-spacing:-.05em}.teacher-login-card>p:not(.eyebrow,.teacher-login-note){color:var(--muted)}.teacher-login-form{display:grid;gap:10px;margin-top:28px}.teacher-login-form label{margin-top:8px;font:700 .88rem Poppins}.teacher-login-form input{min-height:53px;padding:0 15px;border:2px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);font:500 1rem Inter}.teacher-login-form input:focus{border-color:var(--magenta);outline:3px solid rgb(214 0 109 / 12%)}.teacher-login-form .button{width:100%;margin-top:12px;border:0;cursor:pointer}.teacher-login-note{margin:20px 0 0;color:var(--muted);font-size:.8rem}.teacher-alert{margin:22px 0;padding:14px 17px;border-radius:10px;font-weight:650}.teacher-alert.error{border-left:5px solid #d33f49;background:#fff0f1;color:#8d2630}.teacher-alert.success{border-left:5px solid #39745b;background:#ecf8f1;color:#265740}

.teacher-dashboard-hero{padding:70px 0 78px;background:radial-gradient(circle at 85% 15%,rgb(214 0 109 / 22%),transparent 28%),var(--ink);color:#fff}.teacher-dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.teacher-dashboard-head h1{margin:0 0 14px;font:800 clamp(2.8rem,6vw,5rem)/1 Poppins;letter-spacing:-.055em}.teacher-dashboard-head>div>p:last-child{max-width:720px;margin:0;color:#c6cedb;font-size:1.05rem}.teacher-account-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.teacher-account-actions a,.teacher-account-actions button{display:inline-flex;min-height:43px;align-items:center;padding:0 15px;border:1px solid #4b566c;border-radius:9px;background:#222d41;color:#fff;font:700 .82rem Inter;text-decoration:none;cursor:pointer}.teacher-account-actions form{margin:0}.teacher-account-actions button:hover,.teacher-account-actions a:hover{background:#344159}.teacher-stats{margin-top:-33px}.teacher-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.teacher-stat-grid article{display:flex;align-items:baseline;gap:12px;padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 10px 35px rgb(23 32 51 / 9%)}.teacher-stat-grid strong{color:var(--magenta);font:800 2rem Poppins}.teacher-stat-grid span{color:var(--muted);font-weight:700}

.teacher-library{padding-top:55px}.teacher-chapters{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 15px;scrollbar-width:thin}.teacher-chapters a{display:inline-flex;min-width:58px;min-height:48px;align-items:center;justify-content:center;gap:2px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:800 .86rem Poppins;text-decoration:none}.teacher-chapters a span{color:var(--muted);font-size:.65rem}.teacher-chapters a:is(:hover,.active){border-color:var(--magenta);background:var(--magenta);color:#fff}.teacher-chapters a:is(:hover,.active) span{color:#fff}.teacher-library-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:35px 0}.teacher-library-heading h2{margin:0;font-size:clamp(2rem,5vw,3.4rem)}.teacher-controls{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}.teacher-controls>label{display:block;margin-bottom:8px;font:700 .86rem Poppins}.teacher-controls>input{width:100%;min-height:51px;padding:0 16px;border:2px solid var(--line);border-radius:10px;font:500 1rem Inter}.teacher-controls>input:focus{border-color:var(--magenta);outline:3px solid rgb(214 0 109 / 12%)}.teacher-category-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.teacher-category-filters button{padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:700 .78rem Inter;cursor:pointer}.teacher-category-filters button:is(:hover,.active){border-color:var(--ink);background:var(--ink);color:#fff}.teacher-result-count{margin:12px 0 0;color:var(--muted);font-size:.82rem}.teacher-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:25px}.teacher-material-card{display:flex;min-width:0;min-height:260px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 8px 25px rgb(23 32 51 / 5%)}.teacher-material-card[hidden]{display:none}.teacher-file-meta{display:flex;align-items:center;justify-content:space-between}.teacher-file-meta span{padding:5px 8px;border-radius:6px;background:#172033;color:#fff;font:800 .66rem Poppins}.teacher-file-meta small{color:var(--muted)}.teacher-material-card>p{margin:22px 0 7px;color:var(--magenta);font:800 .7rem Poppins;letter-spacing:.08em;text-transform:uppercase}.teacher-material-card h3{overflow-wrap:anywhere;margin:0 0 7px;font:700 1.08rem/1.3 Poppins}.teacher-material-card>small{overflow:hidden;color:var(--muted);font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.teacher-file-actions{display:flex;gap:9px;margin-top:auto;padding-top:22px}.teacher-file-actions a{display:inline-flex;min-height:39px;align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:8px;font:750 .78rem Inter;text-decoration:none}.teacher-file-actions .teacher-open{border-color:var(--magenta);background:var(--magenta);color:#fff}.teacher-empty{text-align:center;padding:65px 20px}.teacher-empty h3{margin-bottom:6px;font-size:1.6rem}.teacher-empty p{color:var(--muted)}

.teacher-view-shell{min-height:75vh;padding:60px 0 90px}.teacher-view-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.teacher-view-heading h1{overflow-wrap:anywhere;margin:0 0 8px;font:800 clamp(2rem,5vw,3.5rem)/1.08 Poppins;letter-spacing:-.045em}.teacher-view-heading p:last-child{color:var(--muted)}.teacher-code-view{overflow:hidden;border:1px solid #303c51;border-radius:15px;background:#101827;box-shadow:0 18px 55px rgb(23 32 51 / 16%)}.teacher-code-view pre{max-height:72vh;overflow:auto;margin:0;padding:28px;color:#e8edf5;font:500 .86rem/1.65 'JetBrains Mono',monospace;white-space:pre;tab-size:4}.teacher-image-view{display:grid;place-items:center;min-height:400px;margin:0;padding:25px;border:1px solid var(--line);border-radius:15px;background:#fff}.teacher-image-view img{max-width:100%;max-height:75vh}.teacher-pdf-view{width:100%;height:78vh;border:1px solid var(--line);border-radius:15px;background:#fff}.teacher-download-only{padding:45px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:center}.teacher-download-only strong{font:700 1.35rem Poppins}.teacher-download-only p{color:var(--muted)}.teacher-download-only .button{margin-top:12px}

@media(max-width:950px){.teacher-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-dashboard-head,.teacher-library-heading,.teacher-view-heading{align-items:flex-start;flex-direction:column}.teacher-account-actions{justify-content:flex-start}.teacher-stat-grid{grid-template-columns:1fr}.teacher-stats{margin-top:-24px}}
@media(max-width:580px){.teacher-login-card{padding:29px 22px}.teacher-material-grid{grid-template-columns:1fr}.teacher-dashboard-hero{padding:52px 0 65px}.teacher-stat-grid article{padding:16px 19px}.teacher-library{padding-top:40px}.teacher-controls{padding:18px}.teacher-view-shell{padding-top:38px}.teacher-code-view pre{padding:18px;font-size:.74rem}.teacher-file-actions{flex-wrap:wrap}}

/* Live eindresultaten */
.teacher-example-library{margin:0 0 34px;padding:26px;border:1px solid #dfe3e9;border-radius:20px;background:linear-gradient(145deg,#fff,#faf6f9);box-shadow:0 12px 38px rgb(23 32 51 / 7%)}
.teacher-example-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.teacher-example-heading h3{margin:0;font:750 clamp(1.45rem,3vw,2rem)/1.15 Poppins;letter-spacing:-.035em}.teacher-example-heading>span{padding:7px 11px;border-radius:999px;background:#172033;color:#fff;font:700 .72rem Inter}
.teacher-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.teacher-example-card{display:flex;min-height:208px;flex-direction:column;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.teacher-example-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.teacher-example-card-top span{color:var(--magenta);font:800 .74rem Poppins;letter-spacing:.08em}.teacher-example-card-top small{color:#39745b;font:800 .65rem Poppins;letter-spacing:.08em}.teacher-example-card h4{margin:20px 0 8px;font:700 1.06rem/1.25 Poppins}.teacher-example-card p{margin:0 0 20px;color:var(--muted);font-size:.84rem}.teacher-example-card>a{display:flex;align-items:center;justify-content:space-between;margin-top:auto;color:var(--magenta);font-weight:800;text-decoration:none}.teacher-example-card>a:hover{text-decoration:underline}.teacher-file-actions .teacher-example-link{border-color:#39745b;background:#39745b;color:#fff}

.teacher-example-body{height:100vh;overflow:hidden;background:#e9edf3}.teacher-example-bar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:11px 22px;background:#101827;color:#fff}.teacher-example-title{display:flex;align-items:center;gap:18px;min-width:0}.teacher-example-title>a{display:inline-flex;min-height:40px;align-items:center;padding:0 12px;border:1px solid #3c475c;border-radius:8px;color:#fff;font-weight:750;text-decoration:none}.teacher-example-title>div{display:grid;min-width:0}.teacher-example-title span{color:#d89ab9;font:800 .65rem Poppins;letter-spacing:.1em}.teacher-example-title strong{overflow:hidden;font:700 1rem Poppins;text-overflow:ellipsis;white-space:nowrap}.teacher-example-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.teacher-example-actions>a,.teacher-example-actions>button{display:inline-flex;min-height:40px;align-items:center;padding:0 13px;border:1px solid #3c475c;border-radius:8px;background:#202b3e;color:#fff;font:700 .76rem Inter;text-decoration:none;cursor:pointer}.teacher-example-actions>a:hover,.teacher-example-actions>button:hover{background:#344159}.teacher-example-status{display:inline-flex;align-items:center;gap:7px;margin-right:6px;color:#c7d0dd;font-size:.72rem;font-weight:700}.teacher-example-status i{width:8px;height:8px;border-radius:50%;background:#55d68b;box-shadow:0 0 0 4px rgb(85 214 139 / 12%)}.teacher-demo-login{min-height:40px;display:flex;align-items:center;justify-content:center;gap:15px;padding:8px 18px;border-bottom:1px solid #ebd49f;background:#fff4d7;color:#6d5312;font-size:.78rem}.teacher-demo-login span{padding-left:15px;border-left:1px solid #dfc475}.teacher-example-stage{height:calc(100vh - 74px);padding:14px}.teacher-demo-login+.teacher-example-stage{height:calc(100vh - 114px)}.teacher-example-stage iframe{width:100%;height:100%;display:block;border:1px solid #cbd2dd;border-radius:11px;background:#fff;box-shadow:0 10px 35px rgb(23 32 51 / 13%)}

@media(max-width:950px){.teacher-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-example-status{display:none}}
@media(max-width:700px){.teacher-example-heading,.teacher-example-bar{align-items:flex-start;flex-direction:column}.teacher-example-heading>span{align-self:flex-start}.teacher-example-grid{grid-template-columns:1fr}.teacher-example-bar{min-height:126px;padding:12px}.teacher-example-title,.teacher-example-actions{width:100%}.teacher-example-actions{justify-content:flex-start}.teacher-example-actions>a,.teacher-example-actions>button{flex:1;justify-content:center}.teacher-demo-login{align-items:flex-start;flex-direction:column;gap:3px}.teacher-demo-login span{padding-left:0;border-left:0}.teacher-example-stage{height:calc(100vh - 126px);padding:7px}.teacher-demo-login+.teacher-example-stage{height:calc(100vh - 218px)}.teacher-example-stage iframe{border-radius:7px}}

/* Instructievideo's hoofdstuk 5 */
.chapter-videos{scroll-margin-top:80px;background:linear-gradient(145deg,#fff,#f6f8fc)}.chapter-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.chapter-video-card{overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 12px 36px rgb(23 32 51 / 8%)}.chapter-video-card video{display:block;width:100%;aspect-ratio:16/9;background:#0e1524}.chapter-video-copy{padding:24px}.chapter-video-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.chapter-video-meta span{color:var(--chapter);font:800 .72rem Poppins;letter-spacing:.1em}.chapter-video-meta small{padding:4px 9px;border-radius:999px;background:var(--soft);color:var(--muted);font-weight:750}.chapter-video-card h3{margin:15px 0 6px;font:700 1.3rem/1.25 Poppins;letter-spacing:-.025em}.chapter-video-card p{margin:0 0 17px;color:var(--muted)}.chapter-video-card a{color:var(--chapter);font-weight:800;text-decoration:none}.chapter-video-card a:hover{text-decoration:underline}
@media(max-width:760px){.chapter-video-grid{grid-template-columns:1fr}.chapter-video-copy{padding:20px}}