:root{--navy:#17324d;--gold:#d2a900;--red:#a71930;--paper:#fbfaf7;--white:#fff;--line:#dfe3e6;--muted:#66737d;--soft:#f4f3ee;--blue:#24577d}
.search-related-link-wrap .search-relation-direct span{text-transform:none!important}
.guided-feedback b,.guided-feedback span{display:block}.guided-feedback b{margin-bottom:3px;font-size:15px}
body[hidden]{display:block!important}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#26333c;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}button,input{font:inherit}.app{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}
.app-loading{display:none;position:fixed;inset:0;z-index:30000;place-items:center;background:radial-gradient(circle at 50% 42%,#fff 0,#fbf7ef 58%,#eef3f7 100%);color:#15324d;text-align:center}.app-loading[aria-hidden="true"]{display:none!important;pointer-events:none!important}.app-loading-card{width:min(420px,calc(100vw - 42px));display:grid;justify-items:center;gap:10px;padding:28px 30px 25px;border:1px solid rgba(190,209,220,.78);border-radius:25px;background:rgba(255,255,255,.82);box-shadow:0 22px 70px rgba(27,64,91,.13);backdrop-filter:blur(18px) saturate(135%)}.app-loading img{width:104px;height:auto;filter:drop-shadow(0 8px 20px rgba(23,50,77,.1))}.app-loading strong{font:750 24px/1.15 Inter,system-ui,sans-serif;letter-spacing:-.02em}.app-loading p{margin:2px 0 7px;color:#526573;font-size:15px;line-height:1.5}.app-loading [data-loading-en]{display:none}html[data-ui-language="en"] .app-loading [data-loading-nl]{display:none}html[data-ui-language="en"] .app-loading [data-loading-en]{display:inline}.app-loading-track{position:relative;width:100%;height:10px;overflow:hidden;border:1px solid #c8d8e2;border-radius:999px;background:#e7eff4;box-shadow:inset 0 1px 2px rgba(31,74,102,.1)}.app-loading-track>span{position:relative;display:block;width:8%;height:100%;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#285f88,#55a1c8);box-shadow:0 0 14px rgba(66,143,184,.28);transition:width .22s ease}.app-loading-track>span:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.65) 50%,transparent 70%);animation:app-loading-shine 1.15s linear infinite}.app-loading small{min-height:18px;font-size:13px;color:#66737d;font-variant-numeric:tabular-nums}.app-loading.is-complete .app-loading-track>span:after{animation:none}.ui-booting .app-loading,.ui-switching .app-loading{display:grid}.ui-booting .app,.ui-booting .login-screen,.ui-switching .app,.ui-switching .login-screen{visibility:hidden}@keyframes app-loading-shine{from{transform:translateX(-115%)}to{transform:translateX(115%)}}@media(max-width:520px){.app-loading-card{padding:24px 22px 22px;border-radius:21px}.app-loading img{width:88px}.app-loading p{font-size:14px}}@media(prefers-reduced-motion:reduce){.app-loading-track>span{transition:none}.app-loading-track>span:after{animation:none}}
.deferred-content-progress{position:sticky;top:94px;z-index:420;height:5px;margin:0 0 14px;overflow:hidden;border-radius:999px;background:#dce8ef;box-shadow:0 2px 8px rgba(29,77,108,.12)}body.environment-development .deferred-content-progress{top:132px}.deferred-content-progress>span{position:absolute;inset:0 auto 0 0;width:34%;border-radius:inherit;background:linear-gradient(90deg,#2d678f,#65a7c8,#2d678f);transform:translateX(-115%)}.deferred-content-progress.active>span{animation:deferred-content-progress 1.05s ease-in-out infinite}.deferred-content-progress.complete>span{width:100%;transform:translateX(0);animation:none;transition:width .12s ease,transform .12s ease}@keyframes deferred-content-progress{0%{transform:translateX(-115%)}100%{transform:translateX(395%)}}@media(max-width:700px){.deferred-content-progress,body.environment-development .deferred-content-progress{top:8px;height:4px;margin-bottom:10px}}
.environment-banner{position:fixed;top:0;left:0;right:0;width:100%;z-index:20000;background:#c5162e;color:#fff;text-align:center;font-weight:800;font-size:14px;line-height:20px;padding:9px 16px;letter-spacing:.025em;box-shadow:0 2px 8px rgba(0,0,0,.22)}.environment-banner[hidden]{display:none}body.environment-development .app{padding-top:38px}body.environment-development .side{top:38px;height:calc(100vh - 38px)}
.side{height:100vh;position:sticky;top:0;background:#fff;border-right:1px solid var(--line);padding:26px 20px;overflow:auto}.brand{padding:0 4px 23px;border-bottom:1px solid var(--line);text-align:center}.brand-logo{width:76px;height:auto;display:block;margin:0 auto 8px}.brand-title{font:700 23px/1.08 Georgia,serif;letter-spacing:.07em;color:#20262b}.brand-title span{color:var(--gold);display:block;font-size:15px;letter-spacing:.17em;margin-bottom:3px}.brand .by{font:600 11px/1.4 Georgia,serif;color:var(--gold);margin-top:9px;letter-spacing:.03em}.brand .rule{height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--red),var(--gold),transparent);margin:15px auto 0;width:150px}.nav-label{margin:22px 10px 8px;color:#8a949c;font-size:10px;font-weight:800;letter-spacing:.18em}.nav button{width:100%;border:0;background:transparent;text-align:left;color:#30414d;padding:11px;border-radius:3px;cursor:pointer}.nav button:hover{background:var(--soft)}.nav button.active{background:#edf0f1;color:var(--navy);font-weight:750;border-left:3px solid var(--red);padding-left:8px}.meta{border-top:1px solid var(--line);margin-top:24px;padding:15px 9px 0;color:#75808a;font-size:11px;line-height:1.7}
.main{min-width:0;padding:28px 40px 64px}.shell{max-width:1140px;margin:0 auto}.mast{text-align:center;padding:4px 0 24px}.mast-logo{width:86px;height:auto;display:block;margin:0 auto 8px}.mast-title{font:700 46px/1 Georgia,serif;letter-spacing:.09em;color:#20262b}.mast-title span{display:block;color:var(--gold);font-size:18px;letter-spacing:.23em;margin-bottom:6px}.mast .by{font:600 12px Georgia,serif;color:var(--gold);margin-top:8px}.searchbar{display:flex;position:sticky;top:12px;z-index:450;border:1px solid #bfc8ce;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 5px 18px rgba(16,45,73,.12)}body.environment-development .searchbar{top:50px}.searchbar input{flex:1;border:0;outline:0;padding:15px 18px;font-size:16px}.searchbar button{border:0;background:var(--navy);color:#fff;padding:0 24px;cursor:pointer}.content{margin-top:32px}.eyebrow{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.title{font:600 39px/1.15 Georgia,serif;color:var(--navy);margin:8px 0 10px}.lead{max-width:800px;color:var(--muted);font-size:17px;line-height:1.65;margin:0 0 28px}.section-title{font:600 23px/1.25 Georgia,serif;color:var(--navy);margin:35px 0 12px;padding-bottom:9px;border-bottom:1px solid var(--line)}
.dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);background:#fff}.dash-link{padding:24px 25px;min-height:145px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer}.dash-link:hover{background:var(--soft)}.dash-link h3{font:600 22px Georgia,serif;color:var(--navy);margin:0 0 10px}.dash-link p{color:var(--muted);line-height:1.55;margin:0}.dash-link .small{display:block;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:10px}
.home-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:22px;align-items:stretch;margin-bottom:26px}.welcome-card{background:linear-gradient(135deg,#17324d 0%,#244b68 100%);color:#fff;padding:30px 32px;min-height:235px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.welcome-card:after{content:'ES';position:absolute;right:22px;bottom:-24px;font:700 128px Georgia,serif;color:rgba(255,255,255,.055);letter-spacing:-.08em}.welcome-card .eyebrow{color:#eadb91}.welcome-card h2{font:600 38px/1.15 Georgia,serif;margin:8px 0 12px;max-width:600px}.welcome-card p{margin:0 0 22px;max-width:650px;color:#e5edf2;line-height:1.65;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}.hero-btn{border:1px solid rgba(255,255,255,.45);background:#fff;color:var(--navy);padding:10px 15px;cursor:pointer;font-weight:750}.hero-btn.secondary{background:transparent;color:#fff}.hero-btn:hover{transform:translateY(-1px)}.stats-card{background:#fff;border:1px solid var(--line);padding:22px 24px;display:flex;flex-direction:column;justify-content:center}.stats-card h3{font:600 21px Georgia,serif;color:var(--navy);margin:0 0 13px}.stat-row{display:flex;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid #edf0f2}.stat-row:last-child{border-bottom:0}.stat-row span{color:var(--muted);font-size:13px}.stat-row b{font:600 23px Georgia,serif;color:var(--navy)}.home-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:22px;margin-top:24px}.home-section{background:#fff;border:1px solid var(--line);padding:22px 24px}.home-section h3{font:600 22px Georgia,serif;color:var(--navy);margin:0 0 5px}.home-section .subhead{color:var(--muted);font-size:13px;margin:0 0 17px}.quick-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-item{border:1px solid #e0e5e8;padding:15px 16px;cursor:pointer;background:#fff}.quick-item:hover{background:var(--soft);border-color:#c8d0d5}.quick-item .kicker{display:block;color:var(--red);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:5px}.quick-item b{display:block;color:var(--navy);font:600 18px Georgia,serif;margin-bottom:4px}.quick-item span{color:var(--muted);font-size:12px;line-height:1.4}.recent-list{border-top:1px solid #edf0f2}.recent-entry{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f2;cursor:pointer}.recent-entry:hover b{color:var(--red)}.recent-entry b{font:600 17px Georgia,serif;color:var(--navy)}.recent-entry span{color:var(--muted);font-size:12px}.recent-entry em{font-style:normal;color:#85919a;font-size:11px}.empty-recent{color:var(--muted);line-height:1.6;padding:10px 0}.topic-strip{display:flex;flex-wrap:wrap;gap:8px}.topic-pill{border:1px solid #cbd3d8;background:#fff;color:#40515d;border-radius:99px;padding:8px 12px;cursor:pointer}.topic-pill:hover{border-color:var(--gold);color:var(--navy)}
.toc,.list{background:#fff;border:1px solid var(--line)}.toc-row{display:grid;grid-template-columns:55px minmax(200px,1fr) minmax(260px,1.8fr) 90px;gap:18px;align-items:center;padding:15px 18px;border-bottom:1px solid #edf0f2;cursor:pointer}.toc-row:last-child,.row:last-child{border-bottom:0}.toc-row:hover,.row:hover{background:var(--soft)}.toc-no{color:var(--gold);font-weight:800}.toc-name{font:600 19px Georgia,serif;color:var(--navy)}.toc-desc{color:var(--muted);line-height:1.45}.toc-count{text-align:right;color:#7b8790;font-size:12px}.row{display:grid;grid-template-columns:minmax(170px,.9fr) minmax(260px,1.5fr) 130px;gap:18px;align-items:center;padding:14px 18px;border-bottom:1px solid #edf0f2;cursor:pointer}.es{font:500 19px Georgia,serif;color:var(--navy)}.nl{color:#3b4a54}.tag{justify-self:end;border:1px solid #cfd6da;border-radius:99px;padding:5px 9px;color:#5f6c75;font-size:11px;background:#fff}.alpha,.filter-line{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 22px}.alpha button,.chip{border:1px solid #cbd3d8;background:#fff;color:#40515d;border-radius:99px;padding:7px 11px;cursor:pointer}.alpha button:hover,.chip:hover{border-color:var(--gold);color:var(--navy)}
.topic-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.topic-category-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:4px 13px;align-items:start;min-height:128px;padding:19px;border:1px solid #d9e3e7;border-top:4px solid var(--gold);background:#fff;text-align:left;cursor:pointer}.topic-category-card:hover{background:#fffdf5;border-color:#cbb45e;transform:translateY(-1px)}.topic-category-card>span{grid-row:1 / span 3;color:var(--gold);font-size:12px;font-weight:850;letter-spacing:.08em}.topic-category-card>b{color:var(--navy);font:600 23px Georgia,serif}.topic-category-card small{color:#65757f;line-height:1.45}.topic-category-card em{color:#8a6970;font-size:12px;font-style:normal}.topic-category-card em i{padding-left:4px;color:var(--red);font-size:18px;font-style:normal}
.detail{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.panel{background:#fff;border:1px solid var(--line);padding:24px;margin-bottom:18px}.panel h3{font:600 22px Georgia,serif;color:var(--navy);margin:0 0 15px}.facts{margin:0}.facts div{display:grid;grid-template-columns:135px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f2}.facts div:last-child{border-bottom:0}.facts dt{color:var(--muted)}.facts dd{margin:0}.example{padding:12px 0;border-bottom:1px solid #edf0f2}.example:last-child{border-bottom:0}.example b{display:block;color:var(--navy);font-size:16px}.example span{color:var(--muted);line-height:1.45}.link{color:var(--blue);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.back{border:0;background:transparent;color:var(--blue);padding:0;margin-bottom:18px;cursor:pointer}.empty{background:#fff;border:1px solid var(--line);padding:30px;color:var(--muted)}
.tense-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tense-card{background:#fff;border:1px solid var(--line);padding:18px;cursor:pointer}.tense-card:hover{border-color:var(--gold);background:var(--soft)}.tense-card h3{font:600 19px Georgia,serif;color:var(--navy);margin:0 0 7px}.tense-card p{margin:0;color:var(--muted);line-height:1.45}.quick{background:#fff8dc;border-left:4px solid var(--gold);padding:18px 20px;margin:18px 0}.why{background:#f7ecee;border-left:4px solid var(--red);padding:18px 20px;margin:18px 0}.timeline{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f3f5f6;padding:17px;overflow:auto;color:#344b5e}.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare>div{background:#fff;border:1px solid var(--line);padding:16px}.conj{width:100%;border-collapse:collapse;background:#fff}.conj th,.conj td{border-bottom:1px solid #e8ecef;padding:10px 12px;text-align:left}.conj th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.conj td:first-child{color:var(--muted);width:130px}.accordion{border:1px solid var(--line);background:#fff;margin-bottom:10px}.accordion summary{cursor:pointer;padding:15px 18px;font:600 18px Georgia,serif;color:var(--navy)}.accordion .inside{padding:0 18px 18px}.note{font-size:13px;color:var(--muted);line-height:1.55}
@media(max-width:900px){.app{grid-template-columns:1fr}.side{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--line)}.nav{display:grid;grid-template-columns:repeat(3,1fr)}.nav-label{display:none}.meta{display:none}.main{padding:20px 18px 50px}.detail{grid-template-columns:1fr}.toc-row{grid-template-columns:38px 1fr}.toc-desc,.toc-count{grid-column:2}.toc-count{text-align:left}.dashboard,.tense-grid,.compare,.home-hero,.home-grid{grid-template-columns:1fr}.quick-list{grid-template-columns:1fr}.row{grid-template-columns:1fr}.tag{justify-self:start}.mast{display:none}}@media(max-width:560px){.nav{grid-template-columns:repeat(2,1fr)}.title{font-size:33px}.searchbar button{padding:0 14px}}

.brand-title,.mast-title{color:#20262b}.brand-title span,.mast-title span,.brand .by,.mast .by{color:var(--gold)}
.conj-block{margin:22px 0 30px;border-top:1px solid var(--line);padding-top:16px}.conj-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}.conj-head h4{font:600 21px Georgia,serif;color:var(--navy);margin:0}.explain-btn{border:1px solid var(--gold);background:#fff;color:#6f5310;padding:7px 14px;border-radius:3px;cursor:pointer;font-weight:700}.explain-btn:hover{background:#fff8dc}.grammar-section{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:start}.grammar-section .chapter-no{font:700 12px Georgia,serif;color:var(--gold);letter-spacing:.12em;padding-top:4px}.grammar-section h3{font:600 21px Georgia,serif;color:var(--navy);margin:0 0 8px}.grammar-section p{margin:0;color:#42515b;line-height:1.7}.verb-example{margin-top:12px;padding:14px 16px;background:#faf8f1;border-left:4px solid var(--gold);display:grid;gap:7px}.verb-example>div{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:baseline}.verb-example .lang{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.verb-example .note{display:block;font-size:12px;color:var(--muted);padding-left:102px}

/* Sprint Woorden 5.4 */
.words-toolbar{background:#fff;border:1px solid var(--line);padding:18px;margin-bottom:18px}.words-search{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,190px));gap:10px}.words-search input,.words-search select{width:100%;border:1px solid #cbd3d8;background:#fff;padding:11px 12px;color:#30414d;outline:none}.words-search input:focus,.words-search select:focus{border-color:var(--navy);box-shadow:0 0 0 2px rgba(23,50,77,.08)}.words-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;margin-top:14px}.segmented{display:inline-flex;border:1px solid #cbd3d8;background:#fff}.segmented button{border:0;border-right:1px solid #cbd3d8;background:#fff;padding:8px 12px;cursor:pointer;color:#53616b}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--navy);color:#fff}.word-summary{font-size:13px;color:var(--muted)}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.word-card{background:#fff;border:1px solid var(--line);padding:18px;min-height:165px;cursor:pointer;position:relative;display:flex;flex-direction:column}.word-card:hover{border-color:#aebbc3;box-shadow:0 5px 18px rgba(18,45,67,.07);transform:translateY(-1px)}.word-card h3{font:600 22px Georgia,serif;color:var(--navy);margin:0 60px 7px 0}.word-card .translation{color:#354752;line-height:1.45;margin-bottom:14px}.word-card .word-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px}.mini-tag{font-size:10px;border:1px solid #d5dce0;border-radius:99px;padding:4px 7px;color:#66747d;background:#fff}.word-flags{position:absolute;right:12px;top:12px;display:flex;gap:4px}.flag-btn{width:30px;height:30px;border:1px solid #d6dde1;background:#fff;border-radius:50%;cursor:pointer;color:#8a959d}.flag-btn.on{color:var(--red);border-color:#d9aab2;background:#fff7f8}.word-table{background:#fff;border:1px solid var(--line)}.word-line{display:grid;grid-template-columns:minmax(155px,.8fr) minmax(220px,1.3fr) 115px 180px 76px;gap:15px;align-items:center;padding:13px 15px;border-bottom:1px solid #edf0f2;cursor:pointer}.word-line:last-child{border-bottom:0}.word-line:hover{background:var(--soft)}.word-line .line-flags{display:flex;justify-content:flex-end;gap:4px}.words-empty{padding:44px 24px;text-align:center;background:#fff;border:1px solid var(--line);color:var(--muted)}.words-empty b{display:block;font:600 22px Georgia,serif;color:var(--navy);margin-bottom:8px}.word-detail-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 22px}.action-btn{border:1px solid #cbd3d8;background:#fff;padding:9px 12px;cursor:pointer;color:#40515d}.action-btn.on{border-color:var(--red);color:var(--red);background:#fff7f8}.word-note{background:#f7f4e8;border-left:4px solid var(--gold);padding:15px 17px;line-height:1.55;margin-top:14px}.word-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.word-nav button{border:1px solid #cbd3d8;background:#fff;padding:9px 12px;cursor:pointer}.words-alpha{display:flex;flex-wrap:wrap;gap:5px;margin:0}.words-alpha button{min-width:30px;border:1px solid #d2d9dd;background:#fff;padding:6px 8px;cursor:pointer}.words-alpha button.active{background:var(--navy);color:#fff;border-color:var(--navy)}
@media(max-width:1050px){.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.words-search{grid-template-columns:1fr 1fr}.word-line{grid-template-columns:1fr 1.3fr 100px 70px}.word-line .line-category{display:none}}
@media(max-width:720px){.words-search{grid-template-columns:1fr}.word-grid{grid-template-columns:1fr}.word-line{grid-template-columns:1fr 1.25fr 62px}.word-line .line-level,.word-line .line-category{display:none}.words-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:900px) and (min-width:721px){.word-table{max-width:100%;overflow:hidden}.word-line{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 64px;gap:8px;padding-inline:10px}.word-line>*{min-width:0}.word-line .line-level,.word-line .line-category{display:none}.word-line .line-flags{min-width:0;gap:2px}.word-line .flag-btn{width:28px;height:28px}}

/* Sprint Werkwoorden 5.5 */
.verb-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;margin-bottom:22px}.verb-intro{background:var(--navy);color:#fff;padding:27px 29px;position:relative;overflow:hidden}.verb-intro:after{content:'AR · ER · IR';position:absolute;right:18px;bottom:12px;font:700 42px Georgia,serif;color:rgba(255,255,255,.06)}.verb-intro .eyebrow{color:#eadb91}.verb-intro h2{font:600 34px Georgia,serif;margin:7px 0 10px}.verb-intro p{color:#e3ebf0;line-height:1.6;max-width:660px}.verb-stats{background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.verb-stat{padding:18px;border-right:1px solid #edf0f2;border-bottom:1px solid #edf0f2}.verb-stat:nth-child(2n){border-right:0}.verb-stat:nth-last-child(-n+2){border-bottom:0}.verb-stat b{display:block;font:600 27px Georgia,serif;color:var(--navy)}.verb-stat span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.verb-tools{background:#fff;border:1px solid var(--line);padding:18px 20px;margin-bottom:18px}.verb-search{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(3,minmax(145px,.55fr));gap:10px}.verb-search input,.verb-search select{width:100%;border:1px solid #c8d0d5;background:#fff;padding:11px 12px;color:#31434f}.verb-search input:focus,.verb-search select:focus{outline:2px solid rgba(36,87,125,.18);border-color:var(--blue)}.verb-family-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.verb-family{border:1px solid #cbd3d8;background:#fff;border-radius:99px;padding:7px 11px;cursor:pointer;color:#40515d}.verb-family.active{background:var(--navy);border-color:var(--navy);color:#fff}.verb-results-head{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px;color:var(--muted);font-size:13px}.verb-list{background:#fff;border:1px solid var(--line)}.verb-row{display:grid;grid-template-columns:minmax(145px,.75fr) minmax(175px,1fr) 78px minmax(240px,1.45fr) 24px;gap:14px;align-items:center;padding:14px 17px;border-bottom:1px solid #edf0f2;cursor:pointer}.verb-row:last-child{border-bottom:0}.verb-row:hover{background:var(--soft)}.verb-row-head{background:#f5f6f6;color:#66737d;font-size:10px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;cursor:default}.verb-row-head:hover{background:#f5f6f6}.verb-name{font:600 19px Georgia,serif;color:var(--navy)}.verb-meaning{color:#3e4d57}.verb-ending{font-weight:750;color:var(--red);text-transform:uppercase}.verb-pattern-tags{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.verb-pattern-tags span{display:inline-block;border:1px solid #d7dde1;border-radius:99px;background:#f7f9fa;color:#53636e;padding:4px 7px;font-size:10px;line-height:1.15;white-space:nowrap}.verb-pattern-tags span:first-child{border-color:#d8c7a0;background:#fffaf0;color:#6f5721}.verb-arrow{color:var(--gold);font-size:20px}.verb-badges{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 20px}.verb-badge{border:1px solid #cfd6da;background:#fff;border-radius:99px;padding:6px 10px;font-size:12px;color:#53636e}.verb-badge.strong{background:#f7ecee;border-color:#dec1c7;color:#82152a}.verb-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px}.verb-overview-card{background:#fff;border:1px solid var(--line);padding:16px;cursor:pointer}.verb-overview-card:hover{background:var(--soft);border-color:var(--gold)}.verb-overview-card b{display:block;font:600 18px Georgia,serif;color:var(--navy)}.verb-overview-card span{color:var(--muted);font-size:12px}.verb-principal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.principal-part{background:#f6f7f7;border:1px solid #e1e5e8;padding:13px}.principal-part span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}.principal-part b{display:block;color:var(--navy);font:600 18px Georgia,serif;margin-top:5px}.verb-empty{background:#fff;border:1px solid var(--line);padding:28px;color:var(--muted)}
.favorite-verb-album{background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);margin:0 0 18px}.favorite-verb-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;background:#fffaf0}.favorite-verb-head h3{font:600 22px Georgia,serif;color:var(--navy);margin:4px 0}.favorite-verb-head p{color:var(--muted);font-size:13px;margin:0}.favorite-verb-head>span{display:grid;place-items:center;min-width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;font:600 20px Georgia,serif}.favorite-verb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px}.favorite-verb-card{position:relative;display:grid;gap:5px;min-width:0;border:1px solid #e0e5e8;padding:14px;cursor:pointer}.favorite-verb-card:hover{background:var(--soft);border-color:var(--gold)}.favorite-verb-card>b{padding-right:28px;color:var(--navy);font:600 19px Georgia,serif}.favorite-verb-card>span{color:#40515d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-verb-card>small{color:var(--muted)}.favorite-verb-card>button{position:absolute;right:8px;top:8px;border:0;background:transparent;color:var(--gold);font-size:19px;cursor:pointer}.favorite-verb-empty{padding:17px 20px;color:var(--muted);border-top:1px solid var(--line)}
.verb-folder-strip{margin:0 0 18px}.verb-folder{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;text-align:left;border:1px solid var(--line);border-left:5px solid var(--gold);background:#fff;padding:14px 18px;cursor:pointer;color:var(--navy)}.verb-folder:hover{background:#fffaf0}.verb-folder.active{background:#fff6dc;border-color:var(--gold)}.verb-folder-icon{font-size:29px;line-height:1}.verb-folder b{display:block;font:600 19px Georgia,serif}.verb-folder small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.verb-folder em{display:grid;place-items:center;min-width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-style:normal;font-weight:700}
.verb-folder-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:20px 0 10px}.verb-folder-heading b{display:block;color:var(--navy);font:600 18px Georgia,serif}.verb-folder-heading small{display:block;color:var(--muted);margin-top:3px}.verb-folder-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.verb-folder-wrap{position:relative}.verb-folder-actions{position:absolute;right:8px;top:7px;display:flex;gap:4px}.verb-folder-actions button{width:26px;height:26px;border:0;background:rgba(255,255,255,.88);color:#6c7880;cursor:pointer}.verb-folder-actions button:hover{background:#fff;color:var(--red)}.verb-folder-wrap .verb-folder{height:100%;padding-right:72px}.verb-empty.compact{padding:18px}.verb-folder-dialog{position:fixed;inset:0;z-index:1000;background:rgba(12,31,47,.55);display:grid;place-items:center;padding:20px}.verb-folder-dialog-card{width:min(560px,100%);max-height:85vh;overflow:auto;background:#fff;border-top:6px solid var(--gold);box-shadow:0 24px 70px rgba(0,0,0,.28);padding:26px}.verb-folder-dialog-card h3{font:600 27px Georgia,serif;color:var(--navy);margin:5px 0 8px}.verb-folder-dialog-card>p{color:var(--muted);line-height:1.5}.verb-folder-checks{display:grid;gap:8px;margin:20px 0}.verb-folder-checks label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);padding:12px;cursor:pointer}.verb-folder-checks label:has(input:checked){border-color:var(--gold);background:#fffaf0}.verb-folder-checks input{width:18px;height:18px}.verb-folder-checks em{font-style:normal;color:var(--muted)}.verb-folder-dialog-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;margin-top:18px}
@media(max-width:980px){.verb-hero{grid-template-columns:1fr}.verb-search{grid-template-columns:1fr 1fr}.verb-row{grid-template-columns:1fr 1.2fr 70px}.verb-pattern-tags,.verb-arrow{display:none}.favorite-verb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.verb-search{grid-template-columns:1fr}.verb-overview{grid-template-columns:1fr}.verb-principal{grid-template-columns:1fr}.verb-row{grid-template-columns:1fr 1.15fr}.verb-ending{display:none}.favorite-verb-grid{grid-template-columns:1fr}.favorite-verb-head{align-items:flex-start}}


/* 5.6 Werkwoorddetailpagina */
.verb-detail-hero{background:linear-gradient(135deg,var(--navy),#244b6c);color:#fff;padding:30px 32px;margin-bottom:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;position:relative;overflow:hidden}.verb-detail-hero:after{content:'VERBO';position:absolute;right:20px;top:-8px;font:700 76px Georgia,serif;color:rgba(255,255,255,.045);letter-spacing:.08em}.verb-detail-hero .eyebrow{color:#e7d98c}.verb-detail-hero h2{font:600 44px/1.05 Georgia,serif;margin:7px 0 8px}.verb-detail-hero .meaning{font-size:20px;color:#eef3f6}.verb-detail-hero .hero-parts{display:grid;grid-template-columns:repeat(3,minmax(105px,1fr));gap:1px;background:rgba(255,255,255,.2);position:relative;z-index:1}.verb-detail-hero .hero-part{background:rgba(10,31,48,.55);padding:13px 15px}.hero-part span{display:block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#cbd9e2}.hero-part b{display:block;margin-top:5px;font:600 17px Georgia,serif;color:#fff}.verb-detail-nav{position:static;background:rgba(251,250,247,.96);border:1px solid var(--line);padding:10px;display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.verb-detail-nav button{border:1px solid #cbd3d8;background:#fff;padding:8px 11px;cursor:pointer;color:#41525e}.verb-detail-nav button:hover{background:var(--navy);border-color:var(--navy);color:#fff}.verb-summary-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-bottom:18px}.verb-explain{background:#fff;border:1px solid var(--line);padding:21px}.verb-explain h3{font:600 21px Georgia,serif;color:var(--navy);margin:0 0 10px}.verb-explain p{line-height:1.65;margin:7px 0}.pattern-callout{border-left:4px solid var(--red);background:#f8f1f2;padding:14px 16px;margin-top:14px}.pattern-callout b{color:#84182c}.verb-family-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.family-link{border:1px solid #d2d9dd;background:#fff;padding:7px 10px;cursor:pointer;color:var(--blue)}.family-link:hover{border-color:var(--gold);background:#fffdf2}.tense-section{scroll-margin-top:170px;background:#fff;border:1px solid var(--line);margin:0 0 16px}.tense-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;padding:19px 21px;border-bottom:1px solid #e7eaec;background:#f8f8f5}.tense-section-head h3{font:600 23px Georgia,serif;color:var(--navy);margin:0 0 5px}.tense-section-head p{margin:0;color:var(--muted);line-height:1.5}.tense-section-head .explain-btn{white-space:nowrap}.tense-body{display:grid;grid-template-columns:minmax(315px,.9fr) minmax(280px,1.1fr);gap:0}.tense-body>div{padding:20px}.tense-body>div+div{border-left:1px solid #e8ebed}.tense-use h4{margin:0 0 9px;color:var(--navy)}.tense-use ul{margin:8px 0 14px;padding-left:20px;line-height:1.6}.signal-row{display:flex;flex-wrap:wrap;gap:5px}.signal-row span{font-size:11px;background:#f1f3f4;border:1px solid #dfe4e7;padding:5px 7px}.verb-all-examples .example{margin-bottom:9px}.verb-warning{background:#fff8e7;border:1px solid #ead9a5;padding:12px 14px;margin-top:14px;line-height:1.55}.verb-warning b{color:#715800}.verb-facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.verb-fact{background:#f6f7f7;border:1px solid #e1e5e8;padding:12px}.verb-fact span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.verb-fact b{display:block;margin-top:5px;color:var(--navy)}
@media(max-width:980px){.verb-detail-hero{grid-template-columns:1fr}.verb-summary-grid{grid-template-columns:1fr}.tense-body{grid-template-columns:1fr}.tense-body>div+div{border-left:0;border-top:1px solid #e8ebed}.verb-facts-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.verb-detail-hero{padding:23px 20px}.verb-detail-hero h2{font-size:36px}.verb-detail-hero .hero-parts{grid-template-columns:1fr}.verb-detail-nav{position:static}.tense-section-head{grid-template-columns:1fr}.verb-facts-grid{grid-template-columns:1fr}}

/* Webapp 6.0 - Developer Dashboard */
.dev-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px;margin-bottom:22px}.dev-intro{background:linear-gradient(135deg,#17324d,#24577d);color:#fff;padding:28px 30px}.dev-intro .eyebrow{color:#eadb91}.dev-intro h2{font:600 34px/1.15 Georgia,serif;margin:8px 0 12px}.dev-intro p{color:#e2ebf0;line-height:1.6;margin:0}.dev-score{background:#fff;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;justify-content:center}.dev-score .score{font:700 54px Georgia,serif;color:var(--navy)}.dev-score span{color:var(--muted)}
.dev-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}.dev-kpi{background:#fff;border:1px solid var(--line);padding:17px}.dev-kpi b{display:block;font:600 28px Georgia,serif;color:var(--navy)}.dev-kpi span{color:var(--muted);font-size:12px}.dev-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start;margin-top:20px}.dev-workspace-nav{position:sticky;top:18px}.dev-tabs{display:grid;gap:7px;margin:0}.dev-tabs button{width:100%;border:1px solid #cbd3d8;background:#fff;color:#40515d;padding:11px 13px;cursor:pointer;text-align:left}.dev-tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy);border-left:5px solid var(--red)}.dev-workspace-content{min-width:0}
.dev-progress{background:#fff;border:1px solid var(--line)}.dev-letter{display:grid;grid-template-columns:48px 1fr 70px 70px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #edf0f2}.dev-letter:last-child{border-bottom:0}.dev-bar{height:9px;background:#edf0f2;overflow:hidden}.dev-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),var(--gold),#2f7d58)}.dev-letter strong{font:600 18px Georgia,serif;color:var(--navy)}.dev-letter small{color:var(--muted);text-align:right}
.dev-table{background:#fff;border:1px solid var(--line)}.dev-head,.dev-row{display:grid;grid-template-columns:95px 78px minmax(150px,.8fr) minmax(230px,1.4fr) minmax(220px,1.2fr);gap:12px;align-items:center;padding:12px 15px}.dev-head{background:#eef2f4;color:#5d6b75;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.dev-row{border-top:1px solid #edf0f2;cursor:pointer}.dev-row:hover{background:var(--soft)}.dev-priority{font-size:11px;font-weight:800;text-transform:uppercase}.dev-priority.high{color:#a71930}.dev-priority.medium{color:#9a6900}.dev-priority.low{color:#4e697d}.dev-type{font-size:11px;color:var(--muted)}.dev-item{font:600 17px Georgia,serif;color:var(--navy)}.dev-problem{color:#34434e}.dev-solution{color:var(--muted);font-size:12px;line-height:1.45}.dev-empty{background:#fff;border:1px solid var(--line);padding:28px;color:var(--muted)}
@media(max-width:950px){.dev-kpis{grid-template-columns:repeat(2,1fr)}.dev-hero{grid-template-columns:1fr}.dev-head{display:none}.dev-row{grid-template-columns:90px 1fr}.dev-row>*:nth-child(n+3){grid-column:2}.dev-letter{grid-template-columns:42px 1fr 55px}.dev-letter small:last-child{display:none}}
@media(max-width:700px){.dev-workspace{display:block;margin-top:12px}.dev-workspace-nav{position:relative;top:auto;margin-bottom:12px}.dev-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:3px}.dev-tabs button{width:auto;min-width:max-content;white-space:nowrap;padding:9px 11px}.dev-tabs button.active{border-left-width:1px;border-bottom:4px solid var(--red)}}

/* Webapp 6.2 - Database Editor fase 1 */
.editor-form{display:grid;gap:18px}.editor-panel{background:#fff;border:1px solid var(--line);padding:22px 24px}.editor-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid #edf0f2}.editor-section-head h3{font:600 22px Georgia,serif;color:var(--navy);margin:0 0 5px}.editor-section-head p{margin:0;color:var(--muted);font-size:13px}.editor-readonly{font-size:11px;color:var(--muted);background:#f3f5f6;border:1px solid #dfe4e7;padding:6px 9px;white-space:nowrap}.editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.editor-field{display:grid;gap:7px}.editor-field>span{font-size:12px;font-weight:750;color:#40515d}.editor-field input,.editor-field select,.editor-field textarea{width:100%;border:1px solid #c8d0d5;background:#fff;padding:11px 12px;color:#26333c;outline:none}.editor-field input:focus,.editor-field select:focus,.editor-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,87,125,.11)}.editor-span-2{grid-column:1/-1}.editor-examples{border-top:1px solid #edf0f2}.editor-example{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(220px,1fr) 60px;gap:16px;padding:12px 0;border-bottom:1px solid #edf0f2}.editor-example b{color:var(--navy)}.editor-example span{color:#40515d}.editor-example small{color:var(--muted);text-align:right}.editor-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.editor-save{border:1px solid var(--navy);background:var(--navy);color:#fff;padding:10px 18px;cursor:pointer;font-weight:750}.editor-save:hover{background:#244b68}.editor-message{min-height:24px;padding:0 2px;color:var(--muted)}.editor-message.success{background:#edf7f0;border-left:4px solid #2f7d58;padding:13px 15px;color:#275f45}.editor-message.error{background:#faeeee;border-left:4px solid var(--red);padding:13px 15px;color:#7f172a}.editor-message.preview{background:#fff8dc;border-left:4px solid var(--gold);padding:13px 15px;color:#5f4b16}
@media(max-width:720px){.editor-grid{grid-template-columns:1fr}.editor-span-2{grid-column:auto}.editor-section-head{flex-direction:column}.editor-example{grid-template-columns:1fr}.editor-example small{text-align:left}}

/* Webapp 6.4 - Nieuw woord */
.words-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:4px}.words-title-row .title{margin-bottom:0}.new-item-btn{white-space:nowrap;margin-bottom:5px}.new-verb-toggle{display:flex;align-items:center;gap:9px;margin-top:20px;padding:14px 16px;background:#f7f4e8;border-left:4px solid var(--gold);cursor:pointer}.new-verb-toggle input{width:18px;height:18px}.new-verb-toggle span{font-weight:750;color:var(--navy)}[hidden]{display:none!important}
@media(max-width:720px){.words-title-row{align-items:flex-start;flex-direction:column}.new-item-btn{margin-bottom:12px}}

/* Webapp 6.4.1 - Editor afwerking */
.detail-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.detail-title-row .title,.detail-title-row h2{margin-right:auto}.record-status{display:inline-flex;align-items:center;border:1px solid #d3d9dd;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.04em}.status-new{background:#fff8dc;border-color:#dfc65a;color:#6b5411}.status-changed{background:#fff0e4;border-color:#dfa568;color:#8a4b14}.status-checked{background:#edf7f0;border-color:#83b999;color:#2f6b4c}.status-neutral{background:#f3f5f6;color:#66737d}.similar-warning{margin-top:15px;padding:13px 15px;background:#fff5e8;border-left:4px solid #d78324;color:#644016}.similar-warning b{display:block;margin-bottom:8px}.similar-warning button{display:block;width:100%;text-align:left;border:0;border-top:1px solid rgba(100,64,22,.14);background:transparent;padding:8px 0;color:var(--blue);cursor:pointer}.similar-warning button:first-of-type{border-top:0}

/* Webapp 6.5 - Veilig verwijderen */
.delete-btn{border-color:#d8a4ad;color:var(--red);background:#fff7f8}.delete-btn:hover{background:#fae9ec}.delete-warning{background:#fff;border:1px solid #e3c2c8;border-left:6px solid var(--red);padding:24px 26px;margin-bottom:20px}.delete-warning h3{font:600 30px Georgia,serif;color:var(--navy);margin:0 0 7px}.delete-warning p{font-size:18px;margin:0 0 16px;color:#40515d}.delete-details{display:flex;flex-wrap:wrap;gap:10px 20px;color:var(--muted);font-size:12px}.editor-delete{border:1px solid var(--red);background:var(--red);color:#fff;padding:10px 18px;cursor:pointer;font-weight:800}.editor-delete:hover:not(:disabled){background:#851326}.editor-delete:disabled{cursor:not-allowed;opacity:.42}

/* Webapp 6.6 - Voorbeeldzinnen beheren */
.example-head-actions,.panel-title-actions{display:flex;align-items:center;gap:10px}.panel-title-actions{justify-content:space-between;margin-bottom:15px}.panel-title-actions h3{margin:0}.example-editor-list{display:grid;gap:12px}.example-edit-row{display:grid;grid-template-columns:34px minmax(210px,1fr) minmax(210px,1fr) 105px 42px;gap:12px;align-items:end;padding:14px;background:#fafbfb;border:1px solid #e1e6e9}.example-number{align-self:center;justify-self:center;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-size:12px;font-weight:800}.example-edit-row textarea{resize:vertical;min-height:66px}.example-remove{height:42px;border:1px solid #d8a4ad;background:#fff7f8;color:var(--red);cursor:pointer}.example-remove:hover{background:#fae9ec}.example-empty-hint{padding:20px;text-align:center;border:1px dashed #cbd3d8;color:var(--muted);background:#fafbfb}.example-level{min-width:100px}
@media(max-width:900px){.example-edit-row{grid-template-columns:32px 1fr 1fr}.example-level{grid-column:2}.example-remove{grid-column:3;justify-self:end;width:42px}}
@media(max-width:620px){.example-edit-row{grid-template-columns:32px 1fr}.example-edit-row .editor-field{grid-column:2}.example-remove{grid-column:2}.example-head-actions{align-items:flex-start;flex-direction:column}}



/* Webapp 6.7 - Werkwoordencentrum */
.verb-center-banner{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:24px;align-items:center;background:linear-gradient(135deg,#17324d,#285778);color:#fff;padding:28px 30px;margin-bottom:18px;position:relative;overflow:hidden}.verb-center-banner:after{content:'VERBO';position:absolute;right:205px;bottom:-18px;font:700 82px Georgia,serif;color:rgba(255,255,255,.045)}.verb-center-banner .eyebrow{color:#eadb91}.verb-center-banner h2{font:600 36px Georgia,serif;margin:7px 0 9px}.verb-center-banner p{margin:0;color:#e6edf2;line-height:1.55;max-width:720px}.verb-center-score{position:relative;z-index:1;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);padding:18px;text-align:center}.verb-center-score span,.verb-center-score small{display:block;color:#e3ebef;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.verb-center-score b{display:block;font:600 38px Georgia,serif;margin:5px 0}.verb-center-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid var(--line);margin-bottom:18px}.verb-center-fact{padding:17px 18px;border-right:1px solid #edf0f2}.verb-center-fact:last-child{border-right:0}.verb-center-fact span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.verb-center-fact b{font:600 18px Georgia,serif;color:var(--navy)}.verb-center-tense-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.verb-center-tense{display:grid;gap:5px;border:1px solid #dce2e6;background:#fff;padding:15px 16px;cursor:pointer;text-align:left}.verb-center-tense:hover{border-color:var(--gold);background:#faf8f1}.verb-center-tense span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--red);font-weight:800}.verb-center-tense b{color:var(--navy);font-size:15px}.verb-center-tense small{color:var(--muted);line-height:1.4}.verb-center-tense.missing-example{border-left:4px solid #d9a83b}.verb-center-tense.has-example{border-left:4px solid #4f8b67}
.verb-sticky-head{position:sticky;top:74px;z-index:430;display:grid;grid-template-columns:minmax(190px,.75fr) minmax(430px,1.25fr);gap:18px;align-items:center;background:linear-gradient(135deg,#17324d,#244d6d);color:#fff;border:1px solid #102a40;border-left:5px solid var(--gold);box-shadow:0 7px 22px rgba(12,34,51,.24);padding:13px 17px;margin:12px 0 18px}body.environment-development .verb-sticky-head{top:112px}.verb-sticky-title{min-width:0}.verb-sticky-title .eyebrow{font-size:9px;color:#eadb91}.verb-sticky-title h2{font:600 27px/1 Georgia,serif;color:#fff;margin:5px 0 3px}.verb-sticky-title>span{display:block;color:#dbe6ed;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verb-sticky-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(255,255,255,.22);background:rgba(8,27,43,.28)}.verb-sticky-parts>div{padding:9px 12px;border-right:1px solid rgba(255,255,255,.22);min-width:0}.verb-sticky-parts>div:last-child{border-right:0}.verb-sticky-parts span{display:block;color:#bfcfd9;font-size:9px;text-transform:uppercase;letter-spacing:.09em}.verb-sticky-parts b{display:block;color:#fff;font:600 15px Georgia,serif;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verb-center-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid var(--line);margin-bottom:18px}.verb-center-fact{padding:17px 18px;border-right:1px solid #edf0f2}.verb-center-fact:last-child{border-right:0}.verb-center-fact span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.verb-center-fact b{font:600 18px Georgia,serif;color:var(--navy)}.verb-center-tense-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.verb-center-tense{display:grid;gap:5px;border:1px solid #dce2e6;background:#fff;padding:15px 16px;cursor:pointer;text-align:left}.verb-center-tense:hover{border-color:var(--gold);background:#faf8f1}.verb-center-tense span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--red);font-weight:800}.verb-center-tense b{color:var(--navy);font-size:15px}.verb-center-tense small{color:var(--muted);line-height:1.4}.verb-center-tense.missing-example{border-left:4px solid #d9a83b}.verb-center-tense.has-example{border-left:4px solid #4f8b67}
@media(max-width:900px){.verb-sticky-head{top:109px;z-index:4800;grid-template-columns:1fr;gap:9px}.verb-sticky-parts>div{padding:7px 9px}body.environment-development .verb-sticky-head{top:141px}.verb-center-overview{grid-template-columns:repeat(2,1fr)}.verb-center-fact{border-bottom:1px solid #edf0f2}.verb-center-tense-grid{grid-template-columns:1fr}}
@media(max-width:560px){.verb-sticky-head{padding:10px 11px}.verb-sticky-title h2{font-size:23px}.verb-sticky-parts b{font-size:13px}.verb-center-overview{grid-template-columns:1fr}.verb-center-fact{border-right:0}}


/* Webapp 6.7b - Werkwoordvoorbeelden per tijd */
.verb-example-editor-panel{border-top:5px solid var(--navy)}.verb-example-editor-list{display:grid;gap:14px}.verb-example-edit-row{display:grid;grid-template-columns:34px 155px 190px minmax(230px,1fr) minmax(230px,1fr) 105px minmax(150px,.7fr) 42px;gap:11px;align-items:end;padding:15px;background:#f8fafb;border:1px solid #dce3e7}.verb-example-edit-row .verb-example-wide textarea{min-height:68px;resize:vertical}.verb-example-edit-row .example-remove{height:42px}.verb-example-edit-row select,.verb-example-edit-row input,.verb-example-edit-row textarea{font-size:13px}
@media(max-width:1200px){.verb-example-edit-row{grid-template-columns:34px 1fr 1fr}.verb-example-edit-row .verb-example-wide{grid-column:auto}.verb-example-edit-row .example-remove{grid-column:3;justify-self:end;width:42px}}
@media(max-width:720px){.verb-example-edit-row{grid-template-columns:32px 1fr}.verb-example-edit-row .editor-field,.verb-example-edit-row .verb-example-wide{grid-column:2}.verb-example-edit-row .example-remove{grid-column:2}}


/* Webapp 6.7c - Gebruik en verwante werkwoorden */
.verb-content-editor{border-top:5px solid var(--gold)}.related-verb-editor-list{display:grid;gap:12px}.related-verb-edit-row{display:grid;grid-template-columns:34px minmax(220px,1fr) 180px minmax(220px,1fr) 42px;gap:12px;align-items:end;padding:14px;background:#fafbfb;border:1px solid #e0e6e9}.related-verb-edit-row .example-remove{height:42px}.verb-content-list{margin:8px 0 18px;padding-left:20px;color:#3f4f59;line-height:1.65}.verb-content-list li{margin:5px 0}.verb-content-list.constructions li{font-family:Georgia,serif;color:var(--navy)}.verb-explain h4{font:600 16px Georgia,serif;color:var(--navy);margin:18px 0 7px}.verb-grammar-note{margin-top:15px;background:#f4f1e6;border-left:4px solid var(--gold);padding:14px 16px;line-height:1.6}.verb-mistakes-panel{border-top:5px solid var(--red)}.verb-mistake-list{display:grid;gap:9px}.verb-mistake-list>div{display:grid;grid-template-columns:30px 1fr;gap:11px;align-items:start;background:#fff6f7;border:1px solid #ecd5d9;padding:12px 14px}.verb-mistake-list span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-weight:800}.verb-mistake-list p{margin:2px 0 0;line-height:1.55}.explicit-related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.related-verb-card{display:grid;gap:4px;text-align:left;border:1px solid #dce2e6;background:#fff;padding:14px;cursor:pointer}.related-verb-card:hover{border-color:var(--gold);background:#faf8f1}.related-verb-card span{font-size:10px;text-transform:uppercase;color:var(--red);font-weight:800;letter-spacing:.06em}.related-verb-card b{font:600 18px Georgia,serif;color:var(--navy)}.related-verb-card small{color:var(--muted);line-height:1.4}
@media(max-width:950px){.related-verb-edit-row{grid-template-columns:34px 1fr 1fr}.related-verb-edit-row .related-note{grid-column:2/4}.related-verb-edit-row .example-remove{grid-column:3;justify-self:end;width:42px}.explicit-related-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.related-verb-edit-row{grid-template-columns:32px 1fr}.related-verb-edit-row .editor-field,.related-verb-edit-row .related-note{grid-column:2}.related-verb-edit-row .example-remove{grid-column:2}.explicit-related-list{grid-template-columns:1fr}}


/* Webapp 6.8a - Visuele relatiekaart Familie */
.relation-toolbar{display:grid;grid-template-columns:minmax(0,1fr) max-content;gap:14px;align-items:start;margin-bottom:16px}.relation-toolbar .relation-categorybar{min-width:0;margin-bottom:0}.relation-toolbar .relation-view-toggle{flex:none;align-self:start;white-space:nowrap}.relation-map-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.relation-map-card{background:#fff;border:1px solid var(--line);padding:23px;min-height:190px;display:flex;flex-direction:column}.relation-map-card.active-map{cursor:pointer;border-top:5px solid var(--gold)}.relation-map-card.active-map:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(18,45,67,.08);border-color:#c9b45c}.relation-map-card.coming-map{opacity:.66}.relation-map-icon{font:600 13px Georgia,serif;color:var(--red);text-transform:uppercase;letter-spacing:.1em}.relation-map-card h3{font:600 25px Georgia,serif;color:var(--navy);margin:12px 0 8px}.relation-map-card p{color:var(--muted);line-height:1.55;margin:0 0 18px}.relation-map-card span{margin-top:auto;font-size:11px;color:#7c8790;text-transform:uppercase;letter-spacing:.05em}.relation-map-gallery.list-view{grid-template-columns:1fr;gap:8px}.relation-map-gallery.list-view .relation-map-card{min-height:0;padding:13px 16px;border-top:1px solid var(--line);border-left:5px solid var(--gold);display:grid;grid-template-columns:190px 360px minmax(240px,1fr) 320px;gap:12px;align-items:center}.relation-map-gallery.list-view .relation-map-card:hover{transform:none;box-shadow:none;background:#fffdf4}.relation-map-gallery.list-view .relation-map-icon{font-size:10px}.relation-map-gallery.list-view .relation-map-card h3{font-size:20px;margin:0}.relation-map-gallery.list-view .relation-map-card p{margin:0;line-height:1.4;min-width:0}.relation-map-gallery.list-view .relation-map-card span{margin:0;text-align:right;white-space:nowrap}
.family-map-header{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:18px}.family-map-header h2{font:600 40px Georgia,serif;color:var(--navy);margin:7px 0}.family-map-header p{max-width:760px;color:var(--muted);line-height:1.55;margin:0}.family-map-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 13px;font-size:11px;color:var(--muted);max-width:350px}.family-map-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:11px;height:3px;display:inline-block}.legend-dot.family{background:#6583a0}.legend-dot.partner{background:var(--red)}.legend-dot.inlaw{background:var(--gold)}
.family-map-layout{display:grid;grid-template-columns:minmax(700px,1fr) 300px;gap:18px;align-items:start}.family-map-stage{height:720px;min-width:700px;position:relative;background:radial-gradient(circle at center,#fff 0,#fbfaf7 58%,#f1f2ee 100%);border:1px solid var(--line);overflow:hidden}.family-map-stage:before{content:'FAMILIA';position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font:700 92px Georgia,serif;color:rgba(23,50,77,.035);letter-spacing:.11em}.family-map-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}.family-edge{stroke:#718ba1;stroke-width:2;opacity:.58}.family-edge.partner{stroke:var(--red);stroke-width:3}.family-edge.inlaw{stroke:var(--gold);stroke-dasharray:8 6;stroke-width:3}
.family-map-node{position:absolute;z-index:2;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:126px;min-height:60px;padding:9px 9px;border:1px solid #cbd4da;background:#fff;box-shadow:0 3px 10px rgba(23,50,77,.07);cursor:pointer;text-align:center}.family-map-node:hover,.family-map-node.focused{z-index:4;border-color:var(--gold);box-shadow:0 6px 18px rgba(23,50,77,.16);transform:translate(-50%,-50%) scale(1.06)}.family-map-node.center{width:145px;min-height:75px;background:var(--navy);border-color:var(--navy)}.family-map-node.center .family-node-es,.family-map-node.center .family-node-nl{color:#fff}.family-map-node.grand{border-top:4px solid #657e96}.family-map-node.parent{border-top:4px solid #4f7e65}.family-map-node.child,.family-map-node.sibling{border-top:4px solid #b07845}.family-map-node.extended{border-top:4px solid #7d6e98}.family-map-node.partner{border-top:4px solid var(--red)}.family-map-node.inlaw{border-top:4px solid var(--gold)}.family-node-es{display:block;font:600 15px Georgia,serif;color:var(--navy)}.family-node-nl{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.2}.family-map-node i{position:absolute;right:5px;top:3px;font-style:normal;font-size:8px;color:#43815a}.family-map-node.missing i{color:#b37a22}
.family-learning-panel{position:sticky;top:18px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);padding:22px}.family-learning-panel h3{font:600 27px Georgia,serif;color:var(--navy);margin:9px 0 2px}.family-panel-translation{color:var(--muted);margin:0 0 19px}.family-mini-rule{border-top:1px solid #edf0f2;padding:14px 0;display:grid;gap:7px}.family-mini-rule b,.family-selfcheck>b{font:600 16px Georgia,serif;color:var(--navy)}.family-mini-rule span{font-size:12px;color:#465761;line-height:1.5}.family-mini-rule.warning{background:#fff7f1;margin:0 -12px;padding:14px 12px;border-left:4px solid var(--red)}.family-selfcheck{border-top:1px solid #edf0f2;padding-top:15px;display:grid;gap:8px}.family-selfcheck span{font-size:12px;color:var(--muted)}.family-selfcheck button{border:1px solid #cbd3d8;background:#fff;padding:8px;cursor:pointer}.family-selfcheck #familyAnswer{min-height:22px;color:var(--red)}.family-open-word{width:100%;margin-top:15px}.family-missing-note{margin-top:14px;background:#fff7e2;border-left:4px solid var(--gold);padding:11px;font-size:11px;color:#6e5b21;line-height:1.45}.family-map-help{margin-top:18px}.family-map-help code{background:#f1f3f4;padding:2px 5px}
@media(max-width:1100px){.family-map-layout{display:block;overflow-x:auto}.family-learning-panel{position:relative;top:auto;margin-top:18px;max-width:none}.family-map-stage{width:900px}.family-map-header{align-items:flex-start;flex-direction:column}.family-map-legend{justify-content:flex-start}.relation-map-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.relation-map-gallery{grid-template-columns:1fr}.family-map-header h2{font-size:33px}}

/* 6.8b.3 klik-hotfix */
button.relation-map-card{width:100%;font:inherit;color:inherit;text-align:left;appearance:none;-webkit-appearance:none;position:relative;z-index:2;pointer-events:auto!important}
button.relation-map-card>*{pointer-events:none}


/* Webapp 6.8c - Robuuste familiekaart */
.family-map-node.missing{background:#fffaf0;border-style:dashed}
.family-map-node.missing .family-node-es{color:#7a6322}
.family-map-node.missing .family-node-nl{color:#9a8754}
.family-coverage-panel{margin-top:18px;background:#fff;border:1px solid var(--line);padding:20px}
.family-coverage-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e2e7ea}
.family-coverage-summary>div{padding:15px;text-align:center;border-right:1px solid #e2e7ea}
.family-coverage-summary>div:last-child{border-right:0}
.family-coverage-summary span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.family-coverage-summary b{display:block;font:600 28px Georgia,serif;color:var(--navy);margin-top:4px}
.family-coverage-panel details{margin-top:16px}
.family-coverage-panel summary{cursor:pointer;color:var(--navy);font-weight:750}
.family-missing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.family-missing-grid button{display:grid;gap:3px;text-align:left;border:1px solid #e2d7b1;background:#fffaf0;padding:11px;cursor:pointer}
.family-missing-grid button:hover{border-color:var(--gold)}
.family-missing-grid button span{color:var(--muted);font-size:11px}
@media(max-width:760px){
 .family-missing-grid{grid-template-columns:1fr}
 .family-coverage-summary{grid-template-columns:1fr}
 .family-coverage-summary>div{border-right:0;border-bottom:1px solid #e2e7ea}
 .family-coverage-summary>div:last-child{border-bottom:0}
}


/* Webapp 6.9 - Relatiekaarten v2 */
.family-map-stage{
  height:820px;
  background:
    linear-gradient(to bottom,
      rgba(23,50,77,.025) 0 20%,
      transparent 20% 38%,
      rgba(79,126,101,.028) 38% 64%,
      transparent 64% 80%,
      rgba(210,169,0,.025) 80% 100%),
    #fff;
  border:1px solid #d9e0e4;
  overflow:hidden;
}
.family-map-stage:before{
  content:'FAMILIA';
  top:50%;
  font-size:108px;
  color:rgba(23,50,77,.025);
}
.family-map-lines-v2{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.family-edge-v2{
  fill:none;
  stroke:#8da0af;
  stroke-width:2;
  opacity:.55;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:opacity .16s,stroke-width .16s;
}
.family-edge-v2.partner{stroke:#a71930;stroke-width:2.5}
.family-edge-v2.inlaw{stroke:#d2a900;stroke-width:2.5;stroke-dasharray:8 6}
.family-edge-v2.step{stroke:#745b92;stroke-width:2.5;stroke-dasharray:4 5}
.family-edge-v2.group{stroke:#a8b5be;stroke-width:1.5;stroke-dasharray:3 5}
.family-edge-v2.highlight{opacity:1;stroke-width:4}
.family-edge-v2.dim{opacity:.08}
.family-edge-group,.family-edge-label,.family-edge-label-bg{display:none!important}
.family-map-node{
  width:126px;
  min-height:62px;
  border:1px solid #d3dade;
  border-radius:8px;
  box-shadow:0 5px 16px rgba(23,50,77,.08);
  background:rgba(255,255,255,.97);
}
.family-map-node:hover,.family-map-node.focused{
  border-color:#c5a93f;
  box-shadow:0 10px 25px rgba(23,50,77,.16);
}
.family-map-node.center{
  width:152px;
  min-height:78px;
  border-radius:10px;
}
.family-map-node.group{
  width:144px;
  border-radius:99px;
  border:1px solid #aab8c1;
  background:#f7f9fa;
  box-shadow:none;
}
.family-map-node.missing{
  background:#fffdf7;
  border-color:#dccd98;
}
.family-map-legend{
  background:#fff;
  border:1px solid var(--line);
  padding:10px 12px;
  border-radius:8px;
}
.family-filterbar{
  background:#fff;
  border:1px solid var(--line);
  padding:9px;
  border-radius:8px;
}
.family-filterbar button{
  border-radius:6px;
}
.family-map-help{
  border-left:5px solid var(--navy);
}
@media(max-width:1100px){
  .family-map-stage{width:1020px;height:820px}
}

/* Webapp 6.9a - A1-boek gekoppeld */
.a1-book-intro{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center;background:linear-gradient(135deg,#17324d,#285778);color:#fff;padding:24px 26px;margin-bottom:22px}.a1-book-intro .eyebrow{color:#eadb91}.a1-book-intro h3{font:600 27px Georgia,serif;margin:6px 0}.a1-book-intro p{margin:0;color:#e5edf2;line-height:1.55;max-width:720px}.a1-book-intro button,.family-a1-button{border:0;background:var(--gold);color:#2a2a22;padding:11px 15px;font-weight:800;cursor:pointer}.a1-related{margin:24px 0}.a1-related-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.a1-related-head h3{font:600 24px Georgia,serif;color:var(--navy);margin:5px 0 0}.a1-related-head>span{color:var(--muted);font-size:12px}.a1-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.a1-chapter-card{display:grid;gap:5px;text-align:left;border:1px solid #dce2e6;background:#fff;padding:15px;cursor:pointer}.a1-chapter-card:hover{border-color:var(--gold);background:#faf8f1}.a1-chapter-card span{color:var(--red);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.a1-chapter-card b{font:600 17px Georgia,serif;color:var(--navy)}.a1-chapter-card small{color:var(--muted);line-height:1.4}.a1-book-page{background:#fff;border:1px solid var(--line)}.a1-book-hero{display:grid;grid-template-columns:1fr 90px;align-items:center;background:linear-gradient(135deg,#17324d,#285778);color:#fff;padding:28px 32px}.a1-book-hero .eyebrow{color:#eadb91}.a1-book-hero h2{font:600 38px Georgia,serif;margin:7px 0}.a1-book-hero p{margin:0;color:#e3ebf0;font-style:italic}.a1-book-badge{width:72px;height:72px;border:2px solid rgba(255,255,255,.65);display:grid;place-items:center;border-radius:50%;font:700 27px Georgia,serif}.a1-book-content{padding:28px 34px;max-width:920px}.a1-content-heading{font:600 23px Georgia,serif;color:var(--navy);margin:30px 0 12px;padding-bottom:7px;border-bottom:1px solid #e3e7e9}.a1-content-heading.warning{color:var(--red);border-bottom-color:#ead0d5}.a1-content-paragraph{line-height:1.7;color:#344650;margin:9px 0}.a1-step{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;margin:10px 0;background:#f6f8f9;padding:11px 13px}.a1-step>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-weight:800}.a1-step p{margin:2px 0;line-height:1.55}.a1-table-wrap{overflow-x:auto;margin:16px 0}.a1-table{width:100%;border-collapse:collapse;font-size:13px}.a1-table th{background:var(--navy);color:#fff;text-align:left}.a1-table th,.a1-table td{border:1px solid #dce2e6;padding:9px 10px;vertical-align:top}.a1-table tr:nth-child(even) td{background:#f8fafb}.a1-source{border-top:1px solid var(--line);padding:14px 34px;color:var(--muted);font-size:11px}.family-a1-button{width:100%;margin:12px 0}
@media(max-width:760px){.a1-book-intro{grid-template-columns:1fr}.a1-chapter-grid{grid-template-columns:1fr}.a1-book-hero{grid-template-columns:1fr}.a1-book-badge{margin-top:15px}.a1-book-content{padding:22px 18px}}

/* Beschermde digitale boekenkast */
.course-book-hero{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:24px;align-items:center;padding:30px;margin-bottom:20px;border:1px solid #c9dceb;border-radius:20px;background:linear-gradient(135deg,#eaf6ff,#f3edff 58%,#fff3ef);box-shadow:0 14px 35px rgba(40,60,78,.08)}.course-book-hero h2{margin:6px 0 10px;font-size:42px}.course-book-hero p{max-width:760px;margin:0;color:var(--muted);line-height:1.55}.course-book-hero aside{display:grid;place-items:center;padding:18px;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 10px 24px rgba(40,60,78,.09)}.course-book-hero aside b{font-size:38px}.course-book-hero aside span,.course-book-hero aside small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px}.course-book-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.course-book-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;padding:22px;border:1px solid #dbe4ea;border-radius:18px;background:#fff;box-shadow:0 10px 24px rgba(40,60,78,.06)}.course-book-mark{width:66px;height:86px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(160deg,#b91f3a,#d34c36);color:#fff;font-weight:850;letter-spacing:.04em;box-shadow:0 8px 18px rgba(128,30,43,.2)}.course-book-copy span{color:#36719a;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800}.course-book-copy h3{margin:7px 0;font-size:24px}.course-book-copy p{margin:0;color:var(--muted);line-height:1.5}.course-book-links{grid-column:1/-1;display:grid;gap:8px}.course-book-links a{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px 14px;border:1px solid #b9d1e2;border-radius:11px;background:#f7fbfe;color:#285f83;text-decoration:none}.course-book-links a:hover{background:#eaf5fc;border-color:#6aa2c7}.course-book-links a b{white-space:nowrap}.course-book-note{margin:18px 0 0;padding:14px 16px;border-left:4px solid #37759e;background:#f4f8fb;color:var(--muted)}
.course-library-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;margin-bottom:18px;border:1px solid #bfd9e9;border-radius:17px;background:#eaf5fc}.course-library-tabs button,.course-library-levels button{border:1px solid #cbdce7;border-radius:12px;background:#fff;color:#385363;font:inherit;font-weight:750;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}.course-library-tabs button{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:12px 14px;text-align:left}.course-library-tabs button small,.course-library-levels button small{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#edf3f7;color:#526a79;font-size:11px}.course-library-tabs button:hover,.course-library-levels button:hover{border-color:#6c9fbe;transform:translateY(-1px)}.course-library-tabs button.active,.course-library-levels button.active{border-color:#2f709a;background:#3478a5;color:#fff;box-shadow:0 8px 18px rgba(46,111,153,.2)}.course-library-tabs button.active small,.course-library-levels button.active small{background:#fff;color:#2f709a}.course-library-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:0 2px 18px;padding:4px 0}.course-library-intro h2{margin:0 0 5px;font-size:30px}.course-library-intro p{margin:0;color:var(--muted)}.course-library-levels{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}.course-library-levels button{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 13px}.course-book-section{margin:0 0 30px}.course-book-section>header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:0 2px 13px;padding-top:5px;border-bottom:1px solid #dce5ea}.course-book-section>header h2{margin:3px 0 11px;font-size:27px}.course-book-section>header>span{margin-bottom:13px;color:var(--muted);font-size:13px;font-weight:750}.course-book-levels{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 9px}.course-book-levels small{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border:1px solid #b9d5e6;border-radius:999px;background:#edf7fc;color:#2e7198;font-size:10px;font-weight:800}.course-book-copy .course-book-levels+ p{margin-top:0}
.course-library-tabs{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.course-book-card.series-gentealdia .course-book-mark{background:linear-gradient(160deg,#6d7f3e,#98a23b);box-shadow:0 8px 18px rgba(90,112,43,.24)}
@media(max-width:800px){.course-book-hero{grid-template-columns:1fr}.course-book-hero aside{justify-self:start;min-width:115px}.course-book-grid{grid-template-columns:1fr}.course-library-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.course-book-card{grid-template-columns:58px minmax(0,1fr);padding:17px;gap:13px}.course-book-mark{width:54px;height:70px}.course-book-links a{align-items:flex-start;flex-direction:column;gap:5px}.course-book-hero{padding:22px}.course-book-hero h2{font-size:34px}.course-library-tabs{grid-template-columns:1fr}.course-library-tabs button{min-height:48px}.course-library-intro{align-items:flex-start;flex-direction:column}.course-book-section>header{align-items:flex-start;flex-direction:column;gap:0}.course-book-section>header>span{margin-top:-7px}.course-library-levels button{flex:1 1 calc(33.333% - 8px);justify-content:space-between}}

/* Webapp 7.0 - Boekenbibliotheek */
.books-hero{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:24px;align-items:center;background:linear-gradient(135deg,#17324d,#285778);color:#fff;padding:30px;margin-bottom:22px}.books-hero .eyebrow{color:#eadb91}.books-hero h2{font:600 40px Georgia,serif;margin:7px 0}.books-hero p{margin:0;color:#e5edf2;line-height:1.6}.books-count{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);padding:18px;text-align:center}.books-count span,.books-count small{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.books-count b{display:block;font:600 40px Georgia,serif;margin:4px 0}.book-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:22px}.book-cover{min-height:220px;padding:23px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;position:relative;overflow:hidden}.book-cover.active{border-top:6px solid var(--gold);box-shadow:0 8px 24px rgba(23,50,77,.07)}.book-cover.upcoming{opacity:.62;border-top:6px solid #b6c0c7}.book-cover:after{content:'ES';position:absolute;right:10px;bottom:-18px;font:700 90px Georgia,serif;color:rgba(23,50,77,.035)}.book-level{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.15em}.book-cover h3{font:600 25px Georgia,serif;color:var(--navy);margin:12px 0 8px}.book-cover p{color:var(--muted);line-height:1.55;margin:0}.book-cover>span{margin-top:auto;color:#7a8790;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.book-filterbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);padding:10px;margin-bottom:15px}.book-filterbar button{border:1px solid #cbd3d8;background:#fff;padding:8px 11px;cursor:pointer}.book-filterbar button.active{background:var(--navy);border-color:var(--navy);color:#fff}.book-filterbar span{margin-left:auto;color:var(--muted);font-size:12px}.book-chapter-list{background:#fff;border:1px solid var(--line)}.book-chapter-row{width:100%;display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:18px;align-items:center;text-align:left;border:0;border-bottom:1px solid #e7ebed;background:#fff;padding:17px 19px;cursor:pointer}.book-chapter-row:last-child{border-bottom:0}.book-chapter-row:hover{background:#faf8f1}.book-chapter-number{font:600 24px Georgia,serif;color:var(--gold)}.book-chapter-copy{display:grid;gap:3px}.book-chapter-copy small{color:var(--red);text-transform:uppercase;font-weight:800;letter-spacing:.06em}.book-chapter-copy b{font:600 18px Georgia,serif;color:var(--navy)}.book-chapter-copy em{font-style:normal;color:var(--muted);font-size:12px}.book-chapter-action{color:var(--navy);font-weight:750;font-size:12px}@media(max-width:850px){.books-hero{grid-template-columns:1fr}.books-count{max-width:220px}.book-shelf{grid-template-columns:1fr}.book-chapter-row{grid-template-columns:45px 1fr}.book-chapter-action{grid-column:2}.book-filterbar span{width:100%;margin-left:0}}


/* Webapp 7.1 - Relatiekaart Gezondheid */
.health-map-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:16px}.health-map-header h2{font:600 40px Georgia,serif;color:var(--navy);margin:7px 0}.health-map-header p{margin:0;color:var(--muted);max-width:720px;line-height:1.55}.health-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 12px;background:#fff;border:1px solid var(--line);padding:10px 12px}.health-legend span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.health-legend i{width:14px;height:3px}.health-legend .body{background:#3d718e}.health-legend .symptom{background:#a71930}.health-legend .care{background:#4f7e65}.health-legend .treatment{background:#d2a900}.health-legend .verb{background:#745b92}.health-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:9px;margin-bottom:16px}.health-filterbar button{border:1px solid #cbd3d8;background:#fff;padding:8px 12px;cursor:pointer}.health-filterbar button.active{background:var(--navy);border-color:var(--navy);color:#fff}.health-filterbar span{margin-left:auto;color:var(--muted);font-size:12px}.health-map-layout{display:grid;grid-template-columns:minmax(720px,1fr) 300px;gap:18px;align-items:start}.health-map-stage{height:760px;min-width:720px;position:relative;background:radial-gradient(circle at center,#fff 0,#f8faf9 60%,#eef3f1 100%);border:1px solid var(--line);overflow:hidden}.health-map-stage:before{content:'SALUD';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 112px Georgia,serif;color:rgba(23,50,77,.025);letter-spacing:.12em}.health-map-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}.health-edge{fill:none;stroke-width:2;opacity:.58;stroke-linecap:round;stroke-linejoin:round;transition:.16s}.health-edge.body{stroke:#3d718e}.health-edge.symptom{stroke:#a71930}.health-edge.care{stroke:#4f7e65}.health-edge.treatment{stroke:#d2a900;stroke-dasharray:8 5}.health-edge.verb{stroke:#745b92;stroke-dasharray:4 5}.health-edge.highlight{stroke-width:5;opacity:1}.health-edge.dim{opacity:.08}.health-map-node{position:absolute;z-index:2;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:126px;min-height:62px;padding:10px;border:1px solid #d3dade;border-radius:8px;background:rgba(255,255,255,.97);box-shadow:0 5px 16px rgba(23,50,77,.08);cursor:pointer;text-align:center;transition:.15s}.health-map-node:hover,.health-map-node.focused{z-index:4;border-color:var(--gold);box-shadow:0 10px 25px rgba(23,50,77,.16);transform:translate(-50%,-50%) scale(1.05)}.health-map-node.center{width:155px;min-height:78px;background:var(--navy);border-color:var(--navy)}.health-map-node.center span,.health-map-node.center small{color:#fff}.health-map-node.body{border-top:4px solid #3d718e}.health-map-node.symptom{border-top:4px solid #a71930}.health-map-node.care{border-top:4px solid #4f7e65}.health-map-node.treatment{border-top:4px solid #d2a900}.health-map-node.verb{border-top:4px solid #745b92}.health-map-node.missing{background:#fffaf0;border-style:dashed}.health-map-node span{display:block;font:600 15px Georgia,serif;color:var(--navy)}.health-map-node small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.health-map-node i{position:absolute;right:5px;top:3px;font-size:8px;font-style:normal;color:#43815a}.health-map-node.missing i{color:#b37a22}.health-map-node.dimmed{opacity:.2}.health-info-panel{position:sticky;top:18px;background:#fff;border:1px solid var(--line);border-top:5px solid #4f7e65;padding:22px}.health-info-panel h3{font:600 27px Georgia,serif;color:var(--navy);margin:9px 0 2px}.health-translation{color:var(--muted);margin:0 0 18px}.health-example{background:#f4f8f6;border-left:4px solid #4f7e65;padding:13px;display:grid;gap:5px}.health-example b{color:var(--navy)}.health-example span{color:var(--muted);font-size:12px}.health-phrase-list{display:grid;gap:7px;border-top:1px solid #edf0f2;margin-top:16px;padding-top:16px}.health-phrase-list b{font:600 16px Georgia,serif;color:var(--navy)}.health-phrase-list span{font-size:12px;line-height:1.45;color:#465761}.health-open-word,.health-add-word{width:100%;margin-top:18px}.health-add-word{background:var(--gold);color:#2f2b1f;border-color:var(--gold)}.health-map-help{margin-top:18px;border-left:5px solid #4f7e65}.health-card{border-top-color:#4f7e65!important}
@media(max-width:1100px){.health-map-layout{display:block;overflow-x:auto}.health-map-stage{width:980px}.health-info-panel{position:relative;top:auto;margin-top:18px}.health-map-header{align-items:flex-start;flex-direction:column}.health-legend{justify-content:flex-start}}
@media(max-width:650px){.health-filterbar span{width:100%;margin-left:0}}


/* Webapp 7.2 - Relatiekaart Huis */
.house-map-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:16px}.house-map-header h2{font:600 40px Georgia,serif;color:var(--navy);margin:7px 0}.house-map-header p{margin:0;color:var(--muted);max-width:720px;line-height:1.55}.house-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 12px;background:#fff;border:1px solid var(--line);padding:10px 12px}.house-legend span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px}.house-legend i{width:14px;height:3px}.house-legend .room{background:#24577d}.house-legend .furniture{background:#a76d32}.house-legend .part{background:#71808b}.house-legend .verb{background:#745b92}.house-filterbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);padding:9px;margin-bottom:16px}.house-filterbar button{border:1px solid #cbd3d8;background:#fff;padding:8px 12px;cursor:pointer}.house-filterbar button.active{background:var(--navy);border-color:var(--navy);color:#fff}.house-filterbar span{margin-left:auto;color:var(--muted);font-size:12px}.house-map-layout{display:grid;grid-template-columns:minmax(720px,1fr) 300px;gap:18px;align-items:start}.house-map-stage{height:760px;min-width:720px;position:relative;background:linear-gradient(180deg,#fbfcfd 0 45%,#f8f4ee 45% 100%);border:1px solid var(--line);overflow:hidden}.house-map-stage:before{content:'CASA';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 118px Georgia,serif;color:rgba(23,50,77,.025);letter-spacing:.15em}.house-map-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}.house-edge{fill:none;stroke-width:2;opacity:.58;stroke-linecap:round;stroke-linejoin:round;transition:.16s}.house-edge.room{stroke:#24577d}.house-edge.furniture{stroke:#a76d32}.house-edge.part{stroke:#71808b}.house-edge.verb{stroke:#745b92;stroke-dasharray:4 5}.house-edge.highlight{stroke-width:5;opacity:1}.house-edge.dim{opacity:.08}.house-map-node{position:absolute;z-index:2;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:126px;min-height:62px;padding:10px;border:1px solid #d3dade;border-radius:8px;background:rgba(255,255,255,.97);box-shadow:0 5px 16px rgba(23,50,77,.08);cursor:pointer;text-align:center;transition:.15s}.house-map-node:hover,.house-map-node.focused{z-index:4;border-color:var(--gold);box-shadow:0 10px 25px rgba(23,50,77,.16);transform:translate(-50%,-50%) scale(1.05)}.house-map-node.center{width:155px;min-height:78px;background:var(--navy);border-color:var(--navy)}.house-map-node.center span,.house-map-node.center small{color:#fff}.house-map-node.room{border-top:4px solid #24577d}.house-map-node.furniture{border-top:4px solid #a76d32}.house-map-node.part{border-top:4px solid #71808b}.house-map-node.verb{border-top:4px solid #745b92}.house-map-node.missing{background:#fffaf0;border-style:dashed}.house-map-node span{display:block;font:600 15px Georgia,serif;color:var(--navy)}.house-map-node small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.house-map-node i{position:absolute;right:5px;top:3px;font-size:8px;font-style:normal;color:#43815a}.house-map-node.missing i{color:#b37a22}.house-map-node.dimmed{opacity:.2}.house-info-panel{position:sticky;top:18px;background:#fff;border:1px solid var(--line);border-top:5px solid #24577d;padding:22px}.house-info-panel h3{font:600 27px Georgia,serif;color:var(--navy);margin:9px 0 2px}.house-translation{color:var(--muted);margin:0 0 18px}.house-example{background:#f3f7fa;border-left:4px solid #24577d;padding:13px;display:grid;gap:5px}.house-example b{color:var(--navy)}.house-example span{color:var(--muted);font-size:12px}.house-phrase-list{display:grid;gap:7px;border-top:1px solid #edf0f2;margin-top:16px;padding-top:16px}.house-phrase-list b{font:600 16px Georgia,serif;color:var(--navy)}.house-phrase-list span{font-size:12px;line-height:1.45;color:#465761}.house-open-word,.house-add-word{width:100%;margin-top:18px}.house-add-word{background:var(--gold);color:#2f2b1f;border-color:var(--gold)}.house-map-help{margin-top:18px;border-left:5px solid #24577d}.house-card{border-top-color:#24577d!important}
@media(max-width:1100px){.house-map-layout{display:block;overflow-x:auto}.house-map-stage{width:980px}.house-info-panel{position:relative;top:auto;margin-top:18px}.house-map-header{align-items:flex-start;flex-direction:column}.house-legend{justify-content:flex-start}}

/* Algemene, data-gedreven relatiekaarten */
.relation-categorybar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:9px;background:#fff;border:1px solid var(--line)}
.relation-categorybar button,.generic-filterbar button{border:1px solid #cbd3d8;background:#fff;padding:9px 13px;cursor:pointer}
.relation-categorybar button.active,.generic-filterbar button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.relation-map-card.generic-card{border-top-color:#bf4f2f!important}
.generic-map-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px}
.generic-map-header h2{font:600 40px Georgia,serif;color:var(--navy);margin:7px 0}
.generic-map-header p{margin:0;color:var(--muted);line-height:1.55;max-width:760px}
.generic-map-score{min-width:130px;background:#fff;border:1px solid var(--line);border-top:5px solid #bf4f2f;padding:13px 16px;display:grid}
.generic-map-score b{font:600 28px Georgia,serif;color:var(--navy)}.generic-map-score span{font-size:11px;color:var(--muted)}
.generic-filterbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:9px;background:#fff;border:1px solid var(--line)}
.generic-filterbar button{display:inline-flex;align-items:center;gap:8px}.relation-filter-count{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 7px;border-radius:999px;background:#e6eef3;color:#355a70;font-size:11px;font-weight:800;line-height:1}.generic-filterbar button.active .relation-filter-count{background:rgba(255,255,255,.9);color:var(--navy)}
.relation-level-controls{display:flex;flex-wrap:wrap;gap:18px 28px;margin:0 0 16px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold)}.relation-level-controls>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.relation-level-controls b{font-size:12px;color:var(--navy);text-transform:uppercase;letter-spacing:.05em}.relation-level-buttons{display:flex;flex-wrap:wrap;gap:6px}.relation-level-buttons button{border:1px solid #cbd3d8;background:#fff;padding:8px 11px;cursor:pointer}.relation-level-buttons button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.generic-map-layout{display:grid;grid-template-columns:minmax(720px,1fr) 310px;gap:18px;align-items:start}
.generic-map-viewport{min-width:0;overflow:hidden}
.generic-map-viewport .generic-map-stage{width:100%;box-sizing:border-box}
.generic-map-mobile-hint{display:none}
.relation-map-quizlet-slot{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:-8px}.relation-map-quizlet-slot[hidden]{display:none!important}
.relation-map-quizlet-slot [data-relation-learn].active,.generic-map-help [data-relation-learn].active{box-shadow:inset 0 0 0 3px rgba(255,255,255,.45)}
.relation-reverse-quizlet{margin-top:12px;background:#6f8450;border-color:#6f8450;color:#fff}
.relation-map-quizlet-slot .relation-reverse-quizlet{margin-top:0}
.generic-map-stage{height:var(--generic-map-height,760px);min-width:720px;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at center,#fff 0,#f7f9fa 58%,#eef1f2 100%)}
.generic-map-stage.filtered-map-stage{height:auto;min-width:720px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:24px;overflow:visible;box-sizing:border-box;align-items:stretch}
.generic-map-stage.filtered-map-stage:before{display:none}
.generic-map-stage.filtered-map-stage .generic-map-node,.generic-map-stage.filtered-map-stage .generic-map-node:hover,.generic-map-stage.filtered-map-stage .generic-map-node.focused{position:relative;left:auto;top:auto;transform:none;width:auto;min-height:76px}
.generic-map-stage.filtered-map-stage .generic-map-node.root,.generic-map-stage.filtered-map-stage .generic-map-node.group{grid-column:1/-1;width:auto}
.generic-map-stage.filtered-map-stage .generic-map-node.root{min-height:68px}
.generic-map-stage.filtered-map-stage .generic-map-node.group{min-height:62px}
.generic-map-stage:before{content:attr(data-map-title);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 72px Georgia,serif;color:rgba(23,50,77,.035);letter-spacing:.08em;white-space:nowrap}
.generic-map-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}.generic-edge{fill:none;stroke:#738ca0;stroke-width:2;opacity:.52;stroke-linecap:round;stroke-linejoin:round}.generic-edge.tegenstelling{stroke:#a71930;stroke-dasharray:7 5}.generic-edge.route,.generic-edge.richting{stroke:#bf722b}.generic-edge.probleem,.generic-edge.gevolg{stroke:#a71930}.generic-edge.bescherming{stroke:#4f7e65}
.generic-map-node{position:absolute;z-index:2;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:132px;min-height:64px;padding:9px;border:1px solid #ced6db;border-radius:8px;background:rgba(255,255,255,.97);box-shadow:0 5px 16px rgba(23,50,77,.08);cursor:pointer;text-align:center;transition:.15s}
.generic-map-node:hover,.generic-map-node.focused{z-index:4;border-color:var(--gold);box-shadow:0 9px 24px rgba(23,50,77,.17);transform:translate(-50%,-50%) scale(1.05)}
.generic-map-node span{display:block;font:600 14px Georgia,serif;color:var(--navy)}.generic-map-node small{display:block;color:var(--muted);font-size:10px;line-height:1.25;margin-top:4px}.generic-map-node i{position:absolute;right:5px;top:3px;font-size:8px;font-style:normal;color:#43815a}.generic-map-node.map-content{border-style:dashed;background:#fffaf0}.generic-map-node.map-content i{color:#b37a22}
.generic-map-node.root{width:156px;min-height:78px;background:var(--navy);border-color:var(--navy)}.generic-map-node.root span,.generic-map-node.root small{color:#fff}.generic-map-node.group{width:145px;border-top:5px solid #bf4f2f;background:#fff7f2}.generic-map-node.vehicles{border-top:4px solid #24577d}.generic-map-node.infrastructure{border-top:4px solid #71808b}.generic-map-node.public{border-top:4px solid #4f7e65}.generic-map-node.rules{border-top:4px solid #a71930}.generic-map-node.people{border-top:4px solid #7d6e98}.generic-map-node.actions{border-top:4px solid #745b92}.generic-map-node.direction{border-top:4px solid #bf722b}.generic-map-node.safety{border-top:4px solid #b08b18}
.generic-map-node.has-level,.family-map-node.has-level,.health-map-node.has-level,.house-map-node.has-level{padding-bottom:20px}
.generic-map-node .relation-card-level,.family-map-node .relation-card-level,.health-map-node .relation-card-level,.house-map-node .relation-card-level{position:absolute;right:6px;bottom:5px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:22px;margin:0;padding:2px 5px;border:1px solid #b9d3e3;border-radius:999px;background:#eaf4f9;color:#2f6f99;font:800 9px/1.1 Arial,sans-serif;letter-spacing:.04em;box-sizing:border-box}
.generic-info-panel{position:sticky;top:18px;background:#fff;border:1px solid var(--line);border-top:5px solid #bf4f2f;padding:22px}.generic-info-panel h3{font:600 27px Georgia,serif;color:var(--navy);margin:9px 0 2px}.generic-translation{color:var(--muted);margin:0 0 18px}.generic-example{display:grid;gap:5px;background:#fff6ef;border-left:4px solid #bf4f2f;padding:13px}.generic-example b{color:var(--navy)}.generic-example span{font-size:12px;color:var(--muted)}
.generic-relations,.generic-crosslinks,.generic-grammar{display:grid;gap:7px;border-top:1px solid #edf0f2;margin-top:16px;padding-top:15px}.generic-relations>b,.generic-crosslinks>b,.generic-grammar>b{font:600 15px Georgia,serif;color:var(--navy)}.generic-relations>button,.generic-grammar>button{display:flex;justify-content:space-between;gap:8px;border:1px solid #d8dee2;background:#fff;padding:8px;text-align:left;cursor:pointer}.generic-relations small{color:var(--muted)}.generic-crosslinks{display:flex;flex-wrap:wrap}.generic-crosslinks b{width:100%}.generic-crosslinks span{background:#edf3f6;color:var(--navy);padding:5px 8px;font-size:11px}.generic-open-word,.generic-add-word{width:100%;margin-top:18px}.generic-map-help{margin-top:18px;border-left:5px solid #bf4f2f}
@media(max-width:1100px){.generic-map-layout{display:block;overflow-x:auto}.generic-map-stage{width:1000px}.generic-map-stage.filtered-map-stage{width:100%;min-width:720px}.generic-info-panel{position:relative;top:auto;margin-top:18px}.generic-map-header{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.generic-map-header h2{font-size:33px}.generic-map-score{width:100%}}

/* Het grote masthead hoort uitsluitend bij het Dashboard. */
.mast{display:none}
.dashboard-page .mast{display:block}
@media(max-width:900px){.dashboard-page .mast{display:none}}
.generic-contents{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0;padding:14px;background:#f7f3e9;border-left:3px solid var(--gold)}
.generic-contents b{flex-basis:100%;color:var(--navy)}
.generic-contents span{padding:5px 8px;background:#fff;border:1px solid #e4dcc8;border-radius:4px;font-size:.84rem}
@media(max-width:650px){.house-filterbar span{width:100%;margin-left:0}}

/* Compacte iPhone-bediening */
.mobile-header,.mobile-menu-backdrop{display:none}
@media(max-width:700px){
 body{font-size:15px}
 body.mobile-menu-open{overflow:hidden}
 .app{display:block}
 .mobile-header{position:sticky;top:0;z-index:5000;height:54px;display:grid;grid-template-columns:72px 1fr 48px;align-items:center;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(23,50,77,.08)}
 body.environment-development .mobile-header{top:32px}
 .mobile-header strong{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--navy);font:600 17px Georgia,serif}
 .mobile-header button{height:54px;border:0;background:transparent;color:var(--navy);font-weight:800;font-size:20px}
 .mobile-menu-button{display:flex;align-items:center;justify-content:center;gap:5px}.mobile-menu-button span{font-size:11px}.mobile-search-button{font-size:27px!important}
 .mobile-menu-backdrop{position:fixed;inset:54px 0 0;z-index:5090;display:block;border:0;background:rgba(14,30,43,.45)}
 body.environment-development .mobile-menu-backdrop{inset:86px 0 0}
 .mobile-menu-backdrop[hidden]{display:none}
 .side{display:block!important;position:fixed!important;z-index:5100;left:0;top:54px!important;bottom:0;width:min(82vw,315px);height:auto!important;padding:13px 14px 24px;border:0;border-right:1px solid var(--line);overflow-y:auto;transform:translateX(-105%);transition:transform .2s ease;box-shadow:8px 0 28px rgba(15,35,50,.2)}
 body.environment-development .side{top:86px!important}
 body.mobile-menu-open .side{transform:translateX(0)}
 .side .brand{display:none}.side .nav-label{display:block;margin:5px 9px 8px}.side .nav{display:block}
 .side .nav button{min-height:42px;padding:9px 11px;font-size:15px}.side .meta{display:none}.side .account-box{margin:12px 4px 0;padding:12px 7px;color:#344650}
 .main{padding:12px 11px 32px}.shell{max-width:none}.content{margin-top:16px}
 .searchbar{position:sticky;top:60px;z-index:4900;box-shadow:0 4px 14px rgba(23,50,77,.12)}body.environment-development .searchbar{top:92px}.searchbar input{min-width:0;padding:11px 12px;font-size:16px}.searchbar button{padding:0 12px;font-size:13px}
 .title{font-size:28px;margin:5px 0 7px}.lead{font-size:14px;line-height:1.48;margin-bottom:16px}.section-title{font-size:20px;margin:22px 0 9px}
 .environment-banner{font-size:11px;line-height:16px;padding:8px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.environment-development .app{padding-top:32px}
 .welcome-card{min-height:0;padding:20px}.welcome-card h2{font-size:27px;margin:6px 0 9px}.welcome-card p{font-size:14px;line-height:1.45;margin-bottom:15px}.welcome-card:after{font-size:82px}
 .home-hero,.home-grid{gap:10px;margin-bottom:12px;margin-top:12px}.stats-card,.home-section{padding:15px}.stat-row{padding:7px 0}.stat-row b{font-size:20px}
 .dashboard{display:block}.dash-link{min-height:0;padding:15px}.dash-link h3{font-size:19px;margin-bottom:5px}.dash-link p{font-size:13px;line-height:1.4}
 .quick-list{gap:7px}.quick-item{padding:11px 12px}.quick-item b{font-size:16px}
 .panel{padding:16px;margin-bottom:11px}.panel h3{font-size:20px;margin-bottom:10px}.quick,.why{padding:13px 14px;margin:12px 0}
 .toc-row{grid-template-columns:29px 1fr;gap:8px;padding:12px}.toc-name{font-size:17px}.toc-desc{font-size:12px;line-height:1.35}.toc-count{font-size:11px}
 .row{gap:4px;padding:11px 12px}.row .es{font-size:17px}.row .nl{font-size:13px}
 .words-toolbar,.verb-tools{padding:11px}.words-search,.verb-search{gap:7px}.words-actions{margin-top:9px}.words-alpha{max-height:76px;overflow:auto}.word-card{min-height:0;padding:14px}.word-card h3{font-size:19px}.word-grid{gap:8px}
 .verb-hero{gap:9px;margin-bottom:10px}.verb-intro{padding:18px}.verb-intro h2{font-size:26px}.verb-intro p{font-size:13px}.verb-stat{padding:11px}.verb-stat b{font-size:21px}.verb-row{padding:11px}
 .relation-categorybar,.generic-filterbar{flex-wrap:nowrap;overflow-x:auto;padding:6px;gap:5px;margin-bottom:10px;scrollbar-width:none}.relation-categorybar::-webkit-scrollbar,.generic-filterbar::-webkit-scrollbar{display:none}.relation-categorybar button,.generic-filterbar button{white-space:nowrap;padding:8px 10px}
 .relation-map-gallery{display:grid;grid-template-columns:1fr;gap:7px}.relation-map-card{min-height:0;padding:12px 13px;border-top-width:3px!important;display:grid;grid-template-columns:1fr auto;gap:3px 10px;text-align:left}.relation-map-icon{font-size:9px;grid-column:1}.relation-map-card h3{font-size:19px;margin:0;grid-column:1}.relation-map-card p{font-size:12px;line-height:1.35;margin:3px 0;grid-column:1/-1}.relation-map-card span{grid-column:2;grid-row:1/3;align-self:center;max-width:90px;text-align:right;font-size:9px}
 .generic-map-header{gap:7px;margin-bottom:9px}.generic-map-header h2{font-size:28px;margin:4px 0}.generic-map-header p{font-size:13px;line-height:1.4}.generic-map-score{width:auto;min-width:0;padding:8px 11px;display:flex;align-items:baseline;gap:7px}.generic-map-score b{font-size:22px}
 .relation-level-controls{gap:13px;padding:12px 9px}.relation-level-controls>div{display:block;width:100%}.relation-level-controls b{display:block;margin-bottom:7px}.relation-level-controls>div:first-child .relation-level-buttons{display:grid;grid-template-columns:1.7fr repeat(6,minmax(0,1fr));gap:4px;width:100%}.relation-level-controls>div:first-child .relation-level-buttons button{min-width:0;padding:7px 2px;font-size:13px}.relation-level-controls>div:nth-child(2) .relation-level-buttons{display:grid;grid-template-columns:1fr 1.22fr;gap:4px;width:100%}.relation-level-controls>div:nth-child(2) .relation-level-buttons button{min-width:0;padding:8px 4px;font-size:12px}
 .generic-map-layout{display:flex;flex-direction:column;overflow:visible}.generic-map-viewport{order:1;width:100%;max-width:100%;height:min(68vh,590px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;border:1px solid var(--line);border-radius:14px;background:#f5f7f8}.generic-map-mobile-hint{order:1;display:block;margin:0 0 6px;color:var(--muted);font-size:11px;text-align:center}.generic-map-stage{width:1000px!important;min-width:1000px!important;height:var(--generic-map-height,760px)!important;display:block!important;padding:0!important;background:radial-gradient(circle at center,#fff 0,#f7f9fa 58%,#eef1f2 100%)}.generic-map-stage:before,.generic-map-lines{display:block!important}.generic-map-node,.generic-map-node.root,.generic-map-node.group{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%)!important;width:132px;min-height:64px;padding:9px}.generic-map-node:hover,.generic-map-node.focused{transform:translate(-50%,-50%) scale(1.05)!important}.generic-map-node.root{width:156px;min-height:78px}.generic-map-node.group{width:145px}.generic-map-node span{font-size:14px}.generic-map-node small{font-size:10px}.generic-map-stage.filtered-map-stage{width:720px!important;min-width:720px!important;height:auto!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;padding:14px!important}.generic-map-stage.filtered-map-stage:before{display:none!important}.generic-map-stage.filtered-map-stage .generic-map-node,.generic-map-stage.filtered-map-stage .generic-map-node:hover,.generic-map-stage.filtered-map-stage .generic-map-node.focused{position:relative;left:auto;top:auto;transform:none!important;width:auto;min-height:68px}
 .relation-map-quizlet-slot{order:0;margin:0 0 7px;gap:5px}.relation-map-quizlet-slot .action-btn{width:100%;min-height:42px;padding:7px 4px;font-size:11px;line-height:1.2}
 .generic-info-panel{order:2;width:100%;box-sizing:border-box;margin-top:9px;padding:15px}.generic-info-panel h3{font-size:23px}.generic-example{padding:10px}.generic-relations,.generic-crosslinks,.generic-grammar{margin-top:11px;padding-top:10px}.generic-map-help{display:none}
 .study-library-hero{padding:18px;gap:10px}.study-library-hero h2{font-size:29px}.study-library-count{padding:10px}.study-book-shelf{gap:8px}.study-book-cover{min-height:0;padding:15px}.study-book-cover h3{font-size:21px}.study-sidebar{max-height:190px;padding:11px;margin-bottom:9px}.study-toc{display:block}.study-toc button{padding:7px 2px}.study-hero{padding:20px}.study-hero h1{font-size:29px}.study-badge{display:none}.study-reading-content{padding:16px 14px}.study-section-heading{font-size:20px;margin:23px 0 10px}.study-paragraph{line-height:1.62}.study-chapter-nav{padding:10px;gap:7px}.study-source{padding:11px 14px}
 .facts div{grid-template-columns:100px 1fr}.conj{font-size:13px}.conj th,.conj td{padding:8px 6px}.conj td:first-child{width:auto}
 .login-screen{padding:12px}.login-card{padding:21px;border-radius:15px}.login-card img{width:65px}.login-card p{margin-bottom:14px}
}


/* Webapp 8.0a.1 - Reference work framework */
.study-library-hero{display:grid;grid-template-columns:1fr 170px;gap:24px;align-items:center;background:linear-gradient(135deg,#17324d,#285778);color:#fff;padding:30px;margin-bottom:20px}.study-library-hero .eyebrow{color:#eadb91}.study-library-hero h2{font:600 42px Georgia,serif;margin:7px 0}.study-library-hero p{color:#e5edf2;line-height:1.6;margin:0}.study-library-count{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);padding:18px;text-align:center}.study-library-count span,.study-library-count small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.study-library-count b{display:block;font:600 42px Georgia,serif}.continue-reading{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--gold);padding:18px 20px;margin-bottom:18px;cursor:pointer}.continue-reading h3{font:600 22px Georgia,serif;color:var(--navy);margin:5px 0}.continue-reading p{margin:0;color:var(--muted)}.continue-reading>span{font-weight:800;color:var(--navy)}.study-book-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.study-book-cover{min-height:150px;padding:16px 18px;background:#fff;border:1px solid var(--line);border-top:5px solid #b6c0c7;display:flex;flex-direction:column;position:relative;overflow:hidden}.study-book-cover.active{border-top-color:var(--gold);box-shadow:0 6px 18px rgba(23,50,77,.07)}.study-book-cover.upcoming{opacity:.62}.study-book-cover:after{content:'ES';position:absolute;right:8px;bottom:-20px;font:700 72px Georgia,serif;color:rgba(23,50,77,.035)}.study-book-level{color:var(--red);font-weight:850;letter-spacing:.15em;font-size:10px}.study-book-cover h3{font:600 19px Georgia,serif;color:var(--navy);margin:8px 0 5px}.study-book-cover p{color:var(--muted);font-size:12px;line-height:1.4;margin:0}.study-book-cover>span{margin-top:auto;color:#7a8790;font-size:10px;text-transform:uppercase}.book-filterbar{scroll-margin-top:82px}.study-favorites{background:#fff;border:1px solid var(--line);padding:0 20px 18px;margin-bottom:18px}.study-favorites .section-title{margin-top:18px}.study-favorites>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.study-favorites button{border:1px solid #e2d7a4;background:#fffaf0;padding:8px 11px;cursor:pointer;color:var(--navy)}.study-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;margin-bottom:12px}.study-breadcrumb button{border:0;background:none;padding:0;color:var(--navy);font-weight:800;cursor:pointer}.study-breadcrumb strong{color:var(--navy)}.study-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.study-toolbar>div{display:flex;gap:8px}.study-toolbar>div button{border:1px solid #cbd3d8;background:#fff;padding:8px 11px;cursor:pointer;color:var(--navy)}.study-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start}.study-sidebar{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto;background:#fff;border:1px solid var(--line);padding:18px}.study-sidebar-level{color:var(--red);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.study-sidebar h3{font:600 20px Georgia,serif;color:var(--navy);margin:8px 0 15px}.study-toc{display:grid}.study-toc button{display:grid;grid-template-columns:25px 1fr;gap:7px;text-align:left;border:0;border-top:1px solid #edf0f2;background:#fff;padding:9px 3px;cursor:pointer;color:#42535e;font-size:12px}.study-toc button:first-child{display:block;font-weight:800;color:var(--navy)}.study-toc button:hover{color:var(--navy);background:#f8f7f2}.study-toc span{color:var(--gold);font-weight:850}.study-page{background:#fff;border:1px solid var(--line);min-width:0}.study-hero{display:grid;grid-template-columns:1fr 82px;align-items:center;background:linear-gradient(135deg,#17324d,#285778);color:#fff;padding:30px 34px}.study-hero .eyebrow{color:#eadb91}.study-hero h1{font:600 39px Georgia,serif;margin:7px 0}.study-hero p{margin:0;color:#e5edf2;font-style:italic}.study-badge{width:70px;height:70px;border:2px solid rgba(255,255,255,.6);border-radius:50%;display:grid;place-items:center;font:700 26px Georgia,serif}.study-reading-content{padding:30px 38px;max-width:940px}.study-section-heading{scroll-margin-top:18px;font:600 24px Georgia,serif;color:var(--navy);margin:34px 0 13px;padding:11px 14px;background:#f5f7f8;border-left:5px solid var(--gold)}.study-section-heading.warning{color:var(--red);background:#fff7f3;border-left-color:var(--red)}.study-section-heading.selfcheck{color:#315f48;background:#f3f8f5;border-left-color:#4f7e65}.study-paragraph{line-height:1.75;color:#344650;margin:10px 0}.study-bullet{display:grid;grid-template-columns:14px 1fr;gap:9px;align-items:start;margin:7px 0}.study-bullet i{width:7px;height:7px;background:var(--gold);border-radius:50%;margin-top:9px}.study-bullet p{margin:0;line-height:1.65}.study-step{display:grid;grid-template-columns:34px 1fr;gap:11px;background:#f7f8f9;padding:12px 14px;margin:10px 0}.study-step>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}.study-step p{margin:3px 0;line-height:1.6}.study-table-wrap{overflow-x:auto;margin:17px 0}.study-table{width:100%;border-collapse:collapse;font-size:13px}.study-table th{background:var(--navy);color:#fff;text-align:left}.study-table th,.study-table td{border:1px solid #dce2e6;padding:9px 10px;vertical-align:top}.study-table tr:nth-child(even) td{background:#f8fafb}.study-source{border-top:1px solid var(--line);padding:14px 38px;color:var(--muted);font-size:11px}.study-chapter-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 38px 28px}.study-chapter-nav button{display:grid;gap:4px;text-align:left;border:1px solid var(--line);background:#fff;padding:13px;cursor:pointer}.study-chapter-nav button:last-child{text-align:right}.study-chapter-nav small{color:var(--muted)}.study-chapter-nav b{color:var(--navy)}.study-layout.read-mode{display:block}.study-layout.read-mode .study-sidebar{display:none}.study-layout.read-mode .study-page{max-width:900px;margin:0 auto;background:#fffdf8}.study-layout.read-mode .study-reading-content{max-width:780px;margin:auto;font-family:Georgia,serif;font-size:17px}.study-layout.read-mode .study-paragraph{line-height:1.9;color:#28353d}
@media(max-width:900px){.study-library-hero{grid-template-columns:1fr}.study-book-shelf{grid-template-columns:1fr}.study-layout{display:block}.study-sidebar{display:none}.study-hero{grid-template-columns:1fr}.study-badge{margin-top:16px}.study-reading-content{padding:23px 20px}.study-chapter-nav{padding:16px 20px 24px}.study-toolbar{align-items:flex-start;gap:10px}.study-toolbar>div{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:600px){.study-toc{grid-template-columns:1fr}.study-chapter-nav{grid-template-columns:1fr}.study-toolbar{flex-direction:column}.study-toolbar>div{justify-content:flex-start}}

/* B1 grouped reference navigation */
.b1-topic-intro{background:linear-gradient(135deg,#f4f7fb,#fffaf3);border:1px solid var(--line);border-left:5px solid var(--blue);padding:18px 20px;margin:0 0 14px}.b1-topic-intro .eyebrow{color:var(--blue);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:10px}.b1-topic-intro h3{color:var(--navy);font:600 24px Georgia,serif;margin:6px 0}.b1-topic-intro p{color:var(--muted);line-height:1.55;margin:0}.b1-topic-groups{display:grid;gap:10px}.b1-topic-group{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.b1-topic-group summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;list-style:none;padding:16px 18px}.b1-topic-group summary::-webkit-details-marker{display:none}.b1-topic-group summary:after{content:'＋';color:var(--blue);font-size:22px;font-weight:700}.b1-topic-group[open] summary:after{content:'−'}.b1-topic-summary-copy{display:grid;gap:4px}.b1-topic-summary-copy b{color:var(--navy);font:600 19px Georgia,serif}.b1-topic-summary-copy small{color:var(--muted);font-size:12px;line-height:1.45}.b1-topic-count{white-space:nowrap;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.b1-topic-chapters{border-top:1px solid #e7ebed}.b1-topic-chapters .book-chapter-row{border-bottom:1px solid #e7ebed}.b1-topic-chapters .book-chapter-row:last-child{border-bottom:0}

/* 8.1 Multi-user */
.login-screen{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:linear-gradient(135deg,#eef4f8,#fff7ed);padding:24px}.login-screen[hidden]{display:none}.login-card{width:min(420px,100%);background:#fff;border:1px solid #dbe4ea;border-radius:24px;padding:32px;box-shadow:0 24px 70px rgba(27,47,62,.18)}.login-card img{display:block;width:88px;margin:0 auto 12px}.login-card h1{text-align:center;margin:0 0 8px}.login-card p{text-align:center;color:#667783;margin:0 0 24px}.login-card label{display:block;font-weight:700;margin:14px 0}.login-card input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px 14px;border:1px solid #cbd7df;border-radius:12px;font:inherit}.login-card button{width:100%;margin-top:10px;padding:13px;border:0;border-radius:12px;background:#b42318;color:#fff;font-weight:800;font-size:1rem}.login-error{min-height:22px;margin-top:12px;color:#b42318;text-align:center}.account-box{margin:18px 12px 8px;padding:12px;border-top:1px solid rgba(255,255,255,.18);font-size:.86rem}.account-box b{display:block}.account-box button{margin-top:8px;width:100%;border:1px solid rgba(255,255,255,.35);background:transparent;color:inherit;border-radius:8px;padding:7px;cursor:pointer}.role-student .admin-only,.role-student [data-edit],.role-student [data-delete],.role-student [data-new],.role-student [data-create],.role-student [data-family-create],.role-student [data-house-create],.role-student [data-health-create],.role-student [data-dev-task],.role-student .editor-actions{display:none!important}.users-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.user-form,.user-list{background:#fff;border:1px solid #dde5ea;border-radius:18px;padding:20px}.user-form label{display:block;font-weight:700;margin:12px 0}.user-form input,.user-form select{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:10px;border:1px solid #ccd8df;border-radius:9px}.user-form button{padding:10px 16px;border:0;border-radius:9px;background:#b42318;color:#fff;font-weight:800}.user-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f3}.user-row small{display:block;color:#667783}.user-row button{border:1px solid #d6dde2;background:#fff;border-radius:8px;padding:7px 10px}@media(max-width:800px){.users-grid{grid-template-columns:1fr}}
.bulk-password-form{display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(2,minmax(190px,1fr)) auto;gap:18px;align-items:end;margin:22px 0;padding:22px;border:1px solid rgba(70,130,165,.24);border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 14px 36px rgba(35,64,82,.08);backdrop-filter:blur(18px)}.bulk-password-form h3,.bulk-password-form p{margin:4px 0}.bulk-password-form label{font-weight:750}.bulk-password-form input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:11px 12px;border:1px solid #cbd8df;border-radius:10px;font:inherit;background:rgba(255,255,255,.9)}.bulk-password-form button{padding:12px 16px;border:0;border-radius:10px;background:#397ca5;color:#fff;font-weight:850;white-space:nowrap}.bulk-password-form button:disabled{opacity:.55}.bulk-password-form>p{grid-column:2/-1;min-height:20px}.bulk-password-form>p.success{color:#26734d}.bulk-password-form>p.error{color:#a33a2b}@media(max-width:1050px){.bulk-password-form{grid-template-columns:1fr 1fr}.bulk-password-form>div,.bulk-password-form>p{grid-column:1/-1}}@media(max-width:650px){.bulk-password-form{grid-template-columns:1fr}.bulk-password-form>*{grid-column:1!important}}

.user-row-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.user-row-actions button:first-child{color:#17364d;border-color:#9fb3c1}
.user-row-actions button:disabled{opacity:.65}
.user-identity{min-width:0;flex:1}.user-access-controls{display:grid;grid-template-columns:minmax(190px,1fr) auto auto auto;gap:10px;align-items:end;margin-top:12px;padding:12px;border:1px solid #dce8ef;border-radius:12px;background:rgba(238,246,250,.72)}.user-access-controls label{display:grid;gap:5px;font-size:.78rem;font-weight:800;color:#446274}.user-access-controls select{min-width:190px;padding:8px 10px;border:1px solid #cbd9e1;border-radius:8px;background:#fff;font:inherit}.user-access-controls .user-gente-toggle{display:flex;align-items:center;gap:7px;padding:9px 0;white-space:nowrap}.user-access-controls .user-gente-toggle input{width:18px;height:18px;margin:0;accent-color:#3676a3}.user-access-controls [data-user-access-save]{border:0;background:#3676a3;color:#fff;font-weight:800}.user-access-message{grid-column:1/-1;min-height:1.2em;color:#3676a3}
.user-book-access{grid-column:1/-1;border:1px solid #cbdce6;border-radius:10px;background:#fff;overflow:hidden}.user-book-access summary{display:flex;justify-content:space-between;gap:12px;padding:11px 13px;cursor:pointer;font-weight:850;color:#294c63}.user-book-access summary b{font-size:.78rem;color:#638092}.user-book-access-actions{display:flex;gap:8px;padding:0 12px 10px}.user-book-access-actions button{padding:6px 9px!important;font-size:.76rem}.user-book-access-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-top:1px solid #e1e9ee;background:#e1e9ee;max-height:360px;overflow:auto}.user-book-access-list label{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:9px!important;margin:0;padding:10px 12px;background:#fff;font-weight:700!important}.user-book-access-list input{width:18px;height:18px;margin:1px 0 0;flex:0 0 auto;accent-color:#3676a3}.user-book-access-list span{min-width:0}.user-book-access-list b{display:block;color:#294150}.user-book-access-list small{margin-top:2px;font-weight:500}.user-book-access+[data-user-access-save]{justify-self:start}
@media(max-width:700px){.user-book-access-list{grid-template-columns:1fr}}
@media(max-width:800px){.user-row{align-items:flex-start;flex-direction:column}.user-row-actions{justify-content:flex-start}}
@media(max-width:1100px){.user-access-controls{grid-template-columns:1fr}.user-access-controls .user-gente-toggle{white-space:normal}.user-access-message{grid-column:1}}
.user-level-access{grid-column:1/-1;border:1px solid #c9dbe7;border-radius:14px;padding:12px 14px;margin:0;background:#f7fbfd}
.user-level-access legend{padding:0 6px;font-weight:800;color:#173b57}
.user-level-access p{margin:0 0 10px;color:#5e6b75;font-size:13px}
.user-level-access>div{display:flex;flex-wrap:wrap;gap:8px}
.user-level-access label{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #b8d2e2;border-radius:10px;background:#fff;font-weight:800;color:#214d6d;cursor:pointer}
.user-level-access label:has(input:checked){background:#326b93;color:#fff;border-color:#326b93}
.user-level-access label:has(input:disabled){background:#e9f0f4;color:#294c63;cursor:default}
.user-level-access input{margin:0;accent-color:#173b57}
@media(max-width:760px){.user-level-access>div{display:grid;grid-template-columns:repeat(3,1fr)}.user-level-access label{justify-content:center}}

/* 8.3.0 - Security & Stability: beheerknoppen volledig verbergen */
.role-student [data-new-item],
.role-student [data-edit-item],
.role-student [data-delete-item],
.role-student .new-item-btn,
.role-student .delete-btn{
  display:none!important;
}

.development-export{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px;padding:22px;background:#f2f7f4;border:1px solid #cbded1;border-left:6px solid #43815a}
.development-export h3{margin:5px 0 7px;color:var(--navy);font:600 24px Georgia,serif}
.development-export p{margin:0 0 7px;line-height:1.55;color:#344650}.development-export small{color:var(--muted);line-height:1.45}
.development-export-button{flex:0 0 auto;padding:12px 16px;background:#315f48;color:#fff;text-decoration:none;font-weight:800;border-radius:4px;text-align:center}
.development-export-button:hover{background:#244a37}
.admin-task-menu{display:flex;gap:8px;margin:0 0 18px;padding:8px;border:1px solid #d5e2ea;border-radius:16px;background:rgba(241,246,249,.9);overflow-x:auto}.admin-task-menu button{flex:0 0 auto;border:1px solid transparent;border-radius:11px;background:transparent;color:#496373;padding:11px 15px;font:inherit;font-weight:800;cursor:pointer}.admin-task-menu button:hover{background:#fff;border-color:#c8dbe7}.admin-task-menu button.active{background:#3676a3;color:#fff;box-shadow:0 7px 18px rgba(54,118,163,.2)}[data-admin-task-panel][hidden]{display:none!important}.production-promotion-notice{margin-top:14px!important;padding:12px 14px;border:1px solid #e7c998;border-radius:10px;background:#fff8e9;color:#73501e!important}.production-promotion-notice b{display:block;margin-bottom:3px;color:#55370e}
.development-export-actions{display:grid;gap:10px;flex:0 0 auto}.development-export-button.full{background:#8a2c16}.development-export-button.full:hover{background:#682110}.development-export-button.full.busy,.development-export-button.promote.busy{opacity:.75;pointer-events:none}.full-backup-progress{position:relative;overflow:hidden;height:10px;margin:12px 0 0;border-radius:999px;background:#ead8d0}.full-backup-progress div{position:absolute;inset:0;width:45%;border-radius:999px;background:#8a2c16;animation:fullBackupMove 1.1s ease-in-out infinite}@keyframes fullBackupMove{0%{transform:translateX(-115%)}100%{transform:translateX(235%)}}.full-backup-message{min-height:22px;margin:10px 0 0!important;font-weight:800}.full-backup-message.busy{color:#8a2c16}.full-backup-message.success{color:#1f6f43}.full-backup-message.error{color:#b42318}.development-export-button.promote{border:0;background:#b42318;cursor:pointer;font:inherit}.development-export-button.promote:hover{background:#8f1d14}.development-export-button.excel{background:#1f6f43}.development-export-button.excel:hover{background:#185735}.development-export-button.cefr{background:#174f78}.development-export-button.cefr:hover{background:#123e5e}
.relation-import{flex:1 0 100%;display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #cbded1}.relation-import>div{flex:1;display:grid;gap:3px}.relation-import small{max-width:660px}.relation-import em{font-style:normal;font-weight:800}.relation-import input{max-width:290px}.relation-import p{flex-basis:100%;margin:0!important;font-weight:800}.relation-import p.success{color:#1f6f43}.relation-import p.error{color:#b42318}
.admin-environment{font:700 30px Georgia,serif;color:var(--navy);margin:8px 0}.admin-management-hero{margin-bottom:8px}.admin-menu-order{display:grid;gap:18px}.admin-menu-order-intro{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:center;padding:18px 20px;border:1px solid #dce5e9;border-radius:18px;background:#fff}.admin-menu-order-intro b{font-size:1.1rem}.admin-menu-order-intro span{color:var(--muted)}.admin-menu-order-intro button{grid-column:2;grid-row:1/3}.admin-menu-order-intro p{grid-column:1;min-height:20px;margin:0;color:var(--muted)}.admin-menu-order-group{background:#fff;border:1px solid #dce5e9;border-radius:18px;padding:18px 20px}.admin-menu-order-group header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.admin-menu-order-group header h3{margin:2px 0}.admin-menu-group-actions{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.9rem}.admin-menu-group-actions button{border:1px solid #ccd9df;background:#fff;color:var(--navy);border-radius:8px;padding:4px 9px;cursor:pointer;font-weight:800}.admin-menu-group-actions button:disabled{opacity:.35;cursor:default}.admin-menu-order-group ol{list-style:none;padding:0;margin:0;display:grid;gap:7px}.admin-menu-order-group li{display:grid;grid-template-columns:32px 1fr auto auto auto auto;gap:7px;align-items:center;padding:9px 10px;border:1px solid #e5ebee;border-radius:11px}.admin-menu-order-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8f1f6;color:#397ca5;font-weight:800}.admin-menu-order-group li button{border:1px solid #ccd9df;background:#fff;color:var(--navy);border-radius:8px;padding:6px 9px;cursor:pointer}.admin-menu-order-group li button:disabled{opacity:.35;cursor:default}.admin-menu-order-group li button:not(:disabled):hover{background:#eef5f8}.admin-menu-order-group li .admin-menu-transfer{color:#397ca5}@media(max-width:900px){.admin-menu-order-group li{grid-template-columns:28px 1fr auto auto}.admin-menu-order-group li .admin-menu-transfer{grid-row:2}.admin-menu-order-group li .admin-menu-transfer:first-of-type{grid-column:2}.admin-menu-order-group li .admin-menu-transfer:last-of-type{grid-column:3}}@media(max-width:650px){.admin-menu-order-intro{grid-template-columns:1fr}.admin-menu-order-intro button{grid-column:1;grid-row:auto;justify-self:start}.admin-menu-order-intro p{grid-column:1}.admin-menu-order-group header{align-items:flex-start}.admin-menu-order-group li{grid-template-columns:28px 1fr}.admin-menu-order-group li button{grid-column:2;justify-self:start}.admin-menu-order-group li button+button{grid-column:2;grid-row:3}.admin-menu-order-group li .admin-menu-transfer{grid-row:auto}.admin-menu-group-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:700px){.development-export{display:block;padding:16px}.development-export-actions{margin-top:15px}.development-export-button{display:block}.relation-import{display:grid;margin-top:15px}.relation-import input{max-width:100%}.admin-task-menu{margin-inline:-4px}.admin-task-menu button{padding:10px 12px}}

/* Standaardschema bij iedere werkwoordstijd */
.regular-tense-overview{margin:24px 0;background:#fff;border:1px solid var(--line);border-top:5px solid #718f38}
.regular-tense-head{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:18px 20px;background:#f3f7e9}
.regular-tense-head span{color:#617a31;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.regular-tense-head h3{margin:4px 0 0;color:var(--navy);font:600 23px Georgia,serif}
.regular-tense-head p{margin:0;max-width:390px;color:#43525c;font-size:13px}
.regular-tense-scroll{overflow-x:auto}
.regular-tense-table{width:100%;min-width:720px;border-collapse:collapse;font-size:13px}
.regular-tense-table th{background:#e6eedc;color:#415537;text-align:left;white-space:nowrap}
.regular-tense-table th,.regular-tense-table td{padding:9px 11px;border:1px solid #dce3d1}
.regular-tense-table th:nth-child(n+3),.regular-tense-table td:nth-child(n+3){text-align:center}
.regular-tense-table td:nth-child(2){color:#9d2434;font-weight:750;text-align:center}
.regular-tense-table tr:nth-child(even) td{background:#f8faf5}
.regular-tense-table b{color:var(--navy)}
.regular-tense-note{margin:0;padding:13px 20px;background:#fbfcf8;color:var(--muted);font-size:12px;line-height:1.55}
.selected-verb-conjugation{padding:18px}.selected-verb-conjugation .conj{max-width:680px;margin:0 auto}.contextual-patterns{padding:0 18px 18px}
.tense-more-examples{margin-top:12px}.tense-more-examples h3{margin-top:0;color:var(--navy)}.tense-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tense-more-grid .example{margin:0}.tense-more-grid .mini-tag{justify-self:start}@media(max-width:700px){.tense-more-grid{grid-template-columns:1fr}}
.tense-context-example{display:grid;gap:4px;margin-top:13px;padding:12px 14px;background:#fff;border-left:4px solid var(--gold)}.tense-context-example>span{color:var(--red);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.tense-context-example>b{color:var(--navy);font-size:16px}.tense-context-example>small{color:var(--muted);font-size:12px}
.tense-dutch-example{display:grid;gap:4px;margin-top:11px;padding:10px 12px;background:#f7f9fa;border-left:4px solid var(--blue)}.tense-dutch-example>span{color:var(--red);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.tense-dutch-example>b{color:var(--navy);font-size:14px}.tense-dutch-example>small{color:var(--muted);font-size:12px}
.tense-guide{margin:22px 0}.tense-choice{background:#17324d;color:#fff;padding:22px 24px}.tense-choice>span,.tense-explain-grid span{display:block;color:#eadb91;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.tense-choice h3{font:600 24px/1.3 Georgia,serif;margin:7px 0}.tense-choice p{margin:0;color:#dfe8ee;line-height:1.55}.tense-explain-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0;background:#fff}.tense-explain-grid>div{padding:18px 20px}.tense-explain-grid>div+div{border-left:1px solid var(--line)}.tense-explain-grid span{color:var(--red)}.tense-explain-grid p,.tense-contrast p{margin:7px 0 0;line-height:1.6;color:#40515d}.tense-contrast{border:1px solid #e1d59b;background:#fff9df;padding:15px 19px;margin-top:12px}.tense-contrast b{color:var(--navy)}.tense-examples-title{font:600 20px Georgia,serif;color:var(--navy);margin:22px 0 10px}.tense-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tense-example-grid>div{display:grid;gap:8px;background:#fff;border:1px solid var(--line);padding:15px}.tense-example-grid b{font-size:16px}.tense-example-grid span{color:var(--muted);font-size:13px;line-height:1.45}
.tense-register-link{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-top:32px;padding:18px 20px;background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold)}.tense-register-link h3{font:600 20px Georgia,serif;color:var(--navy);margin:0 0 5px}.tense-register-link p{color:var(--muted);line-height:1.5;margin:0}.tense-register-link button{flex:0 0 auto;background:var(--navy);border-color:var(--navy);color:#fff;font-weight:750}
@media(max-width:700px){.regular-tense-head{display:block;padding:14px}.regular-tense-head h3{font-size:19px}.regular-tense-head p{margin-top:8px}.regular-tense-table{min-width:650px;font-size:12px}.regular-tense-table th,.regular-tense-table td{padding:8px}.regular-tense-note{padding:12px 14px}.tense-choice{padding:17px}.tense-choice h3{font-size:21px}.tense-explain-grid,.tense-example-grid{grid-template-columns:1fr}.tense-explain-grid>div+div{border-left:0;border-top:1px solid var(--line)}.tense-register-link{display:block}.tense-register-link button{margin-top:14px;width:100%}}

/* Taalonderscheid: Nederlands blijft lopende tekst, Spaans krijgt één vaste stijl. */
.spanish-inline,.spanish-table-text,.spanish-sentence{color:#4b7185;font-family:inherit}
.spanish-inline{display:inline;padding:0;color:#174f78;font-style:normal;font-weight:400;background:transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.spanish-inline.spanish-focus{font-weight:750;color:var(--terracotta-dark)}
.spanish-sentence{display:inline-block;font-size:1em;font-style:normal;font-weight:650;line-height:1.55}
.spanish-table-text{font-style:normal;font-weight:400}
.spanish-chip{color:#174f78!important;background:#edf5fa!important;border-color:#bad1df!important;font-style:italic}
.spanish-rule-term{color:#174f78;font:normal 400 1em Georgia,"Times New Roman",serif;background:transparent;border:0;padding:0}
.practice-hero{display:grid;grid-template-columns:1fr 150px;gap:24px;align-items:center;background:linear-gradient(135deg,#17324d,#285778);color:#fff;padding:28px 30px;margin-bottom:18px}.practice-hero .eyebrow{color:#eadb91}.practice-hero h2{font:600 39px Georgia,serif;margin:6px 0}.practice-hero p{margin:0;color:#e4edf2;line-height:1.55}.practice-score{padding:16px;text-align:center;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08)}.practice-score b{display:block;font:600 38px Georgia,serif}.practice-score span{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.practice-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.practice-mode-grid button{display:grid;gap:7px;min-height:155px;text-align:left;border:1px solid var(--line);border-top:5px solid var(--gold);background:#fff;padding:20px;cursor:pointer}.practice-mode-grid button:hover{background:#fffaf0;transform:translateY(-1px)}.practice-mode-grid span{color:var(--red);font-size:10px;font-weight:850;letter-spacing:.12em}.practice-mode-grid b{font:600 22px Georgia,serif;color:var(--navy)}.practice-mode-grid small{color:var(--muted);line-height:1.5}.practice-title-row{display:flex;justify-content:space-between;align-items:center}.practice-mini-score{border-radius:99px;background:var(--navy);color:#fff;padding:9px 14px}.practice-settings{display:flex;flex-wrap:wrap;gap:10px;align-items:end;background:#fff;border:1px solid var(--line);padding:15px;margin:16px 0}.practice-settings label{display:grid;gap:5px;color:var(--muted);font-size:11px}.practice-settings select{min-width:175px;border:1px solid #cbd3d8;background:#fff;padding:10px}.practice-settings button,.practice-actions button{border:1px solid var(--navy);background:var(--navy);color:#fff;padding:10px 16px;font-weight:800;cursor:pointer}.practice-card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);padding:22px}.practice-prompt{padding:18px;background:#f5f8fa;margin-bottom:16px}.practice-prompt>span{color:var(--red);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.practice-prompt h3{font:600 27px Georgia,serif;color:var(--navy);margin:7px 0}.practice-prompt p{margin:0;color:var(--muted)}.practice-conjugations{display:grid;gap:9px}.practice-conjugations label{display:grid;grid-template-columns:190px minmax(190px,1fr) minmax(180px,.8fr);gap:12px;align-items:center}.practice-conjugations label>span{display:grid}.practice-conjugations small{color:var(--muted)}.practice-card input,.practice-card textarea{width:100%;box-sizing:border-box;border:1px solid #bdc8ce;padding:11px 12px;font-size:16px}.practice-card input.correct,.practice-card textarea.correct{border-color:#4f8b65;background:#f0f8f3}.practice-card input.wrong,.practice-card textarea.wrong{border-color:#b42318;background:#fff1ef}.practice-conjugations em{font-style:normal;font-size:12px;color:var(--muted)}.practice-conjugations input.correct+em{color:#287044}.practice-conjugations input.wrong+em{color:#b42318}.practice-actions{display:flex;gap:8px;margin-top:15px}.practice-actions button.secondary{background:#fff;color:var(--navy)}.practice-feedback{display:grid;gap:6px;margin-top:13px;padding:12px;background:#f7f9fa}.practice-feedback .good{color:#287044}.practice-feedback .bad{color:#b42318}.practice-empty{padding:28px;border:1px dashed #aebbc3;background:#f7f9fa;color:var(--muted)}
@media(max-width:700px){.practice-hero{grid-template-columns:1fr}.practice-score{max-width:150px}.practice-mode-grid{grid-template-columns:1fr}.practice-conjugations label{grid-template-columns:1fr}.practice-settings{align-items:stretch}.practice-settings label,.practice-settings select,.practice-settings button{width:100%}.practice-title-row{align-items:flex-start;gap:10px}.practice-card{padding:14px}.practice-prompt h3{font-size:22px}}
.regular-tense-table .spanish-inline{padding:0;background:transparent;color:inherit}
.regular-tense-table td b[lang="es"]{color:#174f78;font-family:Georgia,"Times New Roman",serif;font-style:italic}
@media(max-width:700px){.spanish-inline{padding:0}.spanish-sentence{font-size:1em}}

/* Boekcorrecties: klikbare niveaus, robuuste kernregels en persoonlijke uitwerkingen. */
.study-book-cover{font:inherit;color:inherit;text-align:left;cursor:pointer}
.study-book-cover:hover,.study-book-cover:focus-visible{border-color:var(--gold);transform:translateY(-2px)}
.study-step{grid-template-columns:34px minmax(0,1fr);align-items:start}
.study-step>span{box-sizing:border-box;flex:none;min-width:27px;min-height:27px;line-height:27px;padding:0;text-align:center;overflow:hidden;position:relative;z-index:1}
.study-step p{min-width:0;overflow-wrap:anywhere}
.learning-hero{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:24px;align-items:center;background:linear-gradient(135deg,#17324d,#285778);color:#fff;padding:30px;margin-bottom:20px}.learning-hero .eyebrow{color:#eadb91}.learning-hero h2{font:600 39px Georgia,serif;margin:7px 0}.learning-hero p{margin:0;color:#e5edf2;line-height:1.6}.learning-hero aside{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);padding:17px;text-align:center}.learning-hero aside b{display:block;font:600 38px Georgia,serif}.learning-hero aside span,.learning-hero aside small{display:block;color:#eadb91;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.learning-choice-grid,.learning-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:24px}.learning-choice-grid button,.learning-level-card{display:grid;gap:7px;min-height:145px;text-align:left;border:1px solid var(--line);border-top:5px solid var(--gold);background:#fff;padding:20px;cursor:pointer}.learning-choice-grid button:hover,.learning-level-card:hover{background:#fffaf0;transform:translateY(-1px)}.learning-choice-grid span,.learning-level-card span{color:var(--red);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.learning-choice-grid b,.learning-level-card b{font:600 22px Georgia,serif;color:var(--navy)}.learning-choice-grid small,.learning-level-card small{color:var(--muted);line-height:1.5}.learning-level-card em{font-style:normal;color:var(--blue);font-weight:800}.learning-to-practice{border-top-color:var(--red)!important}
@media(max-width:850px){.learning-hero{grid-template-columns:1fr}.learning-choice-grid,.learning-level-grid{grid-template-columns:1fr}}
.study-supplement h3{font:600 23px Georgia,serif;color:var(--navy);margin:5px 0 8px}
.translate-page{max-width:980px;margin:0 auto}.translate-workspace{display:grid;gap:18px;margin-top:0;padding:26px;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(45,48,37,.08)}.translate-direction{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end}.translate-direction label{display:grid;gap:7px;color:#6d7f89;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.translate-direction select{width:100%;padding:12px;border:1px solid #bdcbd2;border-radius:9px;background:#fff;color:var(--navy);font-size:16px}.translate-direction button{width:45px;height:45px;border:0;border-radius:50%;background:#edf3f6;color:var(--navy);font-size:22px;cursor:pointer}.translate-field{display:grid;gap:8px}.translate-field>span{color:var(--navy);font-weight:850}.translate-field textarea{box-sizing:border-box;width:100%;min-height:145px;padding:16px;border:1px solid #aebfc8;border-radius:10px;color:var(--navy);font:17px/1.55 inherit;resize:vertical}.translate-field small{text-align:right;color:var(--muted)}.translate-submit{justify-self:start;padding:12px 22px;border:0;border-radius:9px;background:var(--navy);color:#fff;font-weight:850;cursor:pointer}.translate-submit.busy{cursor:wait;opacity:.7}.translate-result{padding:20px;border-left:5px solid var(--gold);border-radius:9px;background:#f3f7f8}.translate-result>span{color:var(--red);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.translate-result p{margin:8px 0 15px;color:var(--navy);font:600 24px/1.4 Georgia,serif;white-space:pre-wrap}.translate-result button{padding:8px 12px;border:1px solid #8ba0ad;background:#fff;color:var(--navy);font-weight:750;cursor:pointer}.translate-note{margin:14px 4px;color:var(--muted);font-size:13px}.nav-translate:before{content:"⇄";margin-right:7px;color:var(--red);font-weight:900}@media(max-width:700px){.translate-workspace{padding:17px}.translate-direction{grid-template-columns:1fr auto 1fr;gap:8px}.translate-result p{font-size:21px}}
.search-knowledge{display:grid;gap:8px;margin:18px 0 26px}.search-knowledge>h3{margin:0 0 4px;color:var(--navy)}.search-knowledge>button{display:grid;grid-template-columns:130px minmax(180px,1fr) 1.4fr;gap:14px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;padding:12px 14px;cursor:pointer}.search-knowledge>button:hover{border-color:var(--gold);background:#fffdf4}.search-knowledge>button span{color:var(--red);font-size:11px;font-weight:800;text-transform:uppercase}.search-knowledge>button b{color:var(--navy)}.search-knowledge>button small{color:var(--muted)}.verb-family small{margin-left:4px;opacity:.7}
.search-results{margin-top:22px}.search-results>h3{margin:0 0 10px;color:var(--navy)}.search-result-group{margin:12px 0 18px;padding:0 0 10px;border:1px solid var(--line);background:#fff}.search-result-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;background:#f7f3e9;border-bottom:1px solid var(--line)}.search-result-group>header h3{margin:0;color:var(--navy);font:600 18px Georgia,serif}.search-result-group>header span{color:var(--muted);font-size:12px}.search-result-group .list{border:0}
.search-concept-suggestions{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,2fr);gap:18px;margin:20px 0;padding:20px;border:1px solid #c8ddea;border-radius:18px;background:linear-gradient(135deg,#eaf6fc,#f3f1fb 58%,#fff5f1)}
.search-concept-copy{display:grid;align-content:start;gap:5px}.search-concept-copy span{color:#2f7197;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.search-concept-copy b{color:var(--navy);font:700 21px Georgia,serif}.search-concept-copy small{color:var(--muted);line-height:1.45}
.search-concept-terms{display:flex;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:8px}.search-concept-terms button{padding:8px 12px;border:1px solid #b9d5e5;border-radius:999px;background:#fff;color:#2f6285;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.search-concept-terms button:hover,.search-concept-terms button:focus-visible{border-color:#2f7197;background:#dff1fa;outline:none}
@media(max-width:760px){.search-concept-suggestions{grid-template-columns:1fr;padding:15px}.search-concept-terms{gap:6px}.search-concept-terms button{padding:7px 10px;font-size:12px}}
.example-sentence-meta{grid-column:2/-1;color:#69808f;font-size:12px;font-weight:700;letter-spacing:.01em}
.example-sentence-row[data-example-details]{cursor:pointer}
.example-sentence-row[data-example-details]:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.example-sentence-row .example-sentence-meta[hidden]{display:none!important}
.search-knowledge-wrap{margin-top:28px}.search-knowledge-wrap>h3{margin:0 0 10px;color:var(--navy);font:600 22px Georgia,serif}.search-knowledge-group{margin:0 0 14px}.search-knowledge-group>h3{font-size:17px!important}
.grammar-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px}.grammar-quick-grid button{display:grid;gap:6px;text-align:left;border:1px solid var(--line);border-left:5px solid var(--gold);background:#fff;padding:15px 16px;cursor:pointer}.grammar-quick-grid button:hover{background:#fffaf0;border-color:#d7c26f}.grammar-quick-grid span{color:var(--red);font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.grammar-quick-grid b{font:600 20px Georgia,serif;color:var(--navy)}@media(max-width:800px){.grammar-quick-grid{grid-template-columns:1fr}}
.grammar-reading-page{background:#fff;border:1px solid var(--line);padding:32px 38px;margin-bottom:22px}.grammar-reading-page>.lead{max-width:900px}.grammar-reading-section{max-width:960px;margin:26px 0 0;padding-top:20px;border-top:1px solid #edf0f2}.grammar-reading-section:first-of-type{border-top:0;padding-top:0}.grammar-reading-section h3{font:600 25px Georgia,serif;color:var(--navy);margin:0 0 10px}.grammar-reading-section .grammar-text{color:#344650;font-size:16px;line-height:1.75}.grammar-deepening{margin:28px 0 12px;padding:20px 22px;background:#fffaf0;border:1px solid #e4d49a;border-left:6px solid var(--gold)}.grammar-deepening h3{font:600 24px Georgia,serif;color:var(--navy);margin:5px 0 8px}.grammar-deepening p{margin:0;color:var(--muted);line-height:1.55}@media(max-width:700px){.grammar-reading-page{padding:23px 20px}.grammar-reading-section h3{font-size:22px}}
.grammar-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.grammar-example-grid article{display:grid;gap:5px;padding:14px 15px;background:#f6f9fb;border:1px solid #dfe8ed;border-left:4px solid var(--blue)}.grammar-example-grid article b{font-size:16px}.grammar-example-grid article span{color:#4d5d68}.grammar-example-grid article small{color:var(--muted);line-height:1.45}.grammar-level-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}.grammar-level-path article{padding:13px;background:linear-gradient(145deg,#f3f8fc,#fff8f4);border:1px solid #dfe6ea}.grammar-level-path article>span{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--navy);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em}.grammar-level-path p{margin:9px 0 0;line-height:1.5;font-size:14px}.grammar-table-scroll{max-width:100%;overflow-x:auto;margin:15px 0}.grammar-table-scroll .conj{min-width:620px}.grammar-warning{margin:16px 0;padding:14px 16px;background:#fff8e8;border:1px solid #ead9a5;border-left:5px solid var(--gold);line-height:1.6}.grammar-warning b{color:#715800}@media(max-width:800px){.grammar-level-path{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.grammar-example-grid,.grammar-level-path{grid-template-columns:1fr}.grammar-example-grid article{padding:12px}.grammar-table-scroll .conj{min-width:560px}}
/* Rustige lijstweergave voor startschermen met veel kaarten. */
.practice-mode-grid,.learning-choice-grid,.learning-level-grid,.study-book-shelf,.grammar-quick-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.practice-mode-grid button,.learning-choice-grid button,.learning-level-card,.study-book-cover,.grammar-quick-grid button{display:grid!important;grid-template-columns:minmax(120px,.34fr) minmax(220px,.7fr) minmax(280px,1fr) auto;gap:14px;align-items:center;min-height:0!important;text-align:left;border:1px solid var(--line)!important;border-left:5px solid var(--gold)!important;border-top:1px solid var(--line)!important;background:#fff!important;padding:13px 16px!important;box-shadow:none!important}
.practice-mode-grid button:hover,.learning-choice-grid button:hover,.learning-level-card:hover,.study-book-cover:hover,.grammar-quick-grid button:hover{background:#fffdf4!important;transform:none!important;border-color:#d9c36f!important}
.practice-mode-grid span,.learning-choice-grid span,.learning-level-card span,.grammar-quick-grid span,.study-book-level{color:var(--red)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.1em!important;text-transform:uppercase!important}
.practice-mode-grid b,.learning-choice-grid b,.learning-level-card b,.study-book-cover h3,.grammar-quick-grid b{margin:0!important;font:600 20px Georgia,serif!important;color:var(--navy)!important}
.practice-mode-grid small,.learning-choice-grid small,.learning-level-card small,.study-book-cover p{margin:0!important;color:var(--muted)!important;line-height:1.45!important}
.learning-level-card em,.study-book-cover>span{justify-self:end;font-style:normal;color:var(--blue)!important;font-weight:800!important;white-space:nowrap}
.learning-to-practice{border-left-color:var(--red)!important}
@media(max-width:850px){.practice-mode-grid button,.learning-choice-grid button,.learning-level-card,.study-book-cover,.grammar-quick-grid button{grid-template-columns:1fr;gap:6px}.learning-level-card em,.study-book-cover>span{justify-self:start}}
.study-supplement{margin:24px 0;padding:19px;border-left:5px solid var(--navy);background:#f4f7f9}
.study-supplement>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
.study-supplement>div>span{background:#fff;border:1px solid #dce3e7;padding:9px}
.comparison-supplement{overflow:auto}.comparison-supplement h4{margin:18px 0 8px;color:var(--navy);font:600 18px Georgia,serif}.comparison-pairs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}.comparison-pairs span{display:grid;gap:4px}.comparison-pairs small{color:var(--muted)}
.preposition-supplement .spanish-supplement-text{color:var(--cs-spanish-blue,#2d7396)!important}
@media(max-width:600px){.study-step{grid-template-columns:29px minmax(0,1fr);gap:8px;padding:11px 9px}.study-step>span{width:25px;height:25px;min-width:25px}.study-supplement>div{grid-template-columns:1fr}}

/* Uitgebreide werkwoordgidsen A1-B1. */
.verb-deep-dive{margin:20px 0;padding:26px;background:#fff;border:1px solid var(--line);border-top:6px solid var(--gold)}
.verb-deep-dive>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #e5eaed;padding-bottom:15px}
.verb-deep-dive>header h3{font:600 28px Georgia,serif;color:var(--navy);margin:6px 0 0}.verb-deep-dive>header>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#eef4f7;color:var(--navy);padding:7px 9px}
.verb-deep-core{font-size:17px;line-height:1.7;color:#334a58;margin:19px 0}
.verb-deep-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.verb-deep-dive h4{font:600 17px Georgia,serif;color:var(--navy);margin:14px 0 8px}.verb-deep-dive ul{padding-left:20px;line-height:1.65}.verb-deep-dive dl{margin:0}.verb-deep-dive dl>div{display:grid;grid-template-columns:minmax(150px,.9fr) 1fr;gap:12px;border-top:1px solid #e9edef;padding:9px 0}.verb-deep-dive dt{font-weight:700}.verb-deep-dive dd{margin:0;color:#52616a}.verb-deep-contrast,.verb-deep-pitfalls,.verb-deep-exercise{margin-top:17px;padding:15px 17px;background:#f5f7f8;border-left:4px solid var(--navy)}.verb-deep-pitfalls{background:#fff7f3;border-left-color:var(--red)}.verb-deep-pitfalls p{margin:6px 0}.verb-deep-exercise{background:#fbf8e9;border-left-color:var(--gold)}.verb-deep-exercise button{border:1px solid var(--navy);background:var(--navy);color:#fff;padding:8px 12px;cursor:pointer}
@media(max-width:700px){.verb-deep-dive{padding:17px}.verb-deep-grid{grid-template-columns:1fr;gap:4px}.verb-deep-dive>header{display:block}.verb-deep-dive>header>span{display:inline-block;margin-top:10px}.verb-deep-dive dl>div{grid-template-columns:1fr;gap:3px}.verb-deep-dive>header h3{font-size:23px}}

/* Eén samenhangend menu: rustige basis, lichte groepering en één oefenaccent. */
.nav .nav-shortcut{background:transparent;border:0;margin:0;color:#304552;font-weight:760}
.nav .nav-shortcut:hover{background:#f1f5f7}
.nav button[data-page="topics"]{margin-top:14px;padding-top:15px;border-top:1px solid #dce4e8}
.nav .nav-study,.nav .nav-practice{position:relative;padding-left:36px;border:0;box-shadow:none;font-weight:850}
.nav .nav-study{margin:12px 0 7px}
.nav .nav-study{background:#fff0f1;border-left:3px solid #b51d38;color:#942039}
.nav .nav-study::before{content:"✦";position:absolute;left:14px;color:#b51d38;font-size:16px;line-height:1}
.nav .nav-study:hover{background:#fbe0e3}
.nav button.nav-study.active{padding-left:36px;border-left:3px solid #94132c;background:#f2cdd3;color:#742038}
.nav .nav-study.active::before{color:#94132c}
.nav .nav-practice{margin:7px 0 10px;padding-top:11px;padding-bottom:11px;background:#fbf7e8;border-left:3px solid #d1a400;color:#73590e}
.nav .nav-practice::before{content:"✦";position:absolute;left:14px;color:#b08700;font-size:16px;line-height:1}
.nav .nav-practice:hover{background:#f7efcf;transform:none}
.nav button.nav-practice.active{padding-left:36px;border-left:3px solid #b98d00;background:#f2e2a5;color:#344a59}
.nav .nav-practice.active::before{color:#73590e}
.nav .nav-later{margin-top:14px;padding-top:15px;border-top:1px solid #dce4e8}
.module-switch{margin:14px 8px 16px;padding:11px 10px 12px;border:1px solid #dbe4e8;background:#f8fafb}.module-switch .nav-label{margin:0 0 8px}.module-switch .nav-level-scope{margin:0}.nav-level-scope{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 10px 16px}.nav-level-scope button{border:1px solid #d3dde2;background:#fff;color:#40515d;padding:7px 5px;cursor:pointer;font-size:12px;font-weight:800}.nav-level-scope button:first-child{grid-column:1/-1}.nav-level-scope button:hover{background:#fffaf0;border-color:var(--gold)}.nav-level-scope button.active{background:var(--navy);border-color:var(--navy);color:#fff}
.practice-workspace{max-width:1080px}
.practice-back{margin-bottom:20px;color:#356b97;font-weight:760}
.practice-title-row{align-items:flex-end;gap:24px;padding:7px 0 21px;border-bottom:1px solid #dce5e9}
.practice-title-row .eyebrow{margin-bottom:7px}.practice-title-row .title{margin:0;color:var(--navy);font-size:34px;line-height:1.1}.practice-title-row p{margin:8px 0 0;color:#647582;font-size:16px}
.practice-mini-score{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:5px;min-width:105px;border-radius:0;background:var(--navy);padding:10px 14px;text-align:right;box-shadow:0 3px 9px rgba(21,50,77,.14)}
.practice-mini-score span{grid-column:1 / -1;margin-bottom:2px;color:#dbe5eb;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.practice-mini-score b{font:600 25px Georgia,serif}.practice-mini-score em{font-style:normal;color:#dbe5eb;font-size:15px}
.practice-settings{position:relative;gap:12px;align-items:end;margin:18px 0;background:#f2f6f8;border:1px solid #d8e2e7;border-left:5px solid #7898ab;padding:25px 18px 16px}.practice-settings::before{content:"Instellingen";position:absolute;top:8px;left:18px;color:#627782;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.practice-settings label{gap:6px;color:#4c626f;font-size:12px;font-weight:720}.practice-settings select,.practice-settings input{min-width:190px;box-sizing:border-box;border:1px solid #bfcdd4;background:#fff;padding:10px 12px;font:inherit;color:#273c48}.practice-settings .practice-verb-choice input{width:205px}.practice-settings button,.practice-actions button{padding:10px 18px;letter-spacing:.01em}
html[data-ui-language="en"] .practice-settings::before{content:"Settings"}
.practice-card{max-width:900px;padding:18px;border:1px solid #d9e2e6;border-top:5px solid var(--gold);box-shadow:0 4px 15px rgba(21,50,77,.06)}.practice-prompt{margin-bottom:16px;padding:17px 20px;background:linear-gradient(100deg,#f2f6f8,#fafcfc);border-left:4px solid var(--navy)}.practice-prompt h3{margin:6px 0 5px;font-size:30px;line-height:1.16}.practice-prompt p{font-size:15px}.practice-answer-label{display:block;margin:0 0 7px;color:#526a78;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.practice-card .practice-translation-answer{min-height:116px;padding:15px 16px;border-color:#b6c7d1;background:#fff;font-family:inherit;font-size:17px;line-height:1.55;color:#174f78;resize:vertical}.practice-card .practice-translation-answer::placeholder{color:#8b9aa3;opacity:1}.practice-actions{margin-top:13px}.practice-actions button.secondary{background:#f8fafb;border-color:#8aa0ae;color:#29465d}.practice-feedback{border-left:4px solid #7898ab;background:#f2f6f8}
.practice-verb-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.practice-verb-heading h3{margin:0}.practice-tense-badge{flex:none;padding:8px 12px;background:var(--navy);color:#fff;font-size:15px;font-weight:850;letter-spacing:.02em;text-transform:none}.practice-verb-prompt p{margin-top:8px}
@media(max-width:700px){.nav .nav-practice{margin:9px 0}.practice-title-row{align-items:flex-start;padding-bottom:16px}.practice-title-row .title{font-size:28px}.practice-title-row p{font-size:14px}.practice-mini-score{min-width:88px;padding:8px 10px}.practice-mini-score b{font-size:21px}.practice-settings{padding:27px 13px 13px}.practice-settings::before{left:13px}.practice-card{padding:13px}.practice-prompt{padding:14px}.practice-prompt h3{font-size:24px}.practice-verb-heading{align-items:flex-start;gap:10px}.practice-tense-badge{padding:7px 8px;font-size:12px;text-align:right}.practice-card .practice-translation-answer{min-height:100px}.topic-category-grid{grid-template-columns:1fr}.topic-category-card{min-height:108px}}

/* Alle oefenkaarten: één rustige, herkenbare kaartopbouw. */
.practice-card{max-width:920px;padding:0;overflow:hidden;border:1px solid #d5e0e5;border-top:5px solid var(--gold);border-radius:4px;background:#fff;box-shadow:0 5px 18px rgba(21,50,77,.07)}
.practice-card .practice-prompt{margin:0;padding:24px 28px 20px;border:0;border-bottom:1px solid #dbe5e9;background:linear-gradient(120deg,#edf3f6 0%,#f9fbfc 100%)}
.practice-card .practice-card-type{display:table;margin:0 0 11px;padding:5px 8px;background:#fff;color:#a91f36;font-size:10px;line-height:1;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.practice-card .practice-prompt h3{display:block;margin:0;color:var(--navy);font-size:34px;line-height:1.08}.practice-card .practice-prompt p{margin:9px 0 0;color:#617480;line-height:1.45}
.practice-card>.practice-answer-label{margin:20px 28px 7px}.practice-card>.practice-translation-answer{display:block;width:calc(100% - 56px);margin:0 28px}.practice-card>.practice-actions{margin:14px 28px 20px}.practice-card>.practice-feedback{margin:0 28px 22px}
.practice-translation-card .practice-prompt h3.spanish-sentence{font-style:italic}.practice-translation-card .practice-prompt h3:not(.spanish-sentence){font-family:Georgia,"Times New Roman",serif}
.practice-card>.practice-conjugations{padding:20px 28px 3px}.practice-card>.practice-conjugations+.practice-actions{margin:14px 28px 20px}
.practice-card .practice-actions button{min-height:42px}.practice-card .practice-actions button.secondary{background:#fff;border-color:#aabac3}.practice-card .practice-feedback{padding:13px 15px;border:1px solid #dae4e8;border-left:4px solid #7898ab}
.practice-card .practice-verb-prompt{padding-bottom:19px}.practice-card .practice-verb-prompt .practice-tense-badge{box-shadow:0 2px 5px rgba(21,50,77,.12)}
.practice-special-card .practice-number-display{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:43px;letter-spacing:.04em;font-style:normal}
.vocab-quiz-card .practice-prompt{display:flex;align-items:center;justify-content:center;min-height:210px;text-align:center;padding:32px 28px}.vocab-quiz-card .practice-prompt h3{font-size:56px}.vocab-answer{margin:24px 28px 4px;padding:24px;border:1px solid #d9e2e6;background:#fffdf4;text-align:center}.vocab-answer span{display:block;margin-bottom:8px;color:#a91f36;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.vocab-answer b{font:600 34px Georgia,serif;color:var(--navy)}
.vocab-round-status{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid #d9e2e6;background:#fff}.vocab-round-status span{color:#a91f36;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.vocab-round-status b{color:var(--navy)}.vocab-round-complete .practice-prompt{flex-direction:column}.vocab-round-complete .practice-prompt p{max-width:560px;margin:10px auto 0;color:#60717b;font-size:18px}
.practice-settings #practiceShowVocabulary.secondary{background:#fff;color:var(--navy)}.vocab-overview{margin:-4px 0 18px;border:1px solid #d7e1e6;background:#fff}.vocab-overview-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border-bottom:1px solid #d7e1e6;background:#f7f4ec}.vocab-overview-heading span{color:var(--red);font-size:10px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.vocab-overview-heading h3{margin:3px 0 0;color:var(--navy);font:600 22px Georgia,serif}.vocab-overview-heading>b{flex:none;color:var(--navy)}.vocab-overview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px;overflow:auto}.vocab-overview-list>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(150px,1fr);gap:4px 18px;padding:12px 16px;border-bottom:1px solid #e4eaed}.vocab-overview-list>div:nth-child(odd){border-right:1px solid #e4eaed}.vocab-overview-list>div>b{color:#075f96;font-family:Georgia,"Times New Roman",serif;font-size:16px}.vocab-overview-list>div>b .spanish-inline{color:#075f96!important}.vocab-overview-list>div>span{color:#a33f32;font-weight:700}.vocab-overview-list small{grid-column:1/-1;color:#7a8992;font-size:11px}
@media(max-width:700px){.vocab-overview-list{grid-template-columns:1fr;max-height:440px}.vocab-overview-list>div{grid-template-columns:1fr}.vocab-overview-list>div:nth-child(odd){border-right:0}.vocab-overview-list small{grid-column:1}.vocab-overview-heading{align-items:flex-start}}
.learning-practice-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 18px;border:1px solid #cfd9df;background:#fff}.learning-practice-tabs button{min-height:48px;border:0;background:#fff;color:var(--navy);font-weight:850;cursor:pointer}.learning-practice-tabs button+button{border-left:1px solid #cfd9df}.learning-practice-tabs button.active{background:var(--navy);color:#fff}.learning-practice-tabs button:hover:not(.active){background:#f7f4ec}.relation-map-actions [hidden]{display:none!important}.relation-learning-active .generic-map-node:not(.structural){min-height:70px;padding:0;perspective:800px}.relation-learning-active .generic-map-node:not(.structural)>.generic-card-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.25,1)}.relation-learning-active .generic-map-node:not(.structural) .generic-card-front,.relation-learning-active .generic-map-node:not(.structural) .generic-card-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:9px;backface-visibility:hidden;-webkit-backface-visibility:hidden}.relation-learning-active .generic-map-node:not(.structural) .generic-card-front{transform:rotateY(180deg);color:#174f78;font:700 14px Georgia,serif}.relation-learning-active .generic-map-node:not(.structural) .generic-card-back{transform:none;color:#353f47;font:800 13px Inter,system-ui,sans-serif}.relation-learning-active .generic-map-node.flipped>.generic-card-inner{transform:rotateY(180deg)}.relation-learning-active .generic-map-node.flipped{z-index:5;border-color:#a33f32;background:#fff8f5;box-shadow:0 9px 24px rgba(23,50,77,.17)}.relation-learning-active .generic-translation,.relation-learning-active .generic-example>span{display:none}.relation-learning-active .generic-info-panel{border-top-color:#075f96}.relation-learning-active .generic-info-panel:before{content:"Relaties blijven zichtbaar terwijl je de kaartjes omdraait";display:block;margin-bottom:10px;color:#657984;font-size:11px}
@media(max-width:700px){.learning-practice-tabs{position:sticky;top:0;z-index:15;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.relation-learning-active .generic-map-node:not(.structural)>.generic-card-inner{transition:none}}

/* In de omdraaistand reageren ook de Spaanse hoofd- en groepskaartjes. */
.relation-learning-active .generic-map-node.structural,
.relation-learning-active .generic-root-focus[data-generic-focus]{perspective:800px;cursor:pointer}
.relation-learning-active .generic-map-node.structural>.generic-card-inner,
.relation-learning-active .generic-root-focus[data-generic-focus]>.generic-card-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.25,1)}
.relation-learning-active .generic-map-node.structural .generic-card-front,
.relation-learning-active .generic-map-node.structural .generic-card-back,
.relation-learning-active .generic-root-focus[data-generic-focus] .generic-card-front,
.relation-learning-active .generic-root-focus[data-generic-focus] .generic-card-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;padding:9px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.relation-learning-active .generic-map-node.structural .generic-card-front,
.relation-learning-active .generic-root-focus[data-generic-focus] .generic-card-front{transform:rotateY(180deg)}
.relation-learning-active .generic-map-node.structural .generic-card-back,
.relation-learning-active .generic-root-focus[data-generic-focus] .generic-card-back{transform:none}
.relation-learning-active .generic-map-node.structural.flipped>.generic-card-inner,
.relation-learning-active .generic-root-focus[data-generic-focus].flipped>.generic-card-inner{transform:rotateY(180deg)}
.relation-learning-active .generic-root-focus[data-generic-focus]{position:relative;min-height:68px}
.relation-learning-active .generic-root-focus[data-generic-focus].flipped{border-radius:8px;background:#fff8f5;box-shadow:0 9px 24px rgba(23,50,77,.17)}
@media(prefers-reduced-motion:reduce){.relation-learning-active .generic-map-node.structural>.generic-card-inner,.relation-learning-active .generic-root-focus[data-generic-focus]>.generic-card-inner{transition:none}}
@media(max-width:700px){.practice-card{padding:0}.practice-card .practice-prompt{padding:18px}.practice-card .practice-prompt h3{font-size:27px}.practice-card>.practice-answer-label{margin:17px 18px 7px}.practice-card>.practice-translation-answer{width:calc(100% - 36px);margin:0 18px}.practice-card>.practice-actions{margin:13px 18px 18px;flex-wrap:wrap}.practice-card>.practice-feedback{margin:0 18px 18px}.practice-card>.practice-conjugations{padding:17px 18px 2px}.practice-card>.practice-conjugations+.practice-actions{margin:13px 18px 18px}}

/* Gente que lee: zelfstandig digitaal leesboek. */
.nav .nav-reader{position:relative;margin:0 0 7px;padding:8px 11px 8px 36px;color:#9a2740;font-size:13px;font-weight:760}.nav .nav-reader::before{content:"↗";position:absolute;left:15px;color:#b51d38;font-size:16px;line-height:1}.nav .nav-reader:hover{background:#fff0f1}.nav button.nav-reader.active{padding-left:36px;background:#f8dfe3;color:#7c1d33;border-left:3px solid #b51d38}

:root{--level-accent:#334155;--level-dark:#17324d;--level-soft:#f4f7f8;--level-menu-top:#fbfaf7;--level-menu-bottom:#eef2f3;--level-special-bg:transparent;--level-special-hover:#f4f7f8}
body[data-learning-level="A1"]{--level-accent:#5b8fa8;--level-dark:#24577d;--level-soft:#eef5f8;--level-menu-top:#fbfdfe;--level-menu-bottom:#edf4f7;--level-special-bg:transparent;--level-special-hover:#eef5f8}
body[data-learning-level="A2"]{--level-accent:#3f7c8c;--level-dark:#245666;--level-soft:#edf6f7;--level-menu-top:#fbfdfd;--level-menu-bottom:#edf5f5;--level-special-bg:transparent;--level-special-hover:#edf6f7}
body[data-learning-level="B1"]{--level-accent:#4b8063;--level-dark:#2e6049;--level-soft:#eff6f1;--level-menu-top:#fbfdfb;--level-menu-bottom:#edf5ef;--level-special-bg:transparent;--level-special-hover:#eff6f1}
body[data-learning-level="B2"]{--level-accent:#a17f36;--level-dark:#735b22;--level-soft:#faf6e9;--level-menu-top:#fffdf8;--level-menu-bottom:#f5efdc;--level-special-bg:transparent;--level-special-hover:#faf6e9}
body[data-learning-level="C1"]{--level-accent:#a35d45;--level-dark:#7a3f31;--level-soft:#fbf1ed;--level-menu-top:#fffaf8;--level-menu-bottom:#f7ebe6;--level-special-bg:transparent;--level-special-hover:#fbf1ed}
body[data-learning-level="C2"]{--level-accent:#7c3f4d;--level-dark:#5c2937;--level-soft:#f9f0f2;--level-menu-top:#fffafb;--level-menu-bottom:#f5e9ec;--level-special-bg:transparent;--level-special-hover:#f9f0f2}
.side{background:linear-gradient(180deg,var(--level-menu-top) 0%,var(--level-menu-bottom) 100%);border-right-color:#d5e2e9}
.brand{border-bottom-color:#d7e4eb}.brand-title{color:#17324d}.brand .by{color:#4f91b5}.brand .rule{background:linear-gradient(90deg,transparent,#a9d7ef,var(--level-accent),#a9d7ef,transparent)}
.nav-label{color:#6e8795}.nav button{border-radius:6px}.nav button:hover{background:#fff}.nav button.active{background:#fff;color:var(--navy);border-left:4px solid var(--level-accent);box-shadow:0 3px 10px rgba(23,50,77,.08)}
.module-switch{background:#fff;border-color:#d5e2e9;box-shadow:0 3px 10px rgba(23,50,77,.05)}.nav-level-scope button.active{background:var(--level-dark);border-color:var(--level-dark);color:#fff}
.nav .nav-study,.nav .nav-reader,.nav .nav-learning,.nav .nav-practice{background:transparent!important;border-left:3px solid var(--level-accent)!important;color:#30414d!important;font-weight:650}
.nav .nav-study::before,.nav .nav-reader::before,.nav .nav-learning::before,.nav .nav-practice::before{color:var(--level-accent)!important}
.nav .nav-study:hover,.nav .nav-reader:hover,.nav .nav-learning:hover,.nav .nav-practice:hover{background:var(--level-special-hover)!important;color:var(--level-dark)!important}
.nav button.nav-study.active,.nav button.nav-reader.active,.nav button.nav-learning.active,.nav button.nav-practice.active{background:#fff!important;border-left-color:var(--level-dark)!important;color:var(--navy)!important}
.nav button.nav-study.active::before,.nav button.nav-reader.active::before,.nav button.nav-learning.active::before,.nav button.nav-practice.active::before{color:var(--level-dark)!important}
.gente-reader-hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:25px;align-items:stretch;padding:31px 33px;background:linear-gradient(135deg,#1c344c,#31546a);color:#fff}.gente-reader-hero .eyebrow{color:#f3a18f}.gente-reader-hero h2{margin:7px 0 10px;font:600 39px Georgia,serif}.gente-reader-hero p{max-width:620px;margin:0 0 23px;color:#e4edf1;line-height:1.6}.gente-reader-button{display:inline-flex;align-items:center;gap:18px;padding:12px 16px;background:#fff;color:#17324d;text-decoration:none;font-weight:850}.gente-reader-button span{color:#b51d38;font-size:19px}.gente-reader-hero aside{display:flex;flex-direction:column;justify-content:center;padding:18px 22px;background:#ef745f;color:#fff}.gente-reader-hero aside span{font-size:11px;font-weight:850;letter-spacing:.13em}.gente-reader-hero aside b{margin:6px 0;font:700 34px/.9 Georgia,serif;letter-spacing:.06em}.gente-reader-hero aside small{font-weight:750}.gente-reader-note{display:flex;gap:18px;align-items:flex-start;margin-top:17px;padding:17px 20px;background:#fff;border:1px solid var(--line)}.gente-reader-note b{color:#a51e38}.gente-reader-note p{margin:0;color:#62727c;line-height:1.55}
@media(max-width:700px){.gente-reader-hero{grid-template-columns:1fr;padding:21px}.gente-reader-hero h2{font-size:30px}.gente-reader-hero aside{display:none}.gente-reader-note{display:block}.gente-reader-note p{margin-top:6px}}

/* Rustige startpagina en gegroepeerde hoofdnavigatie. */
.nav-group-label{display:block;margin:20px 10px 6px;color:#6e7d88;font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.nav-group-label:first-child{margin-top:8px}.nav-group-label.admin-only[hidden]{display:none}.nav .nav-later{margin-top:0;border-top:0;padding-top:11px}
.nav-group-label.nav-learning-practice-label{color:var(--red,#a91f36)}
.nav-group-label.nav-online-path-label{text-transform:none;letter-spacing:.08em;font-size:11px}
.central-practice-card:has([data-go="relationmapspractice"]){order:-1}
.learning-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.landing-hero{position:relative;overflow:hidden;padding:38px 40px 34px;border-top:7px solid var(--level-accent);background:linear-gradient(135deg,var(--level-soft),#fff 72%);box-shadow:0 9px 28px rgba(23,50,77,.08)}.landing-hero:after{content:attr(data-level);position:absolute;right:25px;bottom:-35px;color:var(--level-accent);opacity:.06;font:700 150px/1 Georgia,serif}.landing-hero .eyebrow{color:var(--level-dark)}.landing-hero h1{max-width:760px;margin:7px 0 12px;color:var(--navy);font:600 45px/1.12 Georgia,serif}.landing-hero p{max-width:760px;margin:0;color:#52636e;font-size:17px;line-height:1.65}.landing-level{display:inline-block;margin-top:22px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--level-accent) 35%,#fff);background:#fff;color:#596973;font-size:12px}.landing-level b{color:var(--level-dark)}
.landing-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.landing-primary>button{min-height:185px;padding:24px;border:1px solid #dce3e7;border-top:5px solid var(--level-accent);background:#fff;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.landing-primary>button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(23,50,77,.1)}.landing-primary span,.landing-continue span{display:block;color:var(--level-dark);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.landing-primary b,.landing-continue b{display:block;margin:8px 0;color:var(--navy);font:600 24px Georgia,serif}.landing-primary small,.landing-continue small{display:block;color:#65757f;line-height:1.5}.landing-primary em,.landing-continue em{display:block;margin-top:21px;color:var(--level-dark);font-style:normal;font-weight:800}.landing-lower{display:grid;gap:14px}.landing-continue{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(220px,1fr) minmax(180px,.8fr) auto;gap:18px;align-items:center;width:100%;padding:19px 22px;border:1px solid #dce3e7;border-left:5px solid var(--level-accent);background:#fff;text-align:left;cursor:pointer}.landing-continue b,.landing-continue em{margin:0}.landing-continue:hover{background:var(--level-soft)}.landing-more{border:1px solid #dce3e7;background:#fff}.landing-more>summary{padding:17px 21px;color:var(--navy);cursor:pointer;font-weight:800;list-style-position:inside}.landing-more[open]>summary{border-bottom:1px solid #e5e9ec;background:var(--level-soft)}.landing-more-content{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:25px;padding:23px}.landing-more-content h3{margin:0 0 13px;color:var(--navy);font:600 21px Georgia,serif}.landing-reference{margin-top:18px;border:0;background:transparent;color:var(--level-dark);padding:0;cursor:pointer;font-weight:800}
@media(max-width:900px){.nav-group-label{grid-column:1/-1;margin:14px 6px 4px}.landing-primary{grid-template-columns:1fr}.landing-primary>button{min-height:0}.landing-more-content{grid-template-columns:1fr}.landing-continue{grid-template-columns:1fr;gap:5px}.landing-continue em{margin-top:8px}}
@media(max-width:560px){.landing-hero{padding:27px 23px}.landing-hero h1{font-size:35px}.landing-primary{gap:10px}.landing-primary>button{padding:20px}.landing-more-content{padding:18px}}

/* De niveaukeuze op de startpagina is statusinformatie, geen knop. */
.landing-level{display:inline-flex;align-items:center;margin-top:22px;padding:8px 13px;border:1px solid #b8cedd;border-radius:3px;background:#eaf3f8;color:#4d6878;font-size:12px;cursor:default;user-select:none}.landing-level b{margin-left:4px;color:#24577d}

/* Webapp 9.2 - warm, modern en motiverend redesign */
:root{--navy:#142f46;--navy-2:#204d68;--terracotta:#c45d45;--terracotta-dark:#93432f;--ochre:#d4a62a;--cream:#f6f0e5;--cream-soft:#fcf9f3;--olive:#71805a;--ink:#243640;--line:#ded9cf;--muted:#68767b;--soft:#f3eee5;--red:var(--terracotta);--gold:var(--ochre);--blue:#2f708f}
body{background:radial-gradient(circle at 85% 4%,rgba(212,166,42,.09),transparent 28%),var(--cream-soft);color:var(--ink)}
.app{grid-template-columns:244px minmax(0,1fr)}
.main{padding:24px 38px 64px}.shell{max-width:1220px}
.side{padding:18px 15px 24px;background:linear-gradient(180deg,#fffdf8,var(--cream) 72%,#efe5d7);box-shadow:8px 0 30px rgba(45,48,37,.035)}
.brand{display:grid;grid-template-columns:48px 1fr;align-items:center;column-gap:10px;padding:0 6px 15px;text-align:left}.brand-logo{grid-row:1/3;width:46px;margin:0}.brand-title{font-size:17px;letter-spacing:.035em}.brand .by{margin:3px 0 0;color:#8a6655;font-size:9px}.brand .rule{grid-column:1/-1;width:100%;margin:13px 0 0}
.module-switch{margin:12px 3px 13px;padding:10px;border:0;border-radius:14px;background:rgba(255,255,255,.78);box-shadow:0 6px 20px rgba(55,56,42,.06)}.module-switch .nav-label{color:#8b6d5f}.nav-level-scope{gap:5px}.nav-level-scope button{border:0;border-radius:8px;background:#f1ece4}.nav-level-scope button:first-child{background:#e8dfd2}.nav-level-scope button.active{background:var(--navy);box-shadow:0 4px 11px rgba(20,47,70,.18)}
.nav-group-label{margin:14px 9px 4px;color:#9a7b6d;font-size:9px}.nav button{min-height:36px;padding:8px 10px;border-radius:9px;color:#40515a;transition:background .14s ease,color .14s ease,transform .14s ease}.nav button:hover{background:rgba(255,255,255,.82);transform:translateX(2px)}.nav button.active{border-left:0!important;background:#fff!important;color:var(--navy)!important;box-shadow:0 5px 15px rgba(36,44,40,.08)}.nav button.active:after{content:'';position:absolute;right:9px;width:6px;height:6px;border-radius:50%;background:var(--level-accent)}.nav button{position:relative}
.nav .nav-study,.nav .nav-reader,.nav .nav-learning,.nav .nav-practice{border-left:0!important;padding-left:34px!important}.nav .nav-study::before,.nav .nav-reader::before,.nav .nav-learning::before,.nav .nav-practice::before{left:11px!important}
.nav button.nav-study,.nav button.nav-reader,.nav button.nav-learning,.nav button.nav-practice{background:transparent!important;border:0!important;border-left:0!important;box-shadow:none!important;color:#40515a!important;font-weight:600!important;padding-left:10px!important;margin:0!important}.nav button.nav-study::before,.nav button.nav-reader::before,.nav button.nav-learning::before,.nav button.nav-practice::before{display:none!important}.nav button.nav-study:hover,.nav button.nav-reader:hover,.nav button.nav-learning:hover,.nav button.nav-practice:hover{background:rgba(255,255,255,.82)!important;color:var(--navy)!important;transform:translateX(2px)}.nav button.nav-study.active,.nav button.nav-reader.active,.nav button.nav-learning.active,.nav button.nav-practice.active{background:#fff!important;color:var(--navy)!important;border:0!important;box-shadow:0 5px 15px rgba(36,44,40,.08)!important}
.nav button,.nav button.nav-shortcut,.nav button.nav-later{font-weight:600!important;margin-top:0;margin-bottom:0;border-top:0;padding-top:8px;padding-bottom:8px}
.nav button[data-page="topics"]{margin-top:0!important;padding-top:8px!important;border-top:0!important}
.meta{opacity:.72}.account-box{border-top-color:rgba(20,47,70,.12)}
.searchbar{top:10px;border:1px solid rgba(20,47,70,.13);border-radius:14px;box-shadow:0 8px 24px rgba(25,45,55,.09)}body.environment-development .searchbar{top:48px}.searchbar input{background:rgba(255,255,255,.94);padding:14px 18px}.searchbar button{padding:0 27px;background:var(--navy);transition:background .15s ease}.searchbar button:hover{background:var(--navy-2)}
/* Consistent field language: inputs, filters and selects each have a quiet tint. */
input:not([type="checkbox"]):not([type="radio"]),textarea{background:#f2f8fb;border-color:#b9ced9}
input:not([type="checkbox"]):not([type="radio"]):focus,textarea:focus{outline:0;border-color:#327b9e;box-shadow:0 0 0 3px rgba(50,123,158,.13)}
.verb-exact-heading{grid-column:1/-1;margin:10px 0 4px;padding:12px 18px;background:#fff4d7;border-left:5px solid var(--gold);color:var(--navy);font-weight:800}
.verb-other-heading{grid-column:1/-1;margin:18px 0 4px;padding:10px 18px;background:#f3f6f8;border-left:5px solid #b7c4cb;color:#4f626c;font-weight:800}
.verb-sticky-title>span{display:block;margin-top:5px;color:#c79218;font-size:1.25rem;font-weight:750;letter-spacing:.01em}
.verb-meaning{color:#c79218}
/* Shared editorial card interaction for reference and chapter navigation. */
.study-book-cover,.a1-chapter-card,.tense-card,.verb-overview-card,.grammar-quick-grid button{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.study-book-cover:hover,.a1-chapter-card:hover,.tense-card:hover,.verb-overview-card:hover,.grammar-quick-grid button:hover{background:#fff!important;color:var(--navy);border-color:#d6a52b;box-shadow:0 10px 26px rgba(24,47,65,.12);transform:translateY(-2px)}
.study-book-cover:hover h3,.study-book-cover:hover p,.a1-chapter-card:hover b,.a1-chapter-card:hover small,.tense-card:hover b,.tense-card:hover span,.verb-overview-card:hover b,.verb-overview-card:hover span{color:var(--navy)}
.book-chapter-list,.verb-list{background:transparent;border:0}
.book-chapter-row,.verb-row:not(.verb-row-head){margin:8px 0;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(24,47,65,.05)}
.book-chapter-row:last-child,.verb-row:last-child{border-bottom:1px solid var(--line)}
.book-chapter-row:hover,.verb-row:not(.verb-row-head):hover{background:#fff;border-color:#d6a52b;box-shadow:0 9px 22px rgba(24,47,65,.1)}
.verb-row-head{background:transparent;border:0}
.toc,.tense-grid{background:transparent;border:0}
.toc-row,.tense-card{margin:8px 0;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(24,47,65,.05)}
.toc-row:last-child{border-bottom:1px solid var(--line)}
.toc-row:hover,.tense-card:hover{background:#fff;border-color:#d6a52b;box-shadow:0 9px 22px rgba(24,47,65,.1)}
.a1-related .a1-chapter-card{border-radius:14px;box-shadow:0 4px 14px rgba(24,47,65,.05)}
.a1-related .a1-chapter-card:hover{background:#fff;border-color:#d6a52b;box-shadow:0 9px 22px rgba(24,47,65,.1);transform:translateY(-2px)}
.topic-category-card,.relation-map-card,.relation-map-card.active-map{border-radius:14px;box-shadow:0 4px 14px rgba(24,47,65,.05);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.topic-category-card:hover,.relation-map-card:hover{background:#fff;border-color:#d6a52b;box-shadow:0 9px 22px rgba(24,47,65,.1);transform:translateY(-2px)}
select{background:#eef8f1;border-color:#b9d2bf}
.words-toolbar,.verb-filter-groups,.example-sentences-toolbar,.relation-level-controls{background:#17324d;border-color:#17324d;color:#fff}
.words-toolbar label,.verb-filter-groups label,.example-sentences-toolbar label,.relation-level-controls label{color:#fff}
.words-toolbar input,.words-toolbar select,.verb-filter-groups input,.verb-filter-groups select,.example-sentences-toolbar input,.example-sentences-toolbar select,.relation-level-controls input,.relation-level-controls select{border-radius:12px}
.words-alpha button{border-radius:10px!important;background:#f1f0f8!important;border-color:#c9c9dc!important}
.words-alpha button:hover{background:#e7e3f4!important;border-color:#a9a2c7!important}
.segmented{border-radius:12px!important;overflow:hidden}
.a1-book-intro button{border-radius:12px!important;background:#fff!important;color:var(--navy)!important;box-shadow:0 5px 14px rgba(8,28,47,.2)}
.a1-book-intro button:hover{background:#eef3f6!important}
.topic-level-selector{background:linear-gradient(135deg,#17324d,#285778)!important;border-color:#17324d!important}
.topic-level-selector b,.topic-level-selector small{color:#e5edf2!important}
.topic-level-selector span{color:#eadb91!important}
.topic-level-selector button{background:#fff;color:var(--navy);border-color:#fff;border-radius:12px}
.topic-level-selector button.active{background:var(--navy);color:#fff;border:2px solid #fff}
.topic-level-selector button:first-child{border:2px solid #fff!important;background:transparent!important;color:#fff!important;border-radius:12px!important}
.book-filterbar{background:linear-gradient(135deg,#17324d,#285778)!important;border-color:#17324d!important;border-radius:14px!important}
.book-filterbar button{border-radius:12px!important;background:#fff;color:var(--navy);border-color:#fff}
.book-filterbar button:hover{background:#eef3f6;border-color:#fff}
.book-filterbar button.active{background:#7356a8;color:#fff;border:2px solid #fff;box-shadow:0 3px 10px rgba(65,44,103,.28)}
.book-filterbar span{color:#e5edf2}
.words-search{grid-template-columns:minmax(360px,1.25fr) repeat(3,minmax(130px,190px))!important}
.verb-tools{margin-top:16px!important;padding:18px 20px!important;border:1px solid #17324d!important;border-radius:14px!important;background:linear-gradient(135deg,#17324d,#285778)!important}
.verb-search input{background:#fff!important;border-color:#c9d8df!important;border-radius:12px!important}
.verb-search select{background:#f1f0f8!important;border-color:#c9c9dc!important;border-radius:12px!important}
.relation-level-controls{background:linear-gradient(135deg,#17324d,#285778)!important;border:1px solid #17324d!important;border-radius:14px!important}
.relation-level-controls b{color:#eadb91!important}
.relation-level-buttons button{border-radius:12px!important;background:#fff!important;border-color:#fff!important;color:var(--navy)!important}
.relation-level-buttons button.active{background:#7356a8!important;border:2px solid #fff!important;color:#fff!important}
.relation-categorybar,.generic-filterbar{border-radius:14px!important;background:#17324d!important;border-color:#17324d!important}
.relation-categorybar button,.generic-filterbar button{border-radius:12px!important;background:#fff;color:var(--navy);border-color:#fff}
.relation-categorybar button.active,.generic-filterbar button.active{background:#7356a8!important;border:2px solid #fff!important;color:#fff!important}
.example-sentences-toolbar{border-radius:14px!important;background:linear-gradient(135deg,#17324d,#285778)!important;border:1px solid #17324d!important}
.example-sentences-toolbar label{color:#fff!important}
.example-sentences-toolbar select,.example-sentences-toolbar input{background:#fff!important;color:var(--navy)!important;border-color:#c9d8df!important;border-radius:12px!important}
.example-sentence-count{color:#e5edf2!important}
.verb-enter-target{animation:verbEnterTarget 1.4s ease-out}
@keyframes verbEnterTarget{0%,100%{box-shadow:none}25%,65%{box-shadow:0 0 0 4px rgba(115,86,168,.5),0 8px 22px rgba(65,44,103,.2)}}
.sheet-card-note{margin:8px 12px 12px;padding:8px 10px;border-radius:9px;background:#fff8df;color:#76500b;font-size:12px}
.words-alpha button,.verb-family,.relation-level-buttons button,.relation-categorybar button,.generic-filterbar button{background:#fff!important;border-color:#cbd3d8!important;color:var(--navy)!important}
.words-alpha button:hover,.verb-family:hover,.relation-level-buttons button:hover,.relation-categorybar button:hover,.generic-filterbar button:hover{background:#f1f5f7!important;border-color:#8fa7b5!important}
.words-alpha button.active,.verb-family.active,.relation-level-buttons button.active,.relation-categorybar button.active,.generic-filterbar button.active,.topic-level-selector button.active,.book-filterbar button.active{background:var(--navy)!important;border-color:#fff!important;color:#fff!important;box-shadow:0 0 0 3px rgba(23,50,77,.22),0 4px 12px rgba(23,50,77,.2)!important}
.topic-level-selector button:first-child{background:#fff!important;color:var(--navy)!important}
.topic-level-selector button:first-child.active{background:var(--navy)!important;color:#fff!important}
.verb-search select:focus,.words-search select:focus,.example-sentences-toolbar select:focus{border-color:var(--navy)!important;box-shadow:0 0 0 3px rgba(23,50,77,.2)!important}
.chapter-quizlet-head>div{display:flex;flex-wrap:wrap;gap:8px;flex:1;justify-content:flex-end}
.chapter-quizlet-head button,.relation-map-quizlet-slot .action-btn,.relation-all-quizlet-actions button{flex:1 1 220px;min-width:0;border-radius:12px!important;padding:10px 13px!important}
.relation-map-quizlet-slot{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}
.word-card h3,.word-line .es,.word-line .nl,.verb-name,.verb-meaning,.verb-exact-heading,.verb-other-heading{ text-transform:lowercase }
.topic-level-selector button.active{background:#7356a8!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 3px 10px rgba(65,44,103,.3)}
.topic-level-selector button:first-child{background:#fff!important;color:var(--navy)!important}
.topic-level-selector button:first-child.active{background:#7356a8!important;color:#fff!important}
.filter-line .chip.active,.segmented button.active,.book-filterbar button.active,.dev-tabs button.active,.study-level-chapters button.active,.relation-map-quizlet-slot .action-btn.active{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important;box-shadow:0 0 0 2px rgba(23,50,77,.18)!important}
.filter-line .chip,.segmented button,.book-filterbar button,.dev-tabs button,.study-level-chapters button,.relation-map-quizlet-slot .action-btn{background:#fff;color:var(--navy);border-color:#cbd3d8;border-radius:12px}
.filter-line .chip:hover,.segmented button:hover,.book-filterbar button:hover,.dev-tabs button:hover,.study-level-chapters button:hover,.relation-map-quizlet-slot .action-btn:hover{background:#f1f5f7;border-color:#8fa7b5}
.chapter-quizlet-head button,.chapter-quizlet-head button:hover,.chapter-quizlet-head button.active{background:var(--navy)!important;border-color:var(--navy)!important;color:#fff!important;border-radius:12px!important}
.words-toolbar select,.words-toolbar input{background:#fff!important;color:var(--navy)!important;border-color:#cbd3d8!important}
.words-toolbar select:focus,.words-toolbar input:focus{border-color:var(--navy)!important;box-shadow:0 0 0 3px rgba(23,50,77,.18)!important}
.sheet-grid{gap:10px!important}.sheet-grid .tense-cheat-card{padding:10px!important}.sheet-grid .tense-cheat-card h4{font-size:18px!important;padding:9px 10px!important}.sheet-grid .tense-cheat-card th,.sheet-grid .tense-cheat-card td{padding:6px 7px!important;font-size:12px!important}.sheet-grid .tense-cheat-card table{font-size:12px!important}
.verb-family.active,.relation-level-buttons button.active,.relation-categorybar button.active,.generic-filterbar button.active{box-shadow:0 0 0 3px rgba(115,86,168,.24),0 4px 12px rgba(65,44,103,.25)!important}
.verb-family,.relation-level-buttons button,.relation-categorybar button,.generic-filterbar button{background:#f1f0f8!important;border-color:#c9c9dc!important;color:#31465a!important}
.verb-family:hover,.relation-level-buttons button:hover,.relation-categorybar button:hover,.generic-filterbar button:hover{background:#e7e3f4!important;border-color:#a9a2c7!important}
.verb-family.active,.relation-level-buttons button.active,.relation-categorybar button.active,.generic-filterbar button.active{background:#7356a8!important;border-color:#fff!important;color:#fff!important}
.verb-search select:focus,.words-search select:focus,.example-sentences-toolbar select:focus{border-color:#7356a8!important;box-shadow:0 0 0 3px rgba(115,86,168,.22)!important}
.mobile-menu-hint{display:none}
@media(max-width:700px){.mobile-menu-hint{display:flex;position:fixed;right:14px;top:62px;z-index:4800;align-items:center;gap:7px;padding:9px 13px;border:2px solid #fff;border-radius:999px;background:#17324d;color:#fff;box-shadow:0 6px 18px rgba(10,35,53,.28);font-weight:800}.mobile-menu-hint span{font-size:12px}body.environment-development .mobile-menu-hint{top:94px}}
.words-alpha button[data-letter=""].active,.book-filterbar button:first-child.active{border:2px solid #fff!important}
.words-alpha button.active{background:#7356a8!important;color:#fff!important;border-color:#fff!important;box-shadow:0 3px 10px rgba(65,44,103,.32)}
.words-toolbar input{background:#fff}
.verb-search input,.example-sentences-toolbar input,.practice-settings input{background:#f7fbfd}
.words-toolbar select,.verb-search select,.example-sentences-toolbar select,.practice-settings select{background:#f1f0f8;border-color:#c9c9dc}
.content{margin-top:26px}.eyebrow{color:var(--terracotta-dark)}.title{letter-spacing:-.02em}.panel,.toc,.list,.words-toolbar,.word-card,.accordion{border-color:var(--line);border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(45,48,37,.04)}
.landing-hero{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:34px;align-items:stretch;padding:0;border:0;border-radius:24px;background:linear-gradient(135deg,var(--navy),#244f68);box-shadow:0 18px 44px rgba(20,47,70,.18)}.landing-hero:after{display:none}.landing-hero-copy{padding:38px 40px}.landing-hero .eyebrow{color:#f1cc82}.landing-hero h1{margin:8px 0 13px;color:#fff;font-size:43px;letter-spacing:-.025em}.landing-hero p{color:#dce7e9}.landing-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px}.landing-level{margin:0;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(255,255,255,.1);color:#dfeaed}.landing-level b{color:#fff}.landing-activity{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid transparent;border-radius:99px;background:rgba(212,166,42,.16);color:#f4d99a;font-size:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.landing-activity i{font-style:normal;font-weight:850}.landing-activity:hover,.landing-activity:focus-visible{border-color:rgba(244,217,154,.5);background:rgba(212,166,42,.27);transform:translateY(-1px)}.landing-activity:focus-visible{outline:2px solid #fff;outline-offset:2px}
.landing-quote{display:flex;flex-direction:column;justify-content:center;padding:28px 27px;background:linear-gradient(150deg,var(--terracotta),#a84836);color:#fff;position:relative;overflow:hidden}.landing-quote:after{content:'ñ';position:absolute;right:-10px;bottom:-40px;color:rgba(255,255,255,.08);font:700 140px Georgia,serif}.landing-quote span{font-size:9px;font-weight:850;letter-spacing:.16em}.landing-quote b{margin:15px 0;font:600 25px/1.28 Georgia,serif}.landing-quote small{color:#ffe2d8}
.landing-primary{gap:15px;margin:18px 0}.landing-primary>button{display:grid;grid-template-columns:52px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:15px;min-height:210px;padding:22px;border:0;border-top:0;border-radius:18px;box-shadow:0 7px 24px rgba(47,52,42,.07)}.landing-primary>button i{grid-row:1/3;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--route-soft);color:var(--route);font:700 22px Georgia,serif;font-style:normal}.landing-primary>button span,.landing-primary>button b,.landing-primary>button small,.landing-primary>button em{grid-column:2}.landing-primary>button span{color:var(--route)}.landing-primary>button b{font-size:23px}.landing-primary>button small{margin-top:4px}.landing-primary>button em{align-self:end;margin-top:18px;color:var(--route)}.route-learning{--route:#2f708f;--route-soft:#e6f1f5}.route-practice{--route:#a84e38;--route-soft:#f8e9e4}.route-search{--route:#66774d;--route-soft:#edf1e7}.landing-primary>button:hover{box-shadow:0 14px 30px rgba(35,47,45,.12)}
.landing-continue{border:0;border-left:0;border-radius:16px;background:linear-gradient(90deg,#fff,#faf5eb);box-shadow:0 6px 22px rgba(47,52,42,.06)}.landing-continue:before{content:'→';width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--terracotta);color:#fff;font-size:20px}.landing-continue{grid-template-columns:42px minmax(140px,.45fr) minmax(220px,1fr) minmax(160px,.7fr) auto}.landing-continue:hover{background:#fff}.landing-more{border:0;border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(47,52,42,.05);overflow:hidden}.landing-more>summary{padding:18px 21px}.landing-more[open]>summary{background:#f8f3ea}
.quick-item{border-color:var(--line);border-radius:12px}.topic-pill{border-color:#d9cfbf;background:#faf6ee}
.practice-hero,.learning-hero{border-radius:22px;overflow:hidden;background:linear-gradient(135deg,var(--navy),#315e75);box-shadow:0 14px 35px rgba(20,47,70,.14)}.practice-hero{padding:30px 32px}.practice-score{border-radius:16px;background:rgba(255,255,255,.09)}.learning-hero{padding:30px 32px}.learning-hero aside{border-radius:16px;background:rgba(255,255,255,.08)}
.practice-mode-grid,.learning-choice-grid,.learning-level-grid,.study-book-shelf,.grammar-quick-grid{gap:11px!important}.practice-mode-grid button,.learning-choice-grid button,.learning-level-card,.study-book-cover,.grammar-quick-grid button{border:0!important;border-left:0!important;border-radius:15px!important;padding:15px 17px!important;box-shadow:0 5px 18px rgba(45,48,37,.055)!important}.practice-mode-grid button{grid-template-columns:52px minmax(120px,.28fr) minmax(220px,.7fr) minmax(260px,1fr)!important}.practice-mode-grid button:before{content:attr(data-icon);width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#f5ebe0;color:var(--terracotta-dark);font:700 14px Georgia,serif}.practice-mode-grid button:nth-child(3n+2):before{background:#e8f0e3;color:var(--olive)}.practice-mode-grid button:nth-child(3n):before{background:#e5eff4;color:var(--blue)}.practice-mode-grid button:hover,.learning-choice-grid button:hover,.learning-level-card:hover,.study-book-cover:hover,.grammar-quick-grid button:hover{background:#fff!important;box-shadow:0 10px 25px rgba(45,48,37,.1)!important;transform:translateY(-1px)!important}
.login-screen{background:radial-gradient(circle at 12% 12%,rgba(212,166,42,.22),transparent 24%),linear-gradient(145deg,#17384f,#0f293d);padding:30px}.login-shell{width:min(980px,100%);min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 35px 90px rgba(4,18,29,.35)}.login-welcome{display:flex;flex-direction:column;justify-content:space-between;padding:38px 42px;background:linear-gradient(150deg,var(--cream),#efe2ce);position:relative;overflow:hidden}.login-welcome:after{content:'ES';position:absolute;right:-25px;bottom:-60px;color:rgba(147,67,47,.07);font:700 190px Georgia,serif}.login-welcome-brand{display:flex;align-items:center;gap:12px;color:var(--navy)}.login-welcome-brand img{width:46px}.login-welcome-brand>div{display:grid;gap:2px}.login-welcome-brand span{font:600 18px Georgia,serif}.login-welcome-brand small,.login-author{color:#8b695b;font:600 10px Georgia,serif;letter-spacing:.04em}.login-welcome-copy{position:relative;z-index:1}.login-kicker{color:var(--terracotta-dark);font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.login-welcome h2{max-width:430px;margin:13px 0 16px;color:var(--navy);font:600 43px/1.08 Georgia,serif;letter-spacing:-.025em}.login-welcome p{max-width:420px;color:#5e6c70;line-height:1.65}.login-flavours{display:flex;gap:8px;position:relative;z-index:1}.login-flavours span{padding:7px 10px;border:1px solid rgba(147,67,47,.22);border-radius:99px;color:#8c5c4a;font-size:11px}.login-card{align-self:center;width:auto;margin:0;padding:46px 48px;border:0;border-radius:0;box-shadow:none}.login-form-brand{display:flex;align-items:center;gap:14px;margin-bottom:9px}.login-form-brand>img{display:none}.login-form-brand span{color:var(--terracotta-dark);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.login-form-brand .login-author{display:none;margin-top:2px;text-transform:none;letter-spacing:.04em}.login-card h1{text-align:left;margin:4px 0 0;color:var(--navy);font:600 30px Georgia,serif}.login-card p{text-align:left;margin-bottom:27px}.login-card label{color:#344750;font-size:13px}.login-card input{border:1px solid #d8d2c8;border-radius:11px;background:#fcfaf6}.login-card input:focus{outline:0;border-color:var(--terracotta);box-shadow:0 0 0 3px rgba(196,93,69,.12)}.login-card button{display:flex;justify-content:space-between;align-items:center;margin-top:20px;border-radius:11px;background:var(--terracotta);padding:14px 17px}.login-card button:hover{background:var(--terracotta-dark)}.login-card>small{display:block;margin-top:12px;color:#859095;text-align:center;font-size:10px}
@media(max-width:1000px){.landing-hero{grid-template-columns:1fr}.landing-quote{display:none}.landing-primary{grid-template-columns:1fr}.landing-primary>button{min-height:0}.practice-mode-grid button{grid-template-columns:52px 1fr!important}.practice-mode-grid button:before{grid-row:1/4}.practice-mode-grid button span,.practice-mode-grid button b,.practice-mode-grid button small{grid-column:2}.landing-continue{grid-template-columns:42px 1fr}.landing-continue:before{grid-row:1/5}.landing-continue>*{grid-column:2}.landing-continue em{justify-self:start}.login-shell{grid-template-columns:.9fr 1.1fr}.login-welcome{padding:32px}.login-welcome h2{font-size:34px}}
@media(min-width:701px) and (max-width:900px){.app{grid-template-columns:210px minmax(0,1fr)}.side{height:100vh;position:sticky;top:0;border-right:1px solid var(--line);border-bottom:0;padding:15px 11px}.nav{display:block}.nav-label{display:block}.nav-group-label{display:block}.main{padding:22px 20px 50px}.brand{grid-template-columns:38px 1fr}.brand-logo{width:38px}.brand-title{font-size:15px}.module-switch{margin-inline:0}.landing-hero-copy{padding:30px}.landing-primary>button{grid-template-columns:46px 1fr}.landing-primary>button i{width:44px;height:44px}.landing-more-content{grid-template-columns:1fr}}
@media(max-width:700px){body{background:var(--cream-soft)}.main{width:100%;max-width:100vw;padding:10px 10px 34px;overflow-x:hidden}.shell,.content{width:100%;min-width:0}.mobile-header{background:#fffaf2}.searchbar,body.environment-development .searchbar{position:relative;top:auto}.landing-hero{border-radius:18px}.landing-hero-copy{padding:25px 22px}.landing-hero h1{font-size:32px}.landing-hero-meta{align-items:flex-start;flex-direction:column}.landing-primary{gap:9px}.landing-primary>button{grid-template-columns:45px 1fr;padding:17px;border-radius:15px}.landing-primary>button i{width:43px;height:43px;border-radius:12px;font-size:18px}.landing-primary>button b{font-size:20px}.landing-continue{padding:16px;border-radius:14px}.landing-more-content{padding:16px}.practice-hero,.learning-hero{padding:23px 20px;border-radius:18px}.practice-mode-grid button{grid-template-columns:44px 1fr!important;padding:13px!important}.practice-mode-grid button:before{width:39px;height:39px}.practice-mode-grid button b{font-size:18px!important}.login-screen{padding:12px}.login-shell{min-height:0;grid-template-columns:1fr;border-radius:20px}.login-welcome{display:none}.login-card{padding:30px 23px}.login-form-brand>img{display:block!important;width:52px!important;margin:0!important}.login-form-brand .login-author{display:block}.login-card h1{font-size:25px}.login-card p{margin-bottom:20px}}

/* Compacte grammatica-inhoudsopgave: snel bij de hoofdstukken. */
.study-library-hero{grid-template-columns:minmax(0,1fr) 118px;gap:18px;padding:18px 22px;margin-bottom:10px;border-radius:16px}
.study-library-hero h2{margin:3px 0 5px;font-size:31px}
.study-library-hero p{max-width:1050px;font-size:14px;line-height:1.4}
.study-library-count{padding:9px 12px}
.study-library-count b{font-size:30px}
.continue-reading{min-height:0;padding:11px 15px;margin-bottom:10px;border-left-width:4px;border-radius:10px}
.continue-reading .eyebrow{font-size:9px}
.continue-reading h3{margin:2px 0;font-size:18px}
.continue-reading p{font-size:11px}
.continue-reading>span{font-size:13px;white-space:nowrap}
.study-book-shelf{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px}
.study-book-cover{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto 1fr!important;align-items:start!important;gap:7px 10px!important;min-width:0!important;min-height:108px!important;padding:13px 14px!important;border-radius:11px!important}
.study-book-cover:after,.study-book-cover>span{display:none!important}
.study-book-cover h3{min-width:0;margin:0!important;font-size:17px!important;line-height:1.18}
.study-book-cover p{display:block!important;grid-column:1/-1;margin:0!important;font-size:12.5px!important;line-height:1.42!important;color:#526974!important}
.study-book-level{flex:none;padding-top:3px;font-size:10px}
@media(max-width:1200px){.study-book-shelf{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){.study-library-hero{grid-template-columns:1fr;padding:16px}.study-library-count{display:flex;align-items:center;gap:8px;justify-content:center}.study-library-count span,.study-library-count small,.study-library-count b{display:inline}.continue-reading{align-items:flex-start}.study-book-shelf{grid-template-columns:repeat(2,minmax(0,1fr))!important}.study-book-cover h3{white-space:normal}}

/* Frissere en compactere hoofdroutes. */
.landing-primary>button{grid-template-columns:60px minmax(0,1fr);grid-template-rows:auto auto auto auto;column-gap:17px;min-height:0;padding:20px 22px 19px;background:linear-gradient(135deg,var(--route-soft) 0,#fff 42%);border:1px solid rgba(35,67,78,.06);box-shadow:0 8px 25px rgba(47,52,42,.075)}
.landing-primary>button i{width:58px;height:58px;border-radius:17px;font-size:26px}
.landing-primary>button span{font-size:12px;letter-spacing:.15em}
.landing-primary>button b{margin:6px 0;font-size:28px;line-height:1.12}
.landing-primary>button small{margin-top:5px;color:#526974;font-size:16px;line-height:1.4}
.landing-primary>button em{align-self:start;margin-top:14px;font-size:16px}
.landing-primary>button:hover{background:linear-gradient(135deg,var(--route-soft) 0,#fff 60%);box-shadow:0 15px 34px rgba(35,47,45,.14)}
@media(max-width:700px){.landing-primary>button{grid-template-columns:50px minmax(0,1fr);padding:17px 18px}.landing-primary>button i{width:48px;height:48px;font-size:21px}.landing-primary>button b{font-size:24px}.landing-primary>button small,.landing-primary>button em{font-size:15px}}

/* Compleet Spaans · redactionele beeldlaag */
.landing-hero.landing-hero-editorial{display:block;border-radius:24px;background:#fff;color:#26333c;box-shadow:0 18px 44px rgba(20,47,70,.14)}.landing-hero-photo{display:flex;justify-content:center;height:clamp(220px,22vw,300px);overflow:hidden;background:#d8c29b}.landing-hero-photo img{display:block;width:min(100%,1600px);height:100%;object-fit:cover;object-position:center}.landing-hero-editorial .landing-hero-copy{padding:34px 40px 36px}.landing-hero-editorial .eyebrow{color:var(--red)}.landing-hero-editorial h1{max-width:900px;color:var(--navy);font-size:44px}.landing-hero-editorial p{max-width:930px;color:#52636e}.landing-module-summary{display:grid;gap:3px;margin-top:19px;padding:13px 15px;border-left:4px solid var(--gold);background:#f7f4ec}.landing-module-summary b{color:var(--navy);font:600 17px Georgia,serif}.landing-module-summary span{color:var(--muted);font-size:13px;line-height:1.45}.landing-hero-editorial .landing-level{border-color:#d9d1c1;background:#fff;color:#596973}.landing-hero-editorial .landing-level b{color:var(--navy)}.landing-hero-editorial .landing-activity{background:var(--navy);color:#fff}.landing-hero-editorial .landing-activity:hover,.landing-hero-editorial .landing-activity:focus-visible{background:#244f68}
.study-hero.study-hero-alphabet{grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:24px;background:#fbf6ea;color:var(--navy);overflow:hidden}.study-hero-alphabet .eyebrow{color:var(--red)}.study-hero-alphabet p{color:#596973}.study-hero-alphabet-image{display:block;width:100%;height:auto;max-height:230px;object-fit:cover;border-radius:12px}
@media(max-width:900px){.landing-hero-photo{height:220px}.study-hero.study-hero-alphabet{grid-template-columns:1fr}.study-hero-alphabet-image{max-width:430px;max-height:230px}}
@media(max-width:700px){.landing-hero-photo{height:170px}.landing-hero-editorial .landing-hero-copy{padding:25px 22px}.landing-hero-editorial h1{font-size:32px}.landing-hero-editorial p{font-size:15px}.study-hero-alphabet-image{max-height:190px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Persoonlijk voorwoord op het inlogscherm */
.login-welcome h2{font-size:34px;margin-bottom:13px}
.login-preface{max-width:430px;max-height:265px;overflow:auto;padding:13px 15px;border-left:3px solid var(--terracotta);background:rgba(255,255,255,.48);scrollbar-width:thin}
.login-preface-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.login-preface strong{display:block;margin-bottom:5px;color:var(--navy);font:600 16px Georgia,serif}
.login-preface p{margin:0 0 7px;color:#53646c;font-size:12px;line-height:1.5}
.login-preface p:last-of-type{margin-bottom:5px}
.login-preface em{color:#8b695b;font:600 11px Georgia,serif}
.preface-language-switch{display:flex;gap:3px;padding:2px;border:1px solid rgba(21,50,77,.16);border-radius:999px;background:rgba(255,255,255,.72)}
.preface-language-switch button{border:0;border-radius:999px;padding:4px 8px;background:transparent;color:#60737e;font-size:9px;font-weight:800;cursor:pointer}
.preface-language-switch button.active{background:var(--navy);color:#fff}
.login-mobile-preface{display:none}
@media(max-width:700px){.login-mobile-preface{display:block;max-height:280px;overflow:auto;margin:-5px 0 18px;padding:10px 12px;border:1px solid #e3d8c9;border-radius:10px;background:#fbf6ee;color:#53646c}.login-mobile-preface summary{cursor:pointer;color:var(--navy);font-size:12px;font-weight:750}.login-mobile-preface .preface-language-switch{width:max-content;margin:10px 0 5px}.login-mobile-preface p{margin:9px 0 0!important;font-size:11px;line-height:1.55}.login-mobile-preface em{display:block;margin-top:9px;color:#8b695b;font:600 11px Georgia,serif}}

/* Compleet Spaans · compacte hoofdstuknavigatie en rustige hoofdstukkoppen */
.brand-title{font-size:15px;letter-spacing:.02em;white-space:nowrap}
.study-book-shelf{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.study-book-cover{min-height:132px!important;padding:14px 15px!important}
.study-book-cover h3{font-size:18px;margin:7px 0 4px}
.study-book-cover p{font-size:11px;line-height:1.35}
.study-hero.study-hero-chapter{grid-template-columns:minmax(0,1fr) minmax(230px,330px);gap:24px;background:linear-gradient(135deg,#e7f3fb 0%,#f0edff 56%,#faeeee 100%);color:var(--navy);border:1px solid rgba(255,255,255,.84);isolation:isolate;overflow:hidden}
.study-hero-chapter .eyebrow{color:var(--red)}
.study-hero-chapter p{color:#596973}
.study-hero-chapter-image{display:block;width:100%;height:auto;max-height:230px;object-fit:contain;border:0;border-radius:0;background:transparent;box-shadow:none}
@media(max-width:1000px){.study-book-shelf{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){.study-hero.study-hero-chapter{grid-template-columns:1fr}.study-hero-chapter-image{max-width:430px;max-height:230px}}
@media(max-width:700px){.brand-title{font-size:14px}.study-book-shelf{grid-template-columns:1fr!important}.study-hero-chapter-image{max-height:190px}}

/* Snelle hoofdstuknavigatie binnen het actieve ERK-niveau */
.study-level-chapters{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:0 0 14px;padding:9px 11px;border:1px solid #ded7ca;border-radius:12px;background:#fff}
.study-level-chapters>span{display:grid;place-items:center;min-width:38px;height:32px;border-radius:8px;background:var(--navy);color:#fff;font-size:11px;font-weight:850;letter-spacing:.08em}
.study-level-chapters>div{display:flex;gap:6px;min-width:0;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin}
.study-level-chapters button{flex:0 0 auto;min-width:51px;height:30px;padding:0 8px;border:1px solid #d8d2c8;border-radius:7px;background:#faf7f1;color:#52636e;font-size:11px;font-weight:750;cursor:pointer}
.study-level-chapters button:hover{border-color:var(--terracotta);color:var(--navy);background:#fff}
.study-level-chapters button.active{border-color:var(--terracotta);background:var(--terracotta);color:#fff;box-shadow:0 3px 9px rgba(147,67,47,.18)}
@media(max-width:700px){.study-level-chapters{grid-template-columns:1fr;gap:7px}.study-level-chapters>span{justify-self:start;height:27px}.study-level-chapters button{min-width:49px}}

/* Gerichte oefenblokken */
.practice-section-heading{margin:28px 0 12px}.practice-section-heading span{color:var(--terracotta-dark);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.practice-section-heading h3{margin:5px 0 0;color:var(--navy);font:600 24px Georgia,serif}
.practice-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.practice-focus-card{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:15px;min-height:180px;padding:20px;border:0;border-radius:17px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 6px 22px rgba(45,48,37,.065);transition:transform .15s ease,box-shadow .15s ease}.practice-focus-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(45,48,37,.11)}.practice-focus-card i{grid-row:1/4;width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#f6e8e2;color:var(--terracotta-dark);font:700 14px Georgia,serif;font-style:normal}.practice-focus-card:nth-child(3n+2) i{background:#e8f0e3;color:var(--olive)}.practice-focus-card:nth-child(3n) i{background:#e5eff4;color:var(--blue)}.practice-focus-card span,.practice-focus-card b,.practice-focus-card small,.practice-focus-card em{grid-column:2}.practice-focus-card span{color:var(--terracotta-dark);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.practice-focus-card b{margin:5px 0;color:var(--navy);font:600 22px Georgia,serif}.practice-focus-card small{color:var(--muted);line-height:1.5}.practice-focus-card em{align-self:end;margin-top:16px;color:var(--terracotta-dark);font-size:12px;font-style:normal;font-weight:800}
.practice-focus-grid{grid-template-columns:1fr;gap:11px}.practice-focus-card{grid-template-columns:52px minmax(120px,.3fr) minmax(220px,.7fr) minmax(250px,1fr) auto;grid-template-rows:1fr;column-gap:14px;align-items:center;min-height:0;padding:15px 17px;border-radius:15px;box-shadow:0 5px 18px rgba(45,48,37,.055)}.practice-focus-card i{grid-row:auto;grid-column:1;width:45px;height:45px;border-radius:13px}.practice-focus-card span,.practice-focus-card b,.practice-focus-card small,.practice-focus-card em{grid-column:auto}.practice-focus-card b{margin:0;font-size:20px}.practice-focus-card em{margin:0;justify-self:end;white-space:nowrap}
@media(max-width:1000px){.practice-focus-card{grid-template-columns:52px 1fr;grid-template-rows:auto auto auto}.practice-focus-card i{grid-row:1/4}.practice-focus-card span,.practice-focus-card b,.practice-focus-card small,.practice-focus-card em{grid-column:2}.practice-focus-card em{justify-self:start;margin-top:6px}}
.focused-practice{max-width:900px;margin:0 auto}.focused-practice-head{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:28px 30px;border-radius:20px;background:linear-gradient(135deg,var(--navy),#315e75);color:#fff;box-shadow:0 13px 32px rgba(20,47,70,.14)}.focused-practice-head h2{margin:5px 0 7px;font:600 35px Georgia,serif}.focused-practice-head p{margin:0;color:#dbe6e9;line-height:1.55}.focused-practice-head>span{padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(255,255,255,.08);font-size:12px}.focused-question-card{margin-top:16px;padding:30px;border-radius:20px;background:#fff;box-shadow:0 8px 26px rgba(45,48,37,.07)}.focused-question-kicker{color:var(--terracotta-dark);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.focused-question-card h3{margin:12px 0 24px;color:var(--navy);font:600 30px/1.3 Georgia,serif}.focused-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.focused-options button{min-height:52px;padding:12px 15px;border:1px solid #ddd6cb;border-radius:12px;background:#fcfaf6;color:#334750;text-align:left;cursor:pointer;font-weight:750}.focused-options button:hover:not(:disabled){border-color:var(--terracotta);background:#fff4ef}.focused-options button.correct{border-color:#6f9478;background:#edf7ef;color:#315f48}.focused-options button.wrong{border-color:#c9624e;background:#fff0ec;color:#8e3e2e}.focused-options button.muted{opacity:.5}.focused-feedback{display:grid;gap:5px;margin-top:18px;padding:14px 16px;border-radius:12px}.focused-feedback.good{background:#edf7ef;color:#315f48}.focused-feedback.bad{background:#fff0ec;color:#8e3e2e}.focused-feedback span{line-height:1.5}.focused-next{margin-top:14px;padding:12px 17px;border:0;border-radius:11px;background:var(--terracotta);color:#fff;cursor:pointer;font-weight:800}.focused-next:hover{background:var(--terracotta-dark)}
@media(max-width:760px){.practice-focus-grid{grid-template-columns:1fr}.practice-focus-card{min-height:0}.focused-practice-head{grid-template-columns:1fr;padding:22px}.focused-practice-head h2{font-size:29px}.focused-practice-head>span{justify-self:start}.focused-question-card{padding:22px 18px}.focused-question-card h3{font-size:24px}.focused-options{grid-template-columns:1fr}}

/* Overzicht met alle onderdelen binnen een gerichte oefening */
.focused-practice-actions{display:grid;justify-items:end;gap:10px}.focused-practice-actions span{padding:10px 13px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(255,255,255,.08);font-size:12px}.focused-practice-actions button{padding:11px 14px;border:1px solid rgba(255,255,255,.32);border-radius:11px;background:#fff;color:var(--navy);cursor:pointer;font-weight:800}.focused-practice-actions button:hover{background:var(--cream)}.focused-list-modal[hidden]{display:none}.focused-list-modal{position:fixed;inset:0;z-index:21000;display:grid;place-items:center;padding:24px;background:rgba(13,36,53,.68);backdrop-filter:blur(5px)}.focused-list-window{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,100%);max-height:min(82vh,820px);overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:22px;background:#fffdf8;box-shadow:0 28px 80px rgba(8,28,42,.34)}.focused-list-window>header{display:flex;justify-content:space-between;gap:20px;padding:24px 26px 19px;border-bottom:1px solid #e8e0d5;background:linear-gradient(135deg,#fff8ec,#f5ede1)}.focused-list-window h3{margin:5px 0;color:var(--navy);font:600 27px Georgia,serif}.focused-list-window header p{margin:0;color:#66777d;font-size:13px}.focused-list-close{flex:0 0 auto;width:40px;height:40px;border:1px solid #dacfc1;border-radius:50%;background:#fff;color:var(--navy);cursor:pointer;font-size:25px;line-height:1}.focused-list-rows{overflow:auto;padding:10px 26px 18px}.focused-list-row{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid #ece6dc}.focused-list-row>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f3e5d2;color:var(--terracotta-dark);font-size:11px;font-weight:850}.focused-list-row div{display:grid;gap:5px}.focused-list-row b{color:#334b58;line-height:1.4}.focused-list-row small{color:var(--terracotta-dark);font-size:14px;font-weight:750}.focused-list-window>footer{padding:15px 26px;border-top:1px solid #e8e0d5;background:#fff}.focused-list-window>footer button{width:100%;padding:12px 16px;border:0;border-radius:11px;background:var(--terracotta);color:#fff;cursor:pointer;font-weight:800}.focused-list-open{overflow:hidden}
@media(max-width:760px){.focused-practice-actions{justify-items:start}.focused-list-modal{padding:12px}.focused-list-window{max-height:90vh;border-radius:17px}.focused-list-window>header{padding:19px 17px 15px}.focused-list-window h3{font-size:22px}.focused-list-rows{padding:6px 17px 14px}.focused-list-window>footer{padding:12px 17px}}

/* Karakter als onderdeel van Onderwerpen > Eigenschappen */
.character-topic-feature{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px;margin:0 0 18px;padding:24px;border-radius:18px;background:linear-gradient(135deg,#fff6ef,#f4efe5);box-shadow:0 7px 24px rgba(45,48,37,.06)}.character-topic-feature h3{margin:6px 0 8px;color:var(--navy);font:600 25px Georgia,serif}.character-topic-feature p{margin:0;color:var(--muted);line-height:1.55}.character-topic-feature b{color:var(--navy);font:600 17px Georgia,serif}.character-topic-feature ul{margin:9px 0 0;padding-left:18px;color:#536268;line-height:1.7;font-size:13px}.character-topic-feature button{grid-column:1/-1;justify-self:start;padding:10px 14px;border:0;border-radius:10px;background:var(--terracotta);color:#fff;cursor:pointer;font-weight:800}.character-topic-feature button:hover{background:var(--terracotta-dark)}
@media(max-width:820px){.character-topic-feature{grid-template-columns:1fr 1fr}.character-topic-feature>div:first-child{grid-column:1/-1}}@media(max-width:560px){.character-topic-feature{grid-template-columns:1fr;padding:19px}.character-topic-feature>div:first-child{grid-column:auto}.character-topic-feature button{grid-column:auto}}
.search-knowledge-group>summary{list-style:none;cursor:pointer;padding:12px 14px;background:#f7f3e9;border:1px solid var(--line);color:var(--navy);font:600 18px Georgia,serif;display:flex;justify-content:space-between;align-items:center}.search-knowledge-group>summary::-webkit-details-marker{display:none}.search-knowledge-group>summary:after{content:'＋';font:400 20px Arial;color:var(--terracotta-dark)}.search-knowledge-group[open]>summary:after{content:'−'}.search-knowledge-items{display:grid;gap:8px;padding-top:8px}
.search-result-group>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:11px 14px;background:#f7f3e9;border-bottom:1px solid var(--line)}.search-result-group>summary::-webkit-details-marker{display:none}.search-result-group>summary:after{content:'＋';font:400 20px Arial;color:var(--terracotta-dark)}.search-result-group[open]>summary:after{content:'−'}.search-result-group>summary h3{margin:0;color:var(--navy);font:600 18px Georgia,serif}.search-result-group>summary span{color:var(--muted);font-size:12px}.search-result-items{padding:0 14px 10px}.search-result-items .list{border:0}
.search-knowledge-wrap>h3{display:none}
.search-open-all{margin:4px 0 14px;padding:9px 14px;border:1px solid var(--terracotta);border-radius:7px;background:#fffaf0;color:var(--terracotta-dark);font-weight:700;cursor:pointer}.search-result-group,.search-knowledge-group{margin:8px 0 12px}.search-result-group{padding:0}.search-knowledge-wrap{margin-top:10px}
.search-result-group>summary,.search-knowledge-group>summary{min-height:48px;box-sizing:border-box}.search-result-group>summary h3,.search-knowledge-group>summary h3{font:600 18px Georgia,serif}.search-result-group>summary span,.search-knowledge-group>summary span{width:150px;text-align:left;color:var(--muted);font:500 14px Arial,sans-serif}
.search-result-group>summary,.search-knowledge-group>summary{display:grid;grid-template-columns:minmax(0,1fr) 180px 24px;justify-content:initial;column-gap:16px}.search-result-group>summary:after,.search-knowledge-group>summary:after{justify-self:end}.search-result-group>summary span,.search-knowledge-group>summary span{width:auto;text-align:left}
.search-knowledge-items>button{display:grid;grid-template-columns:130px minmax(180px,1fr) 1.4fr;gap:14px;align-items:center;width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:12px 14px;text-align:left;cursor:pointer;font:inherit}.search-knowledge-items>button:hover{border-color:var(--gold);background:#fffdf4}.search-knowledge-items>button span{color:var(--terracotta-dark);font-size:11px;font-weight:800;text-transform:uppercase}.search-knowledge-items>button b{color:var(--navy)}.search-knowledge-items>button small{color:var(--muted)}
.filter-line .chip[data-search]{display:none}
.conj td[style*="background"],.conj td.irregular,.conj td.is-irregular,.regular-tense-table td[style*="background"]{color:#fff!important}.conj td[style*="background"] b,.conj td.irregular b,.conj td.is-irregular b,.regular-tense-table td[style*="background"] b{color:#fff!important}
.pcic-progress{position:fixed;right:22px;bottom:22px;z-index:30;width:300px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fffaf0;box-shadow:0 12px 32px rgba(21,48,69,.16);display:grid;grid-template-columns:1fr auto;gap:7px 12px}.pcic-progress b{color:var(--navy)}.pcic-progress span,.pcic-progress small{color:var(--muted);font-size:12px}.pcic-progress progress{grid-column:1/-1;width:100%;accent-color:var(--terracotta-dark)}
.study-list{margin:8px 0 15px;padding:0 0 0 24px;color:#344650}.study-list li{padding:4px 8px;line-height:1.65;break-inside:avoid}.study-list li::marker{color:var(--gold);font-size:1.1em}.study-list.multi-column{columns:2 270px;column-gap:36px}@media(max-width:700px){.study-list.multi-column{columns:1}}

/* Definitieve compacte hoogte voor de zes grammatica-niveaukaarten. */
.study-book-shelf{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;align-items:start!important}
.study-book-cover{height:auto!important;min-height:0!important;padding:12px 14px!important;align-self:start!important}
.study-book-cover h3{font-size:19px!important}
.study-book-cover p{font-size:14px!important;line-height:1.35!important}
.study-book-level{font-size:11px}
@media(max-width:900px){.study-book-shelf{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.study-book-shelf{grid-template-columns:1fr!important}}

/* Europees-Spaanse variantmelding bij automatische vertalingen */
.translate-variant{display:block;margin-top:6px;color:#536f7e;font-size:11px;line-height:1.45}

/* Compacte keuze voor de uitlegtaal: Nederlands of Engels. */
.language-switch{display:flex;justify-content:center;gap:3px;margin:0 0 12px;padding:3px;border:1px solid #d5e0e5;border-radius:999px;background:#f4f7f8}.language-switch button{flex:1;min-width:42px;border:0!important;border-radius:999px!important;padding:7px 10px!important;background:transparent!important;color:#60737e!important;text-align:center!important;font-size:11px!important;font-weight:850!important;letter-spacing:.08em;cursor:pointer}.language-switch button.active{background:var(--navy)!important;color:#fff!important;box-shadow:0 2px 7px rgba(21,50,77,.16)}.login-screen>.language-switch{position:fixed;z-index:2;top:22px;right:24px;width:112px;margin:0;background:rgba(255,255,255,.92)}.side .language-switch{margin:0 0 13px}.environment-banner:not([hidden])~.login-screen>.language-switch{top:55px}@media(max-width:700px){.login-screen>.language-switch{top:12px;right:14px}.module-switch>.language-switch{margin-top:4px}}

/* Thematische leerpagina's: context, kernwoordenschat en actieve toepassing. */
.topic-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:0;margin-bottom:18px;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,var(--navy),#28556d);box-shadow:0 15px 38px rgba(20,47,70,.14);color:#fff}.topic-hero>div{padding:34px 38px}.topic-hero .eyebrow{color:#f2ce82}.topic-hero h2{max-width:820px;margin:7px 0 12px;font:600 42px/1.12 Georgia,serif;letter-spacing:-.025em}.topic-hero p{max-width:820px;margin:0;color:#dce7e9;line-height:1.68}.topic-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.topic-meta span,.topic-meta button{padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:99px;background:rgba(255,255,255,.08);color:#eef5f5;font:inherit;font-size:11px}.topic-meta button{cursor:pointer}.topic-meta button i{margin-left:3px;font-style:normal}.topic-meta button:hover,.topic-meta button:focus-visible{border-color:#f2ce82;background:rgba(255,255,255,.17);color:#fff;outline:none;transform:translateY(-1px)}.topic-hero aside{display:flex;flex-direction:column;justify-content:center;padding:31px;background:linear-gradient(145deg,var(--terracotta),#a64935)}.topic-hero aside>span,.topic-section-heading span,.topic-goals>div>span,.topic-next>div>span{font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.topic-hero aside p{margin-top:10px;color:#fff0eb;font-size:14px;line-height:1.65}
.topic-detail-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:8px 0 18px;padding:23px 26px;border-left:5px solid var(--ochre);border-radius:0 16px 16px 0;background:linear-gradient(135deg,var(--navy),#28556d);color:#fff}.topic-detail-heading>div:first-child>span{color:#f2ce82;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.topic-detail-heading h2{margin:5px 0 7px;font:600 34px/1.15 Georgia,serif}.topic-detail-heading p{margin:0;color:#dce7e9;font-size:13px}.topic-detail-heading .topic-meta{flex-shrink:0;margin:0;justify-content:flex-end}.topic-detail-heading .topic-meta span,.topic-detail-heading .topic-meta button{white-space:nowrap}
.topic-goals{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:24px;padding:25px 28px;margin-bottom:18px;border:1px solid var(--line);border-radius:18px;background:#fff}.topic-goals>div>span{color:var(--terracotta-dark)}.topic-goals h3,.topic-section-heading h3,.topic-next h3{margin:6px 0 0;color:var(--navy);font:600 27px/1.2 Georgia,serif}.topic-goals ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0;padding:0;list-style:none;counter-reset:topic-goal}.topic-goals li{position:relative;min-height:112px;padding:17px 16px 15px 48px;border-radius:14px;background:#f7f3eb;counter-increment:topic-goal}.topic-goals li:before{content:counter(topic-goal);position:absolute;left:15px;top:15px;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--ochre);color:#fff;font-weight:850;font-size:11px}.topic-goals li b{display:block;margin-bottom:7px;color:var(--navy);font:600 17px Georgia,serif}.topic-goals li span{color:#617078;font-size:12px;line-height:1.5}
.topic-section{margin:18px 0;padding:27px 28px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 6px 22px rgba(45,48,37,.045)}.topic-section-heading{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(280px,1.35fr);gap:24px;align-items:end;margin-bottom:20px}.topic-section-heading span{color:var(--terracotta-dark)}.topic-section-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.topic-core-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.topic-word-card{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:16px;border:1px solid #e2ddd4;border-radius:13px;background:#fcfaf6;text-align:left;cursor:pointer}.topic-word-card:hover{border-color:#cda84b;background:#fffdf7;transform:translateY(-1px)}.topic-word-card>span{color:#225f82;font:600 20px Georgia,serif}.topic-word-card>b{margin-top:5px;color:#344750;font-size:13px}.topic-word-card>small{margin-top:10px;color:#829097;font-size:10px}
.topic-story{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;margin:18px 0;padding:29px 31px;border:1px solid #e3d7c7;border-left:6px solid var(--ochre);border-radius:18px;background:linear-gradient(135deg,#fffaf0,#f4eadc);box-shadow:0 7px 24px rgba(45,48,37,.055)}.topic-story-mark{align-self:start;color:rgba(147,67,47,.28);font:700 72px/.8 Georgia,serif}.topic-story>div:last-child>span{display:block;color:var(--terracotta-dark);font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.topic-story h3{margin:6px 0 13px;color:var(--navy);font:600 27px/1.2 Georgia,serif}.topic-story p{max-width:930px;margin:0;color:#485b65;font-size:15px;line-height:1.75}.topic-story p+p{margin-top:11px}
.topic-depth-section{background:linear-gradient(145deg,#fff,#f7f1e7)}.topic-depth-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.topic-depth-card{display:flex;min-width:0;flex-direction:column;padding:19px;border:1px solid #dfd6c8;border-radius:14px;background:#fff}.topic-depth-card>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center}.topic-depth-card>div>span{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:#f1e5d4;color:var(--terracotta-dark);font-size:10px;font-weight:850}.topic-depth-card>div>b{color:var(--navy);font:600 19px/1.2 Georgia,serif}.topic-depth-card>div>small{color:#7d898e;font-size:10px}.topic-depth-card p{margin:13px 0 9px;color:#52656e;font-size:12px;line-height:1.55}.topic-depth-card ul{margin:0 0 15px;padding:0;list-style:none}.topic-depth-card li{padding:5px 0;border-bottom:1px solid #eee8df;color:#52636b;font-size:11px;line-height:1.4}.topic-depth-card li:last-child{border-bottom:0}.topic-depth-card button,.topic-map-all{margin-top:auto;border:0;border-radius:9px;background:var(--navy);color:#fff;padding:11px 12px;text-align:left;cursor:pointer;font-weight:800}.topic-depth-card button:hover,.topic-map-all:hover{filter:brightness(1.08)}.topic-map-all{display:block;width:100%;margin-top:13px;background:var(--olive);text-align:center}
.topic-context-section{background:linear-gradient(145deg,#fff,#f8f2e8)}.topic-example-grid,.topic-example-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-example-more{display:contents}.topic-example-more[hidden]{display:none}.topic-example{display:flex;min-width:0;flex-direction:column;align-items:flex-start;padding:18px;border:1px solid #dfd8cc;border-left:4px solid var(--ochre);border-radius:11px;background:#fff;text-align:left;cursor:pointer}.topic-example:hover{box-shadow:0 7px 18px rgba(45,48,37,.08)}.topic-example b{color:#185b82;font:600 18px/1.35 Georgia,serif}.topic-example span{margin-top:7px;color:#455861;line-height:1.45}.topic-example small{margin-top:10px;color:#8b969b;font-size:10px}.topic-examples-toggle{display:block;width:100%;margin-top:13px;padding:12px 14px;border:1px solid #b9cbd3;border-radius:9px;background:#fff;color:var(--navy);cursor:pointer;font-weight:850}.topic-examples-toggle:hover{border-color:var(--ochre);background:#fffaf0}.topic-empty{display:flex;flex-direction:column;gap:7px;padding:19px;border:1px dashed #c9c2b6;border-radius:12px;color:var(--muted)}.topic-empty b{color:var(--navy);font:600 18px Georgia,serif}
.topic-expression-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.topic-expression-grid button{display:flex;flex-direction:column;align-items:flex-start;padding:15px 17px;border:0;border-radius:11px;background:#edf3f4;text-align:left;cursor:pointer}.topic-expression-grid button:hover{background:#e3edef}.topic-expression-grid b{color:#1f6284;font:600 17px Georgia,serif}.topic-expression-grid span{margin-top:5px;color:#54666e;font-size:12px}
.topic-word-groups{display:grid;gap:9px}.topic-word-group{border:1px solid #e1ddd5;border-radius:12px;overflow:hidden;background:#fff}.topic-word-group>summary{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;color:var(--navy);cursor:pointer;font-weight:800;list-style:none}.topic-word-group>summary::-webkit-details-marker{display:none}.topic-word-group>summary:after{content:'+';order:3;color:var(--terracotta);font-size:20px}.topic-word-group[open]>summary:after{content:'−'}.topic-word-group>summary b{margin-left:auto;margin-right:14px;padding:4px 8px;border-radius:99px;background:#f1ece4;color:#66757d;font-size:10px}.topic-word-group[open]>summary{border-bottom:1px solid #e8e2d9;background:#faf7f1}.topic-word-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.topic-word-list .topic-word-card{background:#fff}
.topic-next{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:30px;align-items:center;margin:18px 0;padding:29px 31px;border-radius:18px;background:linear-gradient(135deg,#f0e4d5,#f8f3ea)}.topic-next>div>span{color:var(--terracotta-dark)}.topic-next p{max-width:760px;margin:10px 0 0;color:#5c6a70;line-height:1.65}.topic-next-actions{display:grid;gap:9px}.topic-next-actions button{padding:13px 15px;border:0;border-radius:10px;background:var(--navy);color:#fff;text-align:left;cursor:pointer;font-weight:800}.topic-next-actions button+button{background:var(--olive)}.topic-next-actions button:hover{filter:brightness(1.08)}
.topic-related{margin-top:18px}.topic-related>.topic-section-heading{margin-bottom:12px}.topic-related>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.topic-related button{display:flex;flex-direction:column;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:#fff;text-align:left;cursor:pointer}.topic-related button:hover{border-color:#c9ab62}.topic-related button b{color:var(--navy);font:600 17px Georgia,serif}.topic-related button span{margin-top:5px;color:var(--muted);font-size:10px}
@media(max-width:1050px){.topic-core-grid,.topic-word-list{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-depth-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-goals{grid-template-columns:1fr}.topic-related>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topic-hero,.topic-next{grid-template-columns:1fr}.topic-hero>div{padding:27px 23px}.topic-hero h2{font-size:33px}.topic-hero aside{padding:23px}.topic-goals{padding:21px}.topic-goals ol{grid-template-columns:1fr}.topic-story{grid-template-columns:1fr;padding:23px 20px}.topic-story-mark{display:none}.topic-section{padding:22px 18px}.topic-section-heading{grid-template-columns:1fr;gap:10px}.topic-depth-grid{grid-template-columns:1fr}.topic-core-grid,.topic-word-list,.topic-example-grid,.topic-expression-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-next{padding:23px}.topic-related>div:last-child{grid-template-columns:1fr}}
@media(max-width:760px){.topic-detail-heading{display:block;padding:20px 19px}.topic-detail-heading h2{font-size:28px}.topic-detail-heading .topic-meta{justify-content:flex-start;margin-top:15px}.topic-detail-heading .topic-meta span,.topic-detail-heading .topic-meta button{white-space:normal}}
@media(max-width:480px){.topic-core-grid,.topic-word-list,.topic-example-grid,.topic-expression-grid{grid-template-columns:1fr}.topic-word-card{padding:14px}}

/* Zichtbare A1-C2-filtering binnen de thematische inhoudsopgave. */
.topic-level-selector{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(340px,1.15fr) minmax(260px,.9fr);gap:18px;align-items:center;margin:18px 0 24px;padding:17px 19px;border:1px solid #d7e0e3;border-left:5px solid var(--ochre);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(26,51,68,.05)}.topic-level-selector>div:first-child{display:flex;flex-direction:column;gap:4px}.topic-level-selector span{color:var(--terracotta-dark);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.topic-level-selector b{color:var(--navy);font:600 18px Georgia,serif}.topic-level-buttons,.topic-level-mode{display:flex;flex-wrap:wrap;gap:7px}.topic-level-mode{justify-content:flex-end}.topic-level-selector button{min-width:48px;padding:9px 13px;border:1px solid #cbd7dc;border-radius:9px;background:#fff;color:var(--navy);cursor:pointer;font-weight:800}.topic-level-mode button{min-width:118px}.topic-level-selector button:hover{border-color:var(--ochre);background:#fffaf0}.topic-level-selector button.active{border-color:var(--navy);background:var(--navy);color:#fff}.topic-level-selector small{max-width:180px;color:var(--muted);font-size:11px;line-height:1.4;text-align:right}@media(max-width:900px){.topic-level-selector{grid-template-columns:1fr}.topic-level-mode{justify-content:flex-start}.topic-level-selector small{max-width:none;text-align:left}}@media(max-width:520px){.topic-level-buttons{display:grid;grid-template-columns:repeat(3,1fr)}.topic-level-mode{display:grid;grid-template-columns:1fr 1fr}.topic-level-selector button{min-width:0}}

/* Gebruiksaanwijzing en de volledige woordenlijst horen vóór de niveaukeuze. */
.generic-map-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px;border-left:5px solid #bf4f2f}.generic-map-help h3{margin:0 0 7px}.generic-map-help p{margin:3px 0;color:var(--muted)}.generic-map-help>[data-relation-all-items]{flex:0 0 auto;background:#fff;border:2px solid var(--navy);border-radius:12px;color:var(--navy);font-weight:700}.generic-map-help>[data-relation-all-items]:hover{background:var(--navy);color:#fff}
@media(max-width:650px){.generic-map-help{display:block}.generic-map-help>[data-relation-all-items]{width:100%;margin-top:12px}}

.search-example-results{display:grid;gap:8px;padding:8px 14px 12px}.search-example-result{display:grid;grid-template-columns:180px minmax(0,1fr);gap:3px 14px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;cursor:pointer;font:inherit}.search-example-result:hover{border-color:var(--gold);background:#fffdf4}.search-example-word{grid-row:1 / span 2;color:var(--terracotta-dark);font-weight:800}.search-example-result b{color:var(--navy);font-family:Georgia,serif}.search-example-result small{color:var(--muted)}@media(max-width:700px){.search-example-result{grid-template-columns:1fr}.search-example-word{grid-row:auto}}
.search-conjugation-results{display:grid;gap:8px;padding:10px 14px 14px}.search-conjugation-result{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(180px,1.4fr) minmax(150px,1.2fr);gap:12px;width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;cursor:pointer;font:inherit}.search-conjugation-result:hover{border-color:var(--gold);background:#fffdf4}.search-conjugation-result span{display:grid;gap:3px;align-content:start}.search-conjugation-result small{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.search-conjugation-result b{color:var(--navy)}.search-conjugation-result span:first-child b{color:var(--terracotta-dark);font:700 19px Georgia,serif}@media(max-width:760px){.search-conjugation-result{grid-template-columns:1fr 1fr}}@media(max-width:460px){.search-conjugation-result{grid-template-columns:1fr}}

/* Hoofdonderdelen van het menu zijn bewust groter en overal dezelfde heldere rode accentkleur. */
.nav-group-label,.module-switch .nav-label{color:#c5162e!important;font-size:12px!important;font-weight:850!important;letter-spacing:.16em!important;text-transform:uppercase!important}
.language-switch button{white-space:nowrap}.side .language-switch{width:auto}.login-screen>.language-switch{width:154px}
.brand-title,.brand .by{grid-column:2;justify-self:stretch;width:100%;text-align:center}
.brand .by{white-space:nowrap}
/* All reference-work chapter labels use the same red heading treatment. */
.study-hero .eyebrow,.study-hero-chapter .eyebrow,.study-hero-alphabet .eyebrow{color:var(--red)!important}

/* De rode sectiekoppen zijn zelf de rustige, uitklapbare hoofdknoppen. */
.side .nav .nav-disclosure{display:block;min-width:0}.side .nav button.nav-disclosure-heading{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:31px;margin:14px 0 4px;padding:5px 9px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#c5162e!important;text-align:left;font-size:12px!important;font-weight:850!important;letter-spacing:.16em!important;line-height:1.2;text-transform:uppercase!important}.side .nav button.nav-disclosure-heading:hover{background:rgba(197,22,46,.07)!important;color:#a20d22!important;transform:none!important}.side .nav button.nav-disclosure-heading::after{content:'⌄';margin-left:8px;font-size:15px;letter-spacing:0;transition:transform .16s ease}.side .nav .nav-disclosure.is-open .nav-disclosure-heading::after{transform:rotate(180deg)}.side .nav .nav-disclosure-panel{display:none;padding:2px 0 4px 12px}.side .nav .nav-disclosure.is-open .nav-disclosure-panel{display:block}.side .nav .nav-disclosure-item{min-height:31px;padding:6px 10px 6px 14px;color:#637780;font-size:13px}.side .nav .nav-disclosure-item::before{content:'·';display:inline-block;width:11px;color:var(--terracotta,#c45d45);font-weight:900}.side .nav .nav-disclosure-item.active{font-weight:800}
@media(max-width:900px){.side .nav .nav-disclosure{grid-column:1/-1}.side .nav .nav-disclosure.is-open .nav-disclosure-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px 0 5px}.side .nav .nav-disclosure-item{min-height:34px;padding:7px 8px;font-size:12px}.side .nav .nav-disclosure-item::before{display:none}}
@media(max-width:560px){.side .nav .nav-disclosure.is-open .nav-disclosure-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}
.side .nav button.nav-practical-parent{display:flex;align-items:center;justify-content:space-between;width:100%}
.side .nav button.nav-practical-parent::after{content:'›';margin-left:8px;font-size:18px;font-weight:800;line-height:1;transition:transform .16s ease}
.side .nav button.nav-practical-parent[aria-expanded="true"]::after{transform:rotate(90deg)}
.side .nav .nav-practical-tree{display:grid;gap:2px;margin:1px 0 7px 12px;padding:2px 0 4px;border:0}
.side .nav .nav-practical-group{display:grid;gap:3px;min-width:0}
.side .nav button.nav-practical-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:31px;padding:6px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#637780!important;text-align:left;font-size:13px!important;font-weight:800!important;line-height:1.25}
.side .nav button.nav-practical-group-toggle::after{content:'›';margin-left:7px;font-size:16px;line-height:1;transition:transform .16s ease}
.nav-level-scope{display:block!important}.nav-level-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.nav-level-mode{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.nav-level-scope .nav-level-buttons button:first-child,.nav-level-scope .nav-level-mode button:first-child{grid-column:auto}.nav-level-mode button{padding-inline:4px;font-size:10px;line-height:1.15}
/* De niveaukeuze in Basiskeuzes is de enige niveau-instelling voor de hele site. */
#searchLevel,#verbLevel,#wordLevel,.example-sentences-toolbar label:has(>select[data-example-level]),.practice-settings>label:has(>#practiceLevel),.practice-settings>label:has(>#practiceLevelRange),.practice-bank-controls>fieldset:has([data-bank-level]),.practice-bank-controls>fieldset:has([data-bank-range]),.flashcard-fields>label:has(>#flashcardLevel),.relation-level-controls{display:none!important}
.book-scope-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;padding:14px 18px;border:1px solid rgba(51,123,163,.2);border-radius:14px;background:rgba(241,248,252,.8);color:#60717b}.book-scope-summary b{color:#265f80;font-size:18px}.learning-level-summary .learning-level-card{cursor:default}
.side .nav button.nav-primary-red{display:flex!important;align-items:center!important;min-height:34px!important;margin:4px 9px!important;padding:7px 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#c5162e!important;font-size:12px!important;font-weight:850!important;letter-spacing:.16em!important;text-transform:uppercase!important;box-shadow:none!important}.side .nav button.nav-primary-red:hover{background:transparent!important;color:#9f1026!important;transform:translateX(2px)!important}.side .nav button.nav-primary-red.active{background:transparent!important;color:#9f1026!important;box-shadow:none!important}.side .nav button.nav-primary-red::before,.side .nav button.nav-primary-red::after{display:none!important}
.side .nav .nav-practical-group.is-open>.nav-practical-group-toggle::after{transform:rotate(90deg)}
.side .nav .nav-practical-modes{display:grid;gap:2px;padding:1px 0 4px 7px}
.side .nav button.nav-practical-mode{display:flex;align-items:center;width:100%;min-height:31px;padding:6px 10px 6px 14px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#637780!important;text-align:left;font-size:13px!important;font-weight:700!important;line-height:1.25}
.side .nav button.nav-practical-mode:hover,.side .nav button.nav-practical-mode:focus-visible{background:rgba(51,123,163,.08)!important;color:#204f6b!important;transform:none!important}
.side .nav button.nav-practical-mode.active{background:#fff!important;color:var(--navy)!important;box-shadow:0 5px 15px rgba(36,44,40,.08)!important}
@media(max-width:900px){.side .nav .nav-disclosure-panel>button.nav-practical-parent,.side .nav .nav-disclosure-panel>.nav-practical-tree{grid-column:1/-1}.side .nav .nav-practical-tree{margin:2px 0 8px;padding:4px 0;border:0;border-radius:0;background:transparent}.side .nav .nav-practical-modes{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:0}}
@media(max-width:480px){.side .nav .nav-practical-modes{grid-template-columns:1fr}}

/* Uniforme introducties voor de hoofdschermen van het naslagwerk. */
.page-intro-hero{
 margin:0 0 22px;
 padding:28px 30px;
 border:0;
 border-radius:20px;
 overflow:hidden;
 background:linear-gradient(135deg,#17324d,#285778);
 color:#fff;
 box-shadow:0 12px 30px rgba(20,47,70,.13);
}
.page-intro-hero .eyebrow{color:#eadb91}
.page-intro-hero .title{margin:7px 0 10px;color:#fff}
.page-intro-hero .lead{max-width:820px;margin:0;color:#e5edf2}
.page-intro-hero .words-title-row{align-items:center}
.page-intro-hero .new-item-btn{border:0;border-radius:10px;background:#fff;color:var(--navy)}

/* De reeds bestaande grote koppen en werkvlakken volgen dezelfde afgeronde huisstijl. */
.gente-reader-hero,
.gente-reader-toolbar,
.gente-reader-frame,
.dev-intro,
.dev-score,
.dev-workspace,
.a1-book-intro,
.grammar-reading-page,
.grammar-deepening,
.verb-intro,
.verb-stats,
.verb-tools,
.verb-empty,
.verb-list,
.verb-folder,
.verb-folder-dialog-card{
 border-radius:15px!important;
 overflow:hidden;
}
.gente-reader-hero,
.gente-reader-toolbar,
.dev-intro,
.dev-score,
.dev-workspace,
.a1-book-intro,
.grammar-reading-page,
.grammar-deepening,
.verb-intro,
.verb-stats,
.verb-tools,
.verb-empty,
.verb-list,
.verb-folder,
.verb-folder-dialog-card{
 border:0!important;
 box-shadow:0 5px 18px rgba(45,48,37,.055)!important;
}
.gente-reader-frame{border:0!important;box-shadow:0 7px 24px rgba(17,39,57,.12)}
.dev-hero,.verb-hero{align-items:stretch}
.dev-score,.verb-stats,.verb-tools,.verb-empty,.verb-list,.verb-folder,.verb-folder-dialog-card,.grammar-reading-page{background:#fff}
.verb-search input,.verb-search select{border-radius:10px}
.verb-filter-groups{overflow:hidden;border:0!important;border-radius:12px!important}
.verb-folder-heading .action-btn,.verb-folder-actions button{border-radius:10px}
.verb-folder-wrap{border-radius:15px}
.verb-results-head{padding:11px 14px;border-radius:12px;background:#fff}
@media(max-width:700px){
 .page-intro-hero{padding:22px 20px;border-radius:17px}
 .gente-reader-hero,.gente-reader-toolbar,.gente-reader-frame,.dev-intro,.dev-score,.dev-workspace,.a1-book-intro,.grammar-reading-page,.grammar-deepening,.verb-intro,.verb-stats,.verb-tools,.verb-empty,.verb-list,.verb-folder,.verb-folder-dialog-card{border-radius:13px!important}
}
 .chapter-quizlet{margin:0 0 17px;padding:12px 14px;border:1px solid #dce2e6;background:#fbfcfd}.chapter-quizlet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.chapter-quizlet-head button{padding:8px 10px;font-size:12px;cursor:pointer}.chapter-quizlet-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.chapter-quizlet-card{min-height:66px;padding:0;border:1px solid var(--line);background:#fff;cursor:pointer;perspective:800px}.chapter-quizlet-card-inner{position:relative;display:block;min-height:66px;transform-style:preserve-3d;transition:transform .4s ease}.chapter-quizlet-card.flipped .chapter-quizlet-card-inner{transform:rotateY(180deg)}.chapter-quizlet-front,.chapter-quizlet-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:9px;text-align:center;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden}.chapter-quizlet-back{transform:rotateY(180deg)}@media(max-width:700px){.chapter-quizlet-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.chapter-quizlet-cards{grid-template-columns:1fr}}

.study-paragraph{white-space:pre-wrap;tab-size:4}
.chapter-edit-button{background:#edf5fa!important;border-color:#bad1df!important;color:#174f78!important;font-weight:800}
.chapter-editor-page{max-width:1050px;margin:0 auto;padding-bottom:45px}.chapter-editor-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;padding:24px 26px;background:#fff;border:1px solid var(--line);border-radius:16px}.chapter-editor-heading h2{margin:5px 0 7px;color:var(--navy);font:600 30px Georgia,serif}.chapter-editor-heading p{margin:0;color:var(--muted)}.chapter-editor-heading>div:last-child{display:flex;gap:9px;flex:none}.chapter-editor-heading button,.chapter-add-button{border:1px solid var(--line);background:#fff;color:var(--navy);padding:10px 14px;border-radius:9px;cursor:pointer;font-weight:750}.chapter-editor-heading .editor-save{background:var(--navy);color:#fff;border-color:var(--navy)}
.chapter-editor-help{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;padding:17px 20px;margin-bottom:16px;background:#f3f8fb;border:1px solid #c9dce8;border-radius:14px;color:#344650}.chapter-editor-help b{grid-row:1/3;color:#174f78}.chapter-editor-help kbd{padding:2px 6px;border:1px solid #bcc7ce;border-radius:4px;background:#fff;box-shadow:0 1px 0 #aeb9c0;font:700 11px monospace}
.chapter-editor-list{display:grid;gap:13px}.chapter-editor-block,.chapter-editor-table{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.chapter-editor-block>header,.chapter-editor-table>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#f7f8f9;border-bottom:1px solid var(--line);font-size:12px}.chapter-editor-block>header>div{display:flex;gap:5px}.chapter-editor-block>header button{border:1px solid #d5dce0;background:#fff;color:var(--navy);padding:5px 8px;border-radius:6px;cursor:pointer}.chapter-editor-block>header button.danger{color:#a33f32}
.chapter-editor-tools{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid #edf0f2;flex-wrap:wrap}.chapter-editor-tools button{border:1px solid #bad1df;background:#edf5fa;color:#174f78;padding:7px 10px;border-radius:7px;cursor:pointer;font-weight:750}.chapter-editor-tools button[data-editor-language="nl"]{border-color:#d7dde1;background:#f6f7f8;color:#344650}.chapter-editor-tools small{margin-left:auto;color:var(--muted)}.chapter-editor-block textarea{display:block;width:100%;min-height:125px;resize:vertical;border:0;padding:16px 18px;color:#283944;background:#fff;font:15px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;tab-size:4}.chapter-editor-block textarea:focus{outline:3px solid rgba(23,79,120,.16);outline-offset:-3px}.chapter-editor-table{padding-bottom:14px}.chapter-editor-table .study-table{width:calc(100% - 28px);margin:14px}.chapter-add-button{margin-top:15px;width:100%;border-style:dashed;background:#f9fafb}
@media(max-width:760px){.chapter-editor-heading{display:block}.chapter-editor-heading>div:last-child{margin-top:15px}.chapter-editor-heading button{flex:1}.chapter-editor-help{grid-template-columns:1fr}.chapter-editor-help b{grid-row:auto}.chapter-editor-tools small{width:100%;margin-left:0}}

/* Centrale Flashcards-leeromgeving; lokale hoofdstuk- en relatiekaartjes blijven zelfstandig. */
.flashcards-hero{display:flex;justify-content:space-between;gap:30px;margin-bottom:24px;padding:34px 38px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:linear-gradient(115deg,#e9f4ff 0%,#f2ecff 52%,#fff1e9 100%);color:#27313a;box-shadow:0 12px 30px rgba(35,55,77,.08)}
.flashcards-hero h2{margin:7px 0 12px;color:#252c33;font:800 44px/1.05 Inter,system-ui,sans-serif;letter-spacing:-.035em}.flashcards-hero p{max-width:760px;margin:0;color:#626b75;line-height:1.65}.flashcards-hero .eyebrow{color:#6e62d7;letter-spacing:.12em}.flashcards-hero aside{display:grid;align-content:center;min-width:220px;padding:21px 23px;border:1px solid #e2e1eb;border-radius:18px;background:rgba(255,255,255,.72)}.flashcards-hero aside b{color:var(--navy);font-size:20px;letter-spacing:.12em}.flashcards-hero aside span{font-size:12px;color:#737984}
.flashcard-builder{display:grid;gap:16px}.flashcard-builder-step{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:26px 28px;border:1px solid #e8ebee;border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 7px 22px rgba(35,55,77,.055)}.flashcard-builder-step>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf5fb;color:#27618b;font-weight:850}.flashcard-builder-step h3{margin:5px 0 18px;color:#2c343b}.flashcard-fields{display:grid;grid-template-columns:minmax(150px,.35fr) 1fr;gap:13px}.flashcard-fields.compact{grid-template-columns:repeat(2,minmax(140px,1fr)) auto;align-items:end}.flashcard-fields label{display:grid;gap:7px;color:#59636d;font-size:12px;font-weight:800}.flashcard-fields select{width:100%;padding:12px 13px;border:1px solid #e0e4e8;border-radius:12px;background:#f9fafb;color:#35414a}.flashcard-fields select:focus{outline:3px solid rgba(196,36,69,.12);border-color:#df8a9d}.flashcard-check{display:flex!important;align-items:center;min-height:43px;padding:0 8px}.flashcard-check input{width:18px;height:18px;accent-color:#c42445}
.flashcard-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.flashcard-type-grid label{position:relative;display:grid;gap:6px;min-height:105px;padding:17px 16px 15px 44px;border:1px solid #e2e6e9;border-radius:15px;background:#fff;cursor:pointer}.flashcard-type-grid label:hover{border-color:#cdd9e1;background:#fbfdff}.flashcard-type-grid label:has(input:checked){border-color:#df8a9d;background:#fff5f7;box-shadow:inset 0 0 0 1px #df8a9d}.flashcard-type-grid input{position:absolute;top:18px;left:16px;width:18px;height:18px;accent-color:#c42445}.flashcard-type-grid b{color:#303941}.flashcard-type-grid small{color:#737c84;line-height:1.45}.flashcard-start{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px 23px;border:0;border-radius:15px;background:#c42445;color:#fff;cursor:pointer;font-weight:850;box-shadow:0 9px 22px rgba(196,36,69,.18)}.flashcard-start:hover{background:#ae1f3c}.flashcard-start span{font-size:25px}
.flashcard-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.flashcard-status-grid label{position:relative;display:grid;gap:5px;min-height:104px;padding:16px 46px 14px 43px;border:1px solid #dfe5e9;border-radius:15px;background:#fff;cursor:pointer}.flashcard-status-grid label:has(input:checked){border-color:#3f789e;background:#f0f7fb;box-shadow:inset 0 0 0 1px #3f789e}.flashcard-status-grid input{position:absolute;top:18px;left:15px;width:18px;height:18px;accent-color:#356f9b}.flashcard-status-grid b{color:#303941}.flashcard-status-grid small{color:#6f7b83;line-height:1.35}.flashcard-status-grid strong{position:absolute;top:14px;right:14px;display:grid;min-width:28px;height:28px;place-items:center;padding:0 6px;border-radius:999px;background:#e8eff4;color:#2c6389;font-size:12px}.flashcard-status-summary{display:grid;gap:3px;margin-top:12px;padding:13px 15px;border-radius:12px;background:#f6f8fa;color:#65727b;font-size:13px}.flashcard-status-summary b{color:#2b475a}.flashcard-status-summary span{line-height:1.45}
.flashcard-player{max-width:880px;margin:10px auto;padding:24px;border-radius:20px;background:#fff;box-shadow:0 12px 36px rgba(23,50,77,.12)}.flashcard-player header{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.flashcard-player header>div{display:grid}.flashcard-player header span{color:#24577d;font-weight:850}.flashcard-player header small{color:var(--muted)}.flashcard-player header>b{color:var(--navy)}.flashcard-main{display:grid;place-items:center;align-content:center;gap:18px;width:100%;min-height:390px;padding:40px;border:1px solid #dbe2e6;border-radius:18px;background:linear-gradient(145deg,#fff,#f5f8fa);cursor:pointer;text-align:center}.flashcard-main.revealed{background:linear-gradient(145deg,#fdf8ee,#fff)}.flashcard-question{color:var(--navy);font:700 clamp(26px,4vw,44px)/1.2 Georgia,serif}.flashcard-answer{color:#687781;font-size:17px}.flashcard-main.revealed .flashcard-answer{color:#9a3e30;font-size:22px;font-weight:800}.flashcard-progress{height:7px;margin:18px 0;border-radius:9px;background:#e7ecef;overflow:hidden}.flashcard-progress i{display:block;height:100%;border-radius:inherit;background:#3b816b;transition:width .25s}.flashcard-player footer{display:flex;justify-content:center;gap:12px;min-height:46px;align-items:center;color:var(--muted)}.flashcard-player footer button,.flashcard-result button,.flashcard-empty button{min-width:160px;padding:12px 16px;border:0;border-radius:10px;cursor:pointer;font-weight:800}.flashcard-player footer .repeat{background:#fff0e8;color:#a4472e}.flashcard-player footer .known{background:#e3f2ea;color:#24654e}.flashcard-result,.flashcard-empty{max-width:760px;margin:40px auto;padding:40px;border-radius:20px;background:#fff;text-align:center;box-shadow:0 10px 32px rgba(23,50,77,.1)}.flashcard-result>span{color:#3b816b;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.flashcard-result h2{color:var(--navy)}.flashcard-result div{display:flex;justify-content:center;gap:10px;margin-top:22px}.flashcard-result .primary,.flashcard-empty button{background:var(--navy);color:#fff}
@media(max-width:900px){.flashcards-hero{display:block;padding:24px}.flashcards-hero aside{margin-top:18px}.flashcard-builder-step{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:20px}.flashcard-builder-step>div{min-width:0}.flashcard-type-grid{grid-template-columns:1fr 1fr}.flashcard-fields,.flashcard-fields.compact{grid-template-columns:1fr 1fr}.flashcard-main{min-height:300px}}@media(max-width:520px){.flashcard-builder-step{grid-template-columns:1fr;padding:18px}.flashcard-type-grid,.flashcard-fields,.flashcard-fields.compact{grid-template-columns:1fr}.flashcard-main{min-height:260px;padding:25px}.flashcard-player footer,.flashcard-result div{display:grid}.flashcard-player footer button{width:100%}}
.flashcard-builder-actions{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(300px,1.3fr);gap:12px}.flashcard-preview-toggle{display:flex;justify-content:space-between;align-items:center;padding:18px 21px;border:1px solid #b9cbd5;border-radius:15px;background:#fff;color:#356f95;cursor:pointer;font-weight:850}.flashcard-preview-toggle.active{background:#eef5f9}.flashcard-preview-toggle span{font-size:22px}.flashcard-preview{margin-top:4px;padding:28px;border:1px solid #e4e8ea;border-radius:20px;background:#fff}.flashcard-preview>header{display:flex;justify-content:space-between;gap:25px;align-items:start;margin-bottom:14px}.flashcard-preview h3{margin:6px 0 7px;color:#27323a;font-size:25px}.flashcard-preview header p{max-width:720px;margin:0;color:#6d7780;line-height:1.55}.flashcard-preview header>b{flex:none;padding:9px 12px;border-radius:99px;background:#eef5f9;color:#39779f}.flashcard-preview-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.flashcard-preview-toolbar button{padding:9px 13px;border:1px solid #a8bfcc;border-radius:10px;background:#fff;color:#2c6b8d;cursor:pointer;font-weight:800}.flashcard-preview-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.flashcard-preview-card{min-height:94px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;perspective:900px}.flashcard-preview-card-inner{position:relative;display:block;width:100%;min-height:94px;transform-style:preserve-3d;transition:transform .35s ease}.flashcard-preview-card.flipped .flashcard-preview-card-inner{transform:rotateY(180deg)}.flashcard-preview-front,.flashcard-preview-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid #dce5ea;border-radius:12px;background:#fff;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flashcard-preview-back{transform:rotateY(180deg);background:#f1f7fb}.flashcard-preview-front b,.flashcard-preview-back b{max-width:100%;color:#303b43;font-size:14px;line-height:1.2;overflow-wrap:anywhere}.flashcard-preview-card .flashcard-language-es{color:#174f78!important;font-family:inherit!important;font-weight:800!important}.flashcard-preview-empty{padding:30px;border:1px dashed #cdd6db;border-radius:14px;color:#6d7780;text-align:center}
.flashcard-relation-choice{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(280px,1.3fr);gap:16px;align-items:end;margin-top:14px;padding:16px 17px;border:1px solid #dbe4e9;border-radius:14px;background:#f5f9fb}.flashcard-relation-choice label{display:grid;gap:7px;color:#52636e;font-size:12px;font-weight:800}.flashcard-relation-choice select{width:100%;padding:11px 12px;border:1px solid #d3dde3;border-radius:11px;background:#fff;color:#344750}.flashcard-relation-choice small{align-self:center;color:#6d7981;line-height:1.5}
@media(max-width:1100px){.flashcard-preview-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:900px){.flashcard-builder-actions,.flashcard-relation-choice{grid-template-columns:1fr}.flashcard-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.flashcard-preview{padding:20px}}@media(max-width:520px){.flashcard-preview>header{display:block}.flashcard-preview header>b{display:inline-block;margin-top:12px}.flashcard-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flashcard-preview-toolbar button{width:100%}}
.flashcard-progress-overview{margin:24px 0 34px;padding:24px;border:1px solid #d8e4eb;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(27,59,82,.07)}.flashcard-progress-overview>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.flashcard-progress-overview>header span{color:#356f9b;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.flashcard-progress-overview>header h3{margin:5px 0 7px;color:var(--navy);font-size:25px}.flashcard-progress-overview>header p{max-width:760px;margin:0;color:#687680;line-height:1.5}.flashcard-progress-overview>header>b{display:grid;min-width:105px;justify-items:center;padding:15px;border-radius:15px;background:#edf5f9;color:#245f86;font-size:27px}.flashcard-progress-overview>header>b small{font-size:10px;text-transform:uppercase}.flashcard-progress-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}.flashcard-progress-totals>div{display:grid;gap:3px;padding:13px 15px;border-radius:12px;background:#f5f7f8}.flashcard-progress-totals strong{color:#344c5b;font-size:21px}.flashcard-progress-totals span{color:#6b7780;font-size:12px}.flashcard-progress-totals .known{background:#e9f5ef}.flashcard-progress-totals .known strong{color:#267052}.flashcard-progress-totals .unknown{background:#fff0ed}.flashcard-progress-totals .unknown strong{color:#a34538}.flashcard-progress-actions{display:flex;gap:6px}.flashcard-progress-actions button{padding:7px 9px;border:1px solid #aac6d7;border-radius:8px;background:#fff;color:#2c678c;cursor:pointer;font-size:11px;font-weight:800}.flashcard-progress-actions button:disabled{opacity:.38;cursor:default}
@media(max-width:900px){.flashcard-status-grid{grid-template-columns:1fr 1fr}.flashcard-progress-totals{grid-template-columns:1fr 1fr}.flashcard-progress-actions{display:grid}}@media(max-width:520px){.flashcard-status-grid{grid-template-columns:1fr}.flashcard-progress-overview{padding:17px}.flashcard-progress-overview>header{display:block}.flashcard-progress-overview>header>b{display:inline-grid;margin-top:13px}.flashcard-progress-totals{grid-template-columns:1fr 1fr}}

/* Kernregels: rustige blauwe huisstijl-dots in plaats van genummerde bollen. */
.study-reading-content .study-step{grid-template-columns:14px minmax(0,1fr);gap:9px;align-items:start;margin:7px 0;padding:0;background:transparent}
.study-reading-content .study-step>span{display:block;width:7px;height:7px;min-width:7px;min-height:7px;margin-top:9px;padding:0;border-radius:50%;overflow:hidden;background:var(--blue);color:transparent;font-size:0;line-height:0}
.study-reading-content .study-step p{margin:0;line-height:1.65}
.study-reading-content .study-example-lead{font-weight:400;color:#344650}
.study-reading-content .study-list{margin:0;padding-left:23px}
.study-reading-content .study-list li{padding:7px 8px;line-height:1.65}
.study-reading-content .study-list+.study-list{margin-top:0}
.study-reading-content .study-section-heading{font-weight:800!important}
.study-reading-content>.study-section-heading:first-child{margin-top:0}
.study-reading-content .study-section-heading.compact{margin-top:18px;margin-bottom:6px}

/* Beheer · actuele sessies en inloggeschiedenis */
.admin-activity{margin:0 0 20px;padding:24px;border:1px solid rgba(255,255,255,.86);border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 8px 28px rgba(35,55,77,.07);backdrop-filter:blur(18px) saturate(130%)}
.admin-activity>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.admin-activity>header h3{margin:4px 0 6px}.admin-activity>header p{margin:0;color:var(--muted)}
.admin-activity-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-activity-actions button,.activity-session>button,.admin-activity-tabs button{border:1px solid #cbd9e2;border-radius:10px;background:rgba(255,255,255,.88);color:#315c79;padding:9px 12px;cursor:pointer;font-weight:800}.admin-activity-actions button:hover,.activity-session>button:hover,.admin-activity-tabs button.active{background:#edf5fa;border-color:#9fc2d8}.admin-activity-actions button.danger{color:#9a3043;border-color:#e4bdc5}.admin-activity-actions button.danger:hover{background:#fff1f4}
.admin-activity-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.admin-activity-kpis>span{display:grid;padding:15px 17px;border-radius:14px;background:#f3f7fa}.admin-activity-kpis b{color:#244f6e;font-size:24px}.admin-activity-kpis small{color:var(--muted)}
.admin-activity-tabs{display:flex;gap:8px;margin:0 0 14px}.admin-activity-panel{display:none}.admin-activity-panel.active{display:block}.admin-activity-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-activity-columns>div{min-width:0}.admin-activity-columns h4{margin:4px 0 10px}
.activity-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 10px;border-bottom:1px solid #edf0f2}.activity-row>span:first-child{width:9px;height:9px;border-radius:50%;background:#c7cfd5}.activity-row>span.is-active{background:#37a36a;box-shadow:0 0 0 4px rgba(55,163,106,.12)}.activity-row>div{display:grid;gap:2px;min-width:0}.activity-row small{color:var(--muted);overflow-wrap:anywhere}.activity-row em{color:#557080;font-style:normal;font-weight:750;white-space:nowrap}.activity-session{grid-template-columns:10px minmax(0,1fr) auto auto;border:1px solid #e4ebef;border-radius:13px;margin-bottom:8px;background:rgba(255,255,255,.78)}.activity-empty{padding:18px;color:var(--muted);text-align:center;background:#f7f9fa;border-radius:12px}
@media(max-width:800px){.admin-activity>header{display:block}.admin-activity-actions{justify-content:flex-start;margin-top:14px}.admin-activity-columns{grid-template-columns:1fr}.admin-activity-kpis{grid-template-columns:1fr}.activity-session{grid-template-columns:10px minmax(0,1fr) auto}.activity-session>button{grid-column:2/4;justify-self:start}}

/* Het bulkformulier blijft ook op brede schermen rustig en verticaal leesbaar. */
.bulk-password-form{grid-template-columns:minmax(0,680px);justify-content:start;align-items:stretch;gap:14px}.bulk-password-form>div,.bulk-password-form>label,.bulk-password-form>button,.bulk-password-form>p{grid-column:1/-1}.bulk-password-form>div{max-width:560px}.bulk-password-form>label{display:grid;gap:7px}.bulk-password-form>label input{margin-top:0}.bulk-password-form>button{justify-self:start}

/* Hoofdstukken · compacte uitvouwbare inhoudsopgave boven de tekst */
.study-layout{display:block}.study-page{width:100%}.study-toc-panel{margin:18px 30px 0;border:1px solid rgba(126,160,184,.34);border-radius:15px;background:rgba(247,251,253,.9);overflow:hidden}.study-toc-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;cursor:pointer;list-style:none;color:#315f7e}.study-toc-panel>summary::-webkit-details-marker{display:none}.study-toc-panel>summary>span{display:grid;gap:2px}.study-toc-panel>summary b{font-size:16px}.study-toc-panel>summary small{color:var(--muted);font-size:11px}.study-toc-panel>summary i{width:10px;height:10px;border-right:2px solid #3676a3;border-bottom:2px solid #3676a3;transform:rotate(45deg);transition:transform .18s ease;margin-right:5px}.study-toc-panel[open]>summary i{transform:rotate(225deg);margin-top:7px}.study-toc-panel[open]>summary{border-bottom:1px solid #dce7ed}.study-toc-panel .study-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:7px 12px 12px}.study-toc-panel .study-toc button,.study-toc-panel .study-toc button:first-child{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:8px;text-align:left;border:0;border-bottom:1px solid #e4ecef;background:transparent;padding:10px 8px;color:#425b6b;font-size:12px;cursor:pointer}.study-toc-panel .study-toc button:first-child{display:block;grid-column:1/-1;font-weight:800;color:#315f7e}.study-toc-panel .study-toc button:hover{background:rgba(226,240,247,.65);color:#244f6e}.study-toc-panel .study-toc span{color:#3676a3;font-weight:850}.study-layout.read-mode .study-page{max-width:900px;margin:0 auto;background:#fffdf8}.study-layout.read-mode .study-toc-panel{margin-left:30px;margin-right:30px}
@media(max-width:700px){.study-toc-panel{margin:12px 14px 0}.study-toc-panel .study-toc{grid-template-columns:1fr}.study-toc-panel .study-toc button:first-child{grid-column:auto}.study-layout.read-mode .study-toc-panel{margin-left:14px;margin-right:14px}}
/* Flashcards: Spaans rood, Nederlandse/Engelse vertaling blauw. */
.chapter-quizlet-front,.flashcard-language-es{color:#bf2f43!important}
.chapter-quizlet-back,.flashcard-language-translation{color:#356f95!important}
.chapter-quizlet-back{color:#173f5f!important;font-family:Georgia,serif!important;font-size:1em!important;font-weight:800!important}
@media(max-width:700px){
 .mobile-header{grid-template-columns:minmax(0,1fr) auto 48px!important}
 .mobile-header strong{text-align:left!important;padding-left:14px}
 .mobile-header .mobile-menu-button{display:flex;align-items:center;gap:5px;padding:0 8px;font-size:17px}
 .mobile-header .mobile-menu-button span{font-size:12px}
 .mobile-menu-hint{display:none!important}
}

/* Werkwoorden · naslag en afwijkingen per tijd. */
.verb-irregularity-reference{margin:0 0 18px;border:1px solid #d5e0e6;background:#fff}.verb-irregularity-reference summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:16px 18px;cursor:pointer;list-style:none}.verb-irregularity-reference summary::-webkit-details-marker{display:none}.verb-irregularity-reference summary:before{content:'+';display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#e9f3f8;color:#286b91;font-weight:900}.verb-irregularity-reference[open] summary:before{content:'−'}.verb-irregularity-reference summary span{grid-column:2;color:#28729c;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.verb-irregularity-reference summary b{grid-column:2;color:var(--navy);font:600 20px Georgia,serif}.verb-irregularity-reference summary em{grid-column:3;grid-row:1/3;color:#6d7b84;font-size:11px;font-style:normal}.verb-irregularity-reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #dfe7eb}.verb-irregularity-reference-grid article{padding:14px 17px;border-bottom:1px solid #e7edef}.verb-irregularity-reference-grid article:nth-child(odd){border-right:1px solid #e7edef}.verb-irregularity-reference-grid b{display:block;color:#245f83}.verb-irregularity-reference-grid p{margin:5px 0 0;color:#62717a;line-height:1.45}.verb-irregularity-by-tense{margin-bottom:18px}.verb-irregularity-by-tense>.panel-title-actions{margin-bottom:13px}.verb-irregularity-by-tense>.panel-title-actions h3{margin:4px 0 0}.verb-irregularity-by-tense>.panel-title-actions>span{padding:6px 9px;border-radius:999px;background:#eaf4f9;color:#286b91;font-size:11px;font-weight:800}.verb-regular-status{background:#edf6ef!important;color:#39704d!important}.verb-irregularity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.verb-irregularity-grid article{display:grid;gap:5px;padding:13px 14px;border:1px solid #dce5e9;border-left:4px solid #4a88a9;background:#fbfdfe}.verb-irregularity-grid article>span{color:#28729c;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.verb-irregularity-grid article>b{color:var(--navy);font-size:14px}.verb-irregularity-grid article>small{color:#667780;line-height:1.4}.verb-irregularity-grid article>small strong{color:#425965}
@media(max-width:700px){.verb-irregularity-reference summary{grid-template-columns:auto minmax(0,1fr)}.verb-irregularity-reference summary em{grid-column:2;grid-row:auto}.verb-irregularity-reference-grid,.verb-irregularity-grid{grid-template-columns:1fr}.verb-irregularity-reference-grid article:nth-child(odd){border-right:0}}

/* Klikbare uitleg per tijd: patronen zijn direct zichtbaar, werkwoorden klappen open. */
.verb-irregularity-reference-item{min-width:0;border-bottom:1px solid #e7edef;background:#fff}.verb-irregularity-reference-item:nth-child(odd){border-right:1px solid #e7edef}.verb-irregularity-reference-item>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 17px;cursor:pointer;list-style:none}.verb-irregularity-reference-item>summary:before{content:none!important;display:none!important}.verb-irregularity-reference-item>summary::-webkit-details-marker{display:none}.verb-irregularity-reference-item>summary>span{display:block;min-width:0}.verb-irregularity-reference-item>summary b{display:block;color:#245f83;font:800 16px/1.3 Inter,system-ui,sans-serif}.verb-irregularity-reference-item>summary p{margin:5px 0;color:#62717a;line-height:1.45}.verb-irregularity-reference-item>summary small{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.verb-irregularity-reference-item>summary small i{padding:4px 7px;border-radius:999px;background:#edf5fa;color:#286b91;font-size:10px;font-style:normal;font-weight:800}.verb-irregularity-reference-item>summary>em{flex:none;color:#70808a;font-size:10px;font-style:normal;white-space:nowrap}.verb-irregularity-reference-item[open]>summary{background:#f8fbfd}.verb-irregularity-reference-item[open]>summary>em{color:#286b91}.verb-irregularity-reference-item>div{display:grid;gap:9px;padding:0 14px 14px}.verb-irregularity-reference-item>div>article{min-width:0;padding:12px 13px;border:1px solid #dce6eb;border-left:4px solid #4a88a9;border-radius:10px;background:#fbfdfe}.verb-irregularity-reference-item>div>article h4{margin:0;color:#9b4937;font-size:13px}.verb-irregularity-reference-item>div>article>p{margin:5px 0 9px;color:#687983;font-size:10px}.verb-irregularity-reference-item>div>article>div{display:block;columns:145px auto;column-gap:18px}.verb-irregularity-reference-item>div>article>div span{display:block;break-inside:avoid;padding:2px 0;color:#334f60;font-size:11px;font-weight:750}.verb-irregularity-reference-item>div>article>div span em{color:#a14935;font-style:normal;font-weight:850}
@media(max-width:700px){.verb-irregularity-reference-item:nth-child(odd){border-right:0}.verb-irregularity-reference-item>summary{display:grid}.verb-irregularity-reference-item>summary>em{white-space:normal}.verb-irregularity-reference-item>div>article>div{columns:2}}
@media(max-width:430px){.verb-irregularity-reference-item>div>article>div{columns:1}}

/* Werkwoordenposter: alle onregelmatige werkwoorden per tijd en patroon. */
.verb-irregularity-poster{margin:0 0 20px;border:1px solid rgba(117,151,174,.42);border-radius:18px;background:linear-gradient(120deg,rgba(232,244,252,.94),rgba(244,239,255,.9) 55%,rgba(255,244,236,.92));box-shadow:0 9px 26px rgba(37,65,83,.07);overflow:hidden}.verb-irregularity-poster>summary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px;cursor:pointer;list-style:none}.verb-irregularity-poster>summary::-webkit-details-marker{display:none}.verb-irregularity-poster>summary>span{display:grid;gap:3px}.verb-irregularity-poster>summary small{color:#39789e;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.verb-irregularity-poster>summary b{color:#263b49;font:700 22px/1.25 Georgia,serif}.verb-irregularity-poster>summary em{color:#657680;font-size:12px;font-style:normal}.verb-irregularity-poster>summary>strong{flex:none;padding:10px 13px;border-radius:11px;background:#367aa4;color:#fff;font-size:12px}.verb-irregularity-poster[open]>summary{border-bottom:1px solid rgba(117,151,174,.28)}.verb-poster-sheet{padding:28px;background:#f7f3e9;color:#293841}.verb-poster-sheet>header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:22px;margin-bottom:20px;padding:23px 25px;border-radius:16px;background:linear-gradient(125deg,#183b55,#397ca1);color:#fff}.verb-poster-sheet>header>div:first-child>span{color:#f2d989;font-size:10px;font-weight:900;letter-spacing:.17em}.verb-poster-sheet h2{margin:5px 0 7px;color:#fff;font:800 clamp(28px,4vw,48px)/1 Inter,system-ui,sans-serif;letter-spacing:-.04em}.verb-poster-sheet header p{max-width:800px;margin:0;color:#e5eff4;line-height:1.45}.verb-poster-sheet header button{border:1px solid rgba(255,255,255,.55);border-radius:10px;background:rgba(255,255,255,.12);color:#fff;padding:10px 13px;cursor:pointer;font-weight:850}.verb-poster-total{display:grid;place-items:center;min-width:92px;padding:13px;border:1px solid rgba(255,255,255,.32);border-radius:14px;background:rgba(255,255,255,.09)}.verb-poster-total b{font-size:32px;line-height:1}.verb-poster-total span{margin-top:4px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.verb-poster-tenses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.verb-poster-tense{break-inside:avoid;border:1px solid #d8d5ca;border-radius:14px;background:rgba(255,255,255,.86);overflow:hidden}.verb-poster-tense-title{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;background:#eaf2f6}.verb-poster-tense-title>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#397ba1;color:#fff;font-size:10px;font-weight:900}.verb-poster-tense-title h3{margin:0;color:#21465f;font:750 18px/1.2 Georgia,serif}.verb-poster-tense-title em{color:#70808a;font-size:10px;font-style:normal}.verb-poster-patterns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.verb-poster-patterns article{position:relative;min-width:0;padding:12px 14px 24px;border-right:1px solid #e4e1d9;border-bottom:1px solid #e4e1d9}.verb-poster-patterns article:nth-child(even){border-right:0}.verb-poster-patterns h4{margin:0 0 8px;color:#a14935;font-size:12px;line-height:1.3}.verb-poster-patterns article>div{display:flex;flex-wrap:wrap;gap:4px 8px}.verb-poster-patterns article>div span{color:#334c5a;font-size:11px;font-weight:700}.verb-poster-patterns article>div span:not(:last-child):after{content:' ·';color:#aab3b8}.verb-poster-patterns article>small{position:absolute;right:10px;bottom:7px;color:#89959b;font-size:9px}.verb-poster-sheet>footer{margin-top:16px;color:#718088;font-size:10px;text-align:center}
@media(max-width:850px){.verb-poster-tenses{grid-template-columns:1fr}.verb-poster-sheet>header{grid-template-columns:1fr auto}.verb-poster-sheet header button{grid-column:1/-1}.verb-poster-patterns{grid-template-columns:1fr}.verb-poster-patterns article{border-right:0}.verb-irregularity-poster>summary{align-items:flex-start}.verb-irregularity-poster>summary>strong{margin-top:3px}}
@media(max-width:520px){.verb-irregularity-poster>summary{display:grid}.verb-irregularity-poster>summary>strong{justify-self:start}.verb-poster-sheet{padding:12px}.verb-poster-sheet>header{grid-template-columns:1fr;padding:18px}.verb-poster-total{justify-self:start}.verb-poster-sheet header button{grid-column:auto}.verb-poster-tense-title{grid-template-columns:auto minmax(0,1fr)}.verb-poster-tense-title em{grid-column:2}}
@media print{body.printing-verb-poster *{visibility:hidden!important}body.printing-verb-poster .verb-irregularity-poster,body.printing-verb-poster .verb-irregularity-poster *{visibility:visible!important}body.printing-verb-poster .verb-irregularity-poster{position:absolute;inset:0;margin:0;border:0;box-shadow:none}body.printing-verb-poster .verb-irregularity-poster>summary{display:none}body.printing-verb-poster .verb-poster-sheet{padding:0;background:#fff}body.printing-verb-poster .verb-poster-sheet>header button{display:none}body.printing-verb-poster .verb-poster-tenses{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.verb-poster-tense{break-inside:avoid}.verb-poster-patterns article{padding:8px 10px 18px}.verb-poster-patterns article>div span{font-size:8pt}}

/* Posterwoorden lezen van boven naar beneden; lange lijsten lopen door in een nieuwe kolom. */
.verb-poster-patterns article>p{margin:0 0 9px;color:#6b7b84;font-size:9px;line-height:1.4}.verb-poster-patterns article>p strong{color:#425c6b}.verb-poster-patterns article>div{display:block;columns:128px auto;column-gap:18px;column-rule:1px solid #edf0f1}.verb-poster-patterns article>div span{display:block;break-inside:avoid;padding:2px 0;line-height:1.3}.verb-poster-patterns article>div span:not(:last-child):after{content:none}
.verb-poster-patterns article>div span em{color:#a14935;font-style:normal;font-weight:850}
.verb-irregularity-reference-item>div>article.is-yo-pattern>div{columns:1}.verb-irregularity-reference-item>div>article.is-yo-pattern>div span{display:grid;grid-template-columns:minmax(110px,1fr) minmax(110px,1fr);gap:12px;align-items:baseline}.verb-irregularity-reference-item>div>article.is-yo-pattern>div span b{color:#334f60;font:inherit}.verb-irregularity-reference-item>div>article.is-yo-pattern>div span em{justify-self:start}.verb-poster-patterns article.is-yo-pattern>div{columns:1}.verb-poster-patterns article.is-yo-pattern>div span{display:grid;grid-template-columns:minmax(90px,1fr) minmax(90px,1fr);gap:8px}.verb-poster-patterns article.is-yo-pattern>div span b{color:#334c5a;font:inherit}.verb-poster-patterns article.is-yo-pattern>div span em{justify-self:start}
.verb-pattern-form-guide{display:grid!important;gap:3px;margin:0 0 10px;padding:8px 10px;border-radius:8px;background:#edf5fa;color:#496879;font-size:10px;line-height:1.4;columns:auto!important}.verb-pattern-form-guide strong{color:#285f80}.verb-pattern-form-guide small{color:#71818a;font-size:9px}.verb-irregularity-reference-item>div>article.is-vowel-pattern>.verb-pattern-form-guide+div,.verb-poster-patterns article.is-vowel-pattern>.verb-pattern-form-guide+div{columns:1}.verb-irregularity-reference-item>div>article.is-vowel-pattern>.verb-pattern-form-guide+div span,.verb-poster-patterns article.is-vowel-pattern>.verb-pattern-form-guide+div span{display:grid;grid-template-columns:minmax(105px,1fr) minmax(0,2fr);gap:12px;align-items:baseline}.verb-irregularity-reference-item>div>article.is-vowel-pattern>.verb-pattern-form-guide+div span b,.verb-poster-patterns article.is-vowel-pattern>.verb-pattern-form-guide+div span b{color:#334f60;font:inherit}.verb-irregularity-reference-item>div>article.is-vowel-pattern>.verb-pattern-form-guide+div span em,.verb-poster-patterns article.is-vowel-pattern>.verb-pattern-form-guide+div span em{justify-self:start;white-space:normal}
.verb-irregularity-reference-item>div>article.is-form-pattern>div:last-of-type,.verb-poster-patterns article.is-form-pattern>div:last-of-type{columns:1}.verb-irregularity-reference-item>div>article.is-form-pattern>div:last-of-type span,.verb-poster-patterns article.is-form-pattern>div:last-of-type span{display:grid;grid-template-columns:minmax(105px,1fr) minmax(0,2fr);gap:12px;align-items:baseline}.verb-irregularity-reference-item>div>article.is-form-pattern>div:last-of-type span b,.verb-poster-patterns article.is-form-pattern>div:last-of-type span b{color:#334f60;font:inherit}.verb-irregularity-reference-item>div>article.is-form-pattern>div:last-of-type span em,.verb-poster-patterns article.is-form-pattern>div:last-of-type span em{justify-self:start;white-space:normal}
.verb-poster-formula{padding:8px 14px;border-bottom:1px solid #dfe7ea;background:#f5f9fb;color:#526b79;font-size:10px;line-height:1.45}.verb-poster-formula strong{color:#2d5872}
.verb-irregularity-reference-grid.has-open-item{grid-template-columns:1fr}.verb-irregularity-reference-grid.has-open-item>.verb-irregularity-reference-item:not([open]){display:none}.verb-irregularity-reference-grid.has-open-item>.verb-irregularity-reference-item[open]{grid-column:1/-1;border-right:0}.verb-irregularity-reference-grid.has-open-item>.verb-irregularity-reference-item[open]>div{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.verb-poster-meaning{display:block!important;margin:1px 0;color:#39805a!important;font-size:9px!important;font-weight:750!important;line-height:1.25}.verb-irregularity-reference-item>div>article>div span:has(.verb-poster-meaning),.verb-poster-patterns article>div span:has(.verb-poster-meaning){break-inside:avoid}
.verb-irregularity-reference-item article.is-yo-pattern>div span:has(.verb-poster-meaning),.verb-irregularity-reference-item article.is-vowel-pattern>div span:has(.verb-poster-meaning),.verb-irregularity-reference-item article.is-form-pattern>div span:has(.verb-poster-meaning),.verb-poster-patterns article.is-yo-pattern>div span:has(.verb-poster-meaning),.verb-poster-patterns article.is-vowel-pattern>div span:has(.verb-poster-meaning),.verb-poster-patterns article.is-form-pattern>div span:has(.verb-poster-meaning){grid-template-columns:minmax(105px,1fr) minmax(0,2fr);grid-template-rows:auto auto}.verb-irregularity-reference-item article span:has(.verb-poster-meaning)>b,.verb-poster-patterns article span:has(.verb-poster-meaning)>b{grid-column:1;grid-row:1}.verb-irregularity-reference-item article span:has(.verb-poster-meaning)>.verb-poster-meaning,.verb-poster-patterns article span:has(.verb-poster-meaning)>.verb-poster-meaning{grid-column:1;grid-row:2}.verb-irregularity-reference-item article span:has(.verb-poster-meaning)>em,.verb-poster-patterns article span:has(.verb-poster-meaning)>em{grid-column:2;grid-row:1/3;align-self:center}
@media(max-width:1050px){.verb-irregularity-reference-grid.has-open-item>.verb-irregularity-reference-item[open]>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.verb-irregularity-reference-grid.has-open-item>.verb-irregularity-reference-item[open]>div{grid-template-columns:1fr}.verb-irregularity-reference-grid.has-open-item>.verb-irregularity-reference-item:not([open]){display:block}.verb-irregularity-reference-grid.has-open-item{grid-template-columns:1fr}}
@media(max-width:520px){.verb-poster-patterns article>div{columns:1}}
.verb-irregularity-pattern-filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding:12px 14px;border-bottom:1px solid #dfe7ea;background:#f6fafc}.verb-irregularity-pattern-filters button{border:1px solid #bdd1dd;border-radius:999px;background:#fff;color:#466473;padding:7px 11px;font-size:10px;font-weight:800;cursor:pointer}.verb-irregularity-pattern-filters button:hover,.verb-irregularity-pattern-filters button.active{border-color:#397ba1;background:#397ba1;color:#fff;box-shadow:0 4px 11px rgba(57,123,161,.16)}.verb-irregularity-reference-item article[hidden]{display:none!important}
.verb-present-pattern-filters{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:stretch;gap:10px;padding:12px 14px}.verb-pattern-filter-all{display:flex;align-items:flex-end;padding-bottom:9px}.verb-pattern-filter-group{display:grid;align-content:start;gap:7px;padding:8px 10px 10px;border:1px solid #cfdae0;border-radius:12px;background:#fff}.verb-pattern-filter-group>strong{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.verb-pattern-filter-group>div{display:flex;flex-wrap:wrap;gap:6px}.verb-pattern-filter-group.is-cork{border-color:#e2b28b;background:#fff8f2}.verb-pattern-filter-group.is-cork>strong{color:#9a4a2f}.verb-pattern-filter-group.is-bottle{border-color:#a8cbe0;background:#f5fbff}.verb-pattern-filter-group.is-bottle>strong{color:#226d98}.verb-pattern-filter-group.is-other>strong{color:#596871}
@media(max-width:900px){.verb-present-pattern-filters{grid-template-columns:1fr 1fr}.verb-pattern-filter-all{align-items:center;padding-bottom:0}.verb-pattern-filter-group.is-other{grid-column:1/-1}}
@media(max-width:600px){.verb-irregularity-pattern-filters.verb-present-pattern-filters{display:grid;grid-template-columns:1fr;overflow:visible}.verb-pattern-filter-group.is-other{grid-column:auto}.verb-pattern-filter-group>div{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}}
.verb-irregularity-reference-item article>div span:has(>.verb-poster-meaning),.verb-poster-patterns article>div span:has(>.verb-poster-meaning){display:grid!important;grid-template-columns:max-content max-content minmax(110px,1fr)!important;grid-template-rows:auto!important;gap:0 7px!important;align-items:baseline!important}.verb-irregularity-reference-item article span:has(>.verb-poster-meaning)>b,.verb-poster-patterns article span:has(>.verb-poster-meaning)>b{grid-column:1!important;grid-row:1!important}.verb-irregularity-reference-item article span:has(>.verb-poster-meaning)>.verb-poster-meaning,.verb-poster-patterns article span:has(>.verb-poster-meaning)>.verb-poster-meaning{grid-column:2!important;grid-row:1!important;margin:0!important;align-self:baseline}.verb-irregularity-reference-item article span:has(>.verb-poster-meaning)>.verb-poster-meaning:before,.verb-poster-patterns article span:has(>.verb-poster-meaning)>.verb-poster-meaning:before{content:'/ ';color:#8aa096}.verb-irregularity-reference-item article span:has(>.verb-poster-meaning)>em,.verb-poster-patterns article span:has(>.verb-poster-meaning)>em{grid-column:3!important;grid-row:1!important;align-self:baseline!important}
@media(max-width:600px){.verb-irregularity-pattern-filters{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.verb-irregularity-pattern-filters button{flex:none}.verb-irregularity-reference-item article>div span:has(>.verb-poster-meaning),.verb-poster-patterns article>div span:has(>.verb-poster-meaning){grid-template-columns:max-content minmax(0,1fr)!important}.verb-irregularity-reference-item article span:has(>.verb-poster-meaning)>em,.verb-poster-patterns article span:has(>.verb-poster-meaning)>em{grid-column:1/-1!important;grid-row:2!important;padding-left:0}}
.verb-irregularity-reference-item.pattern-filtered>div>article:not([hidden]){grid-column:1/-1;width:100%}.verb-irregularity-reference-item.pattern-filtered>div>article:not([hidden])>div:last-child{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));column-gap:28px;row-gap:3px;columns:auto!important}.verb-irregularity-reference-item.pattern-filtered>div>article:not([hidden])>div:last-child>span{min-width:0}.relation-map-arrow-navigation{display:flex;align-items:center;gap:9px;margin-left:auto;align-self:flex-start}.relation-map-arrow-navigation button{display:grid;place-items:center;width:48px;height:48px;border:1px solid #b9d1df;border-radius:15px;background:rgba(255,255,255,.82);color:#3378a0;font-size:25px;font-weight:850;box-shadow:0 8px 20px rgba(45,91,118,.12);cursor:pointer}.relation-map-arrow-navigation button:hover:not(:disabled){background:#397ba1;color:#fff}.relation-map-arrow-navigation button:disabled{opacity:.3;cursor:default}
@media(max-width:600px){.verb-irregularity-reference-item.pattern-filtered>div>article:not([hidden])>div:last-child{grid-template-columns:1fr}.relation-map-arrow-navigation{width:100%;justify-content:flex-end;margin-top:8px}.relation-map-arrow-navigation button{width:44px;height:44px}}
.relation-map-panel-navigation{width:auto;margin-left:0;align-self:center;flex:none}.relation-all-items-heading .relation-map-panel-navigation{order:3}

/* Werkwoordnaslag: extra nadruk en duidelijke geheugensteunen. */
.verb-irregularity-reference{border:2px solid #b53b54;box-shadow:0 8px 24px rgba(181,59,84,.12)}
.verb-irregularity-reference>summary{background:linear-gradient(90deg,#fff8f9,#fff)}
.verb-irregularity-reference[open]>summary{border-bottom:1px solid #edc5ce}
.verb-irregularity-reference>summary:before{background:#b53b54;color:#fff}
.verb-irregularity-reference>summary>span{color:#a82f49}
.verb-memory-methods{grid-column:1/-1;padding:16px;border-bottom:1px solid #dfe7ea;background:#fffaf1}
.verb-memory-methods>header{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:10px}
.verb-memory-methods>header span{color:#7b6951;font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.verb-memory-methods>header b{color:#6b4d28;font-size:14px}
.verb-memory-methods>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.verb-memory-methods section{padding:14px 15px;border:1px solid;border-radius:12px;background:#fff}
.verb-memory-methods section>strong{display:inline-block;margin-bottom:7px;padding:4px 8px;border-radius:999px;font-size:10px;letter-spacing:.12em}
.verb-memory-methods h4{margin:0 0 6px;font-size:14px}
.verb-memory-methods p{margin:0 0 9px;font-size:11px;line-height:1.5}
.verb-memory-methods p b{display:inline;color:inherit}
.verb-memory-methods small{display:block;color:#405b69;font-size:10px;line-height:1.45}
.verb-memory-list{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:10px 0;padding:10px 11px;border-radius:9px;background:#f7fafc}
.verb-memory-list>b{color:#294f68;font-size:11px}
.verb-memory-list>span{display:grid;grid-template-columns:52px minmax(0,1fr);gap:7px;color:#455b68;font-size:10px;line-height:1.4}
.verb-memory-list i{font-style:normal;font-weight:850}.verb-memory-list em{font-style:normal}
.verb-memory-both,.verb-memory-separate{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#fff}
.verb-memory-both{border:1px solid #b8a7d7;color:#62468f}.verb-memory-separate{border:1px solid #cbd3d8;color:#52616a}
.verb-memory-both b,.verb-memory-separate b{flex:0 0 auto;font-size:10px;letter-spacing:.06em;text-transform:uppercase}.verb-memory-both span,.verb-memory-separate span{font-size:10px;line-height:1.4}
.verb-memory-bottle{border-color:#a8cbe0!important}
.verb-memory-bottle>strong{background:#e5f2fa;color:#226d98}
.verb-memory-bottle h4{color:#226d98}
.verb-memory-cork{border-color:#dfb48d!important}
.verb-memory-cork>strong{background:#f8e8d7;color:#9a4a2f}
.verb-memory-cork h4{color:#9a4a2f}
.verb-irregularity-reference-item article.pattern-unique-yo,.verb-poster-patterns article.pattern-unique-yo{border-left-color:#7357a8!important;background:#faf8ff}
.verb-irregularity-reference-item article.pattern-unique-yo h4,.verb-poster-patterns article.pattern-unique-yo h4{color:#66469c}
.verb-irregularity-reference-item article.pattern-yo-go,.verb-poster-patterns article.pattern-yo-go{border-left-color:#c34d3e!important;background:#fff8f5}
.verb-irregularity-reference-item article.pattern-yo-go h4,.verb-poster-patterns article.pattern-yo-go h4{color:#ad382d}
.verb-irregularity-reference-item article.pattern-yo-zco,.verb-poster-patterns article.pattern-yo-zco{border-left-color:#ba8616!important;background:#fffaf0}
.verb-irregularity-reference-item article.pattern-yo-zco h4,.verb-poster-patterns article.pattern-yo-zco h4{color:#92630c}
.verb-irregularity-pattern-filters button.pattern-unique-yo,.verb-irregularity-reference-item>summary small i.pattern-unique-yo{border-color:#9e89c4;background:#f0ebfa;color:#60408e}
.verb-irregularity-pattern-filters button.pattern-yo-go,.verb-irregularity-reference-item>summary small i.pattern-yo-go{border-color:#df8e83;background:#fae8e4;color:#a7352a}
.verb-irregularity-pattern-filters button.pattern-yo-zco,.verb-irregularity-reference-item>summary small i.pattern-yo-zco{border-color:#dfbd6e;background:#fff0c9;color:#815808}
.verb-irregularity-pattern-filters button.pattern-unique-yo.active{border-color:#7357a8;background:#7357a8;color:#fff}
.verb-irregularity-pattern-filters button.pattern-yo-go.active{border-color:#c34d3e;background:#c34d3e;color:#fff}
.verb-irregularity-pattern-filters button.pattern-yo-zco.active{border-color:#ba8616;background:#ba8616;color:#fff}
@media(max-width:700px){.verb-memory-methods>header{display:grid}.verb-memory-methods>div{grid-template-columns:1fr}.verb-memory-both,.verb-memory-separate{align-items:flex-start;flex-direction:column}}

/* Relatiekaart: de inhoudelijke hoofdkaart is licht; flashcardknoppen houden hun eigen blauw. */
.generic-map-node.root{border:1px solid #eadbd2;border-left:7px solid #bd4d38;background:#fff7f1;box-shadow:0 7px 20px rgba(94,69,58,.11)}
.generic-map-node.root span{color:#292b2f}.generic-map-node.root small{color:#687078}

/* Voornaamwoorden: volledige uitleg naast de interactieve relatiekaart. */
.pronoun-reference-panel{margin:0 0 18px;border:1px solid #c9dce8;border-radius:16px;background:linear-gradient(135deg,#f4f9fc,#fffaf5);overflow:hidden;box-shadow:0 8px 22px rgba(39,77,101,.07)}
.pronoun-reference-panel>summary{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 18px;cursor:pointer;list-style:none;color:#234d68;font-weight:850}
.pronoun-reference-panel>summary::-webkit-details-marker{display:none}.pronoun-reference-panel>summary:after{content:'＋';font-size:22px;color:#3979a5}.pronoun-reference-panel[open]>summary:after{content:'−'}
.pronoun-reference-panel>summary span{font-size:18px}.pronoun-reference-panel>summary small{margin-left:auto;color:#667681;font-weight:650}
.pronoun-reference-content{padding:4px 18px 20px;border-top:1px solid #dce8ee;color:#344650;line-height:1.65}
.pronoun-reference-content h3{margin:23px 0 7px;color:#234d68;font-size:19px}.pronoun-reference-content p{margin:9px 0}
.pronoun-reference-table-wrap{overflow-x:auto;margin:12px 0 16px}.pronoun-reference-table{min-width:660px;margin:0}.pronoun-reference-table td span[lang="es"],.pronoun-reference-content span[lang="es"]{color:#376f8f;font-weight:750}
.pronoun-reference-note{margin:13px 0;padding:12px 14px;border-left:4px solid #c7972d;background:#fff9e9;border-radius:7px;color:#4a4b45}
.pronoun-chapter-link{margin-top:10px}
@media(max-width:700px){.pronoun-reference-panel>summary{align-items:flex-start;flex-direction:column;gap:2px}.pronoun-reference-panel>summary small{margin-left:0}.pronoun-reference-content{padding:4px 13px 16px}.pronoun-reference-table{font-size:12px}}

/* Per werkwoord: Spaanse afwijking rood, Nederlandse betekenis er direct onder. */
.verb-irregularity-reference-item article>div span:has(>em),.verb-poster-patterns article>div span:has(>em){display:grid!important;grid-template-columns:minmax(105px,1fr) minmax(115px,2fr)!important;grid-template-rows:auto!important;gap:0 12px!important;align-items:start!important}
.verb-irregularity-reference-item article span>em,.verb-poster-patterns article span>em{display:grid;grid-template-rows:auto auto;justify-self:start;color:#a14935;font-style:normal;line-height:1.25}
.verb-irregularity-reference-item article span>em>strong,.verb-poster-patterns article span>em>strong{color:#a14935;font-size:1em;font-weight:850;line-height:1.25}
.verb-irregularity-reference-item article span>em>.verb-poster-meaning,.verb-poster-patterns article span>em>.verb-poster-meaning{display:block!important;margin:2px 0 0!important;color:#39805a!important;font-size:9px!important;font-weight:750!important;line-height:1.25}
.verb-irregularity-reference-item article span>em>.verb-poster-meaning:before,.verb-poster-patterns article span>em>.verb-poster-meaning:before{content:none!important}

@media(max-width:700px){.generic-map-viewport{touch-action:pan-x pan-y!important}}
@media(max-width:600px){.verb-irregularity-reference-item article>div span:has(>em),.verb-poster-patterns article>div span:has(>em){grid-template-columns:minmax(90px,.8fr) minmax(120px,1.2fr)!important}}

/* Beheer 9.3.1 - iedere kwaliteitsmelding heeft een echte herstelroute. */
.dev-issue-summary{display:flex;align-items:baseline;gap:14px;margin:-8px 0 16px;padding:13px 16px;border:1px solid #c9dce8;border-radius:14px;background:#f2f8fb;color:#526774}.dev-issue-summary b{color:#235c82;font-size:18px}.dev-action-table{overflow:hidden;border-radius:16px}.dev-action-table .dev-head,.dev-action-table .dev-row{grid-template-columns:125px minmax(150px,.65fr) minmax(360px,1.8fr) minmax(190px,.65fr)}.dev-action-table .dev-row{align-items:start;cursor:default;padding-block:17px}.dev-action-table .dev-row:hover{background:#fff}.dev-action-table .dev-item{display:grid;gap:4px}.dev-action-table .dev-item b{font:750 20px/1.2 Georgia,serif;color:var(--navy)}.dev-action-table .dev-item small,.dev-repair-actions small{color:var(--muted);font:500 11px/1.4 Inter,system-ui,sans-serif}.dev-problem-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.dev-problem-list li{display:grid;gap:3px;padding-left:13px;border-left:3px solid #c8dce8}.dev-problem-list b{color:#30424f;font-size:14px}.dev-problem-list span{color:var(--muted);font-size:12px;line-height:1.45}.dev-repair-actions{display:grid;gap:7px;align-content:start}.dev-repair-actions .action-btn{width:100%;border-color:#3676a3;background:#3676a3;color:#fff;font-weight:800}.dev-repair-actions .action-btn:hover{background:#285f87}.editor-repair-guide{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(340px,1.1fr);gap:16px 28px;margin:0 0 22px;padding:22px 24px;border:1px solid #e5c8ce;border-left:7px solid var(--red);border-radius:18px;background:linear-gradient(135deg,#fff8f8,#f4f9fc);box-shadow:0 10px 28px rgba(44,63,76,.06)}.editor-repair-guide h3{margin:6px 0 7px;color:var(--navy);font-size:24px}.editor-repair-guide p{margin:0;color:#566873;line-height:1.55}.editor-repair-guide ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.editor-repair-guide li{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid #e1e8ec}.editor-repair-guide li b{color:#334853}.editor-repair-guide li span{color:var(--muted);font-size:11px;overflow-wrap:anywhere}.repair-missing-tenses{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(240px,1fr) auto;gap:9px 14px;align-items:center;padding-top:15px;border-top:1px solid #dfe7eb}.repair-missing-tenses>div{display:flex;flex-wrap:wrap;gap:6px}.repair-missing-tenses>div span{padding:5px 8px;border-radius:999px;background:#e6f1f7;color:#28668f;font-size:11px;font-weight:800}.repair-missing-tenses small{grid-column:2/-1;color:var(--muted);line-height:1.4}.repair-duplicate-note{grid-column:1/-1;padding:12px 14px;border-radius:10px;background:#fff1f2!important;color:#74303a!important}.verb-example-edit-row.is-duplicate{border:2px solid #c92e45;background:#fff6f7;box-shadow:0 0 0 4px rgba(201,46,69,.08)}.verb-example-edit-row.is-duplicate:before{content:'Mogelijk duplicaat';grid-column:1/-1;color:#a71930;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.editor-panel:target{scroll-margin-top:20px}
@media(max-width:950px){.dev-action-table .dev-head{display:none}.dev-action-table .dev-row{grid-template-columns:115px minmax(0,1fr)}.dev-action-table .dev-row>*:nth-child(n+3){grid-column:2}.dev-repair-actions{justify-items:start}.dev-repair-actions .action-btn{width:auto}.editor-repair-guide{grid-template-columns:1fr}.repair-missing-tenses{grid-column:1;grid-template-columns:1fr}.repair-missing-tenses small{grid-column:1}.repair-duplicate-note{grid-column:1}}
@media(max-width:620px){.dev-issue-summary{align-items:flex-start;flex-direction:column;gap:3px}.dev-action-table .dev-row{grid-template-columns:1fr;gap:12px}.dev-action-table .dev-row>*:nth-child(n){grid-column:1}.dev-repair-actions .action-btn{width:100%}.editor-repair-guide{padding:18px 16px}.repair-missing-tenses .action-btn{width:100%}}
.activity-page-filter{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#526873;font-size:12px;font-weight:800}.activity-page-filter select{min-width:240px;padding:9px 11px;border:1px solid #cbd9e2;border-radius:10px;background:#fff;color:#334f60}.activity-page-row>span:first-child{background:#6d9fbc}.activity-page-row>em{font-size:10px;text-transform:uppercase;letter-spacing:.05em}
@media(max-width:600px){.activity-page-filter{align-items:stretch;flex-direction:column}.activity-page-filter select{min-width:0;width:100%}.activity-page-row{grid-template-columns:10px minmax(0,1fr)}.activity-page-row>em{grid-column:2;white-space:normal}}

/* Beheer: de onderdeelkeuze staat boven het werkvlak, zodat brede beheertabellen
   en gebruikersacties de volledige beschikbare paginabreedte houden. */
.dev-workspace{display:block;margin-top:20px;overflow:visible!important}
.dev-workspace-nav{position:static;top:auto;margin:0 0 18px}
.dev-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:7px!important}
.dev-tabs button{width:auto;min-width:max-content;white-space:nowrap;text-align:center}
.dev-tabs button.active{border-left-width:1px!important;border-bottom:4px solid var(--cs-blue,#3676a3)!important}
.dev-workspace-content{width:100%;min-width:0}
.users-grid{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start}
.user-list{min-width:0}
@media(max-width:900px){.users-grid{grid-template-columns:1fr}}
@media(max-width:700px){.dev-workspace{margin-top:12px}.dev-workspace-nav{margin-bottom:12px}.dev-tabs{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.dev-tabs button{flex:none}}

/* Algemene sitecontrole */
.site-audit-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 22px;align-items:center;padding:24px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 16px 38px rgba(23,50,77,.07)}
.site-audit-actions h3,.site-audit-row h3{margin:0 0 7px}.site-audit-actions p{margin:0;color:var(--muted);line-height:1.55}.site-audit-actions>button,.site-audit-filters button,.site-audit-row footer button{border:1px solid #9bbbcf;border-radius:13px;background:#fff;color:var(--navy);font-weight:700;padding:11px 15px;cursor:pointer}.site-audit-actions>button{background:var(--cs-blue,#3676a3);border-color:var(--cs-blue,#3676a3);color:#fff}.site-audit-actions button:disabled{opacity:.55;cursor:wait}
.site-audit-progress{grid-column:1/-1;height:10px;border-radius:999px;background:#e7eef3;overflow:hidden}.site-audit-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cs-blue,#3676a3),var(--cs-red,#bf2f43));transition:width .2s ease}.site-audit-actions>[data-site-audit-progress-text]{grid-column:1/-1;font-size:14px}
.site-audit-filters{display:grid;grid-template-columns:repeat(3,minmax(145px,auto)) minmax(220px,1fr) auto;gap:10px;align-items:center;margin:18px 0}.site-audit-filters select,.site-audit-filters input{min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);padding:11px 12px;font:inherit}.site-audit-filters span{grid-column:1/-1;color:var(--muted);font-size:13px}
.site-audit-filters .site-audit-copy-status:not(:empty){color:#26704d;font-weight:700}
.site-audit-list{display:grid;gap:12px}.site-audit-row{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:18px;padding:18px;border:1px solid var(--line);border-left:7px solid #d4a423;border-radius:18px;background:#fff}.site-audit-row.severity-hoog{border-left-color:#bf2f43}.site-audit-row.severity-laag{border-left-color:#6d99b6}.site-audit-row.status-resolved,.site-audit-row.status-ignored{opacity:.68}.site-audit-row header{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.site-audit-row header span,.site-audit-row header em{border-radius:999px;background:#edf3f7;padding:4px 9px;font-size:12px;font-style:normal;text-transform:capitalize}.site-audit-row header small,.site-audit-row>div small{color:var(--muted)}.site-audit-row p{margin:4px 0;line-height:1.45}.site-audit-row code{white-space:normal;overflow-wrap:anywhere}.site-audit-row footer{align-self:center}
@media(max-width:900px){.site-audit-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.site-audit-row{grid-template-columns:120px minmax(0,1fr)}.site-audit-row footer{grid-column:2}}
@media(max-width:620px){.site-audit-actions{grid-template-columns:1fr;padding:18px}.site-audit-actions>button{width:100%}.site-audit-filters{grid-template-columns:1fr}.site-audit-row{grid-template-columns:1fr;gap:12px;padding:15px}.site-audit-row header{flex-direction:row;flex-wrap:wrap}.site-audit-row footer{grid-column:1}.site-audit-row footer button{width:100%}}

/* Nieuwe gebruiker staat boven de bestaande gebruikers. De velden gebruiken op
   brede schermen één compacte regel, zodat de gebruikerslijst alle ruimte krijgt. */
.users-grid{grid-template-columns:minmax(0,1fr)!important}
.user-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;gap:12px;align-items:end}
.user-form h3,.user-form #userFormMessage{grid-column:1/-1;margin:0}
.user-form label{margin:0}
.user-form button{min-height:43px;white-space:nowrap}
@media(max-width:1150px){.user-form{grid-template-columns:repeat(2,minmax(0,1fr))}.user-form button{width:max-content}}
@media(max-width:620px){.user-form{grid-template-columns:1fr}.user-form button{width:100%}}

/* Beheerprototype voor invulbare oefeningen uit Verbos Irregulares. */
.verbos-lab-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:18px 0;padding:18px}.verbos-lab-toolbar label{display:grid;gap:7px;font-weight:800}.verbos-lab-toolbar select{min-width:min(520px,70vw);padding:11px 13px;border:1px solid #cbd9e2;border-radius:10px;background:#fff;font:inherit}.verbos-lab-toolbar>div{display:grid;gap:4px;text-align:right}.verbos-lab-toolbar span{color:#60727e}.verbos-lab-layout{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(420px,1.15fr);gap:22px;align-items:start}.verbos-source-page,.verbos-answer-panel{margin:0;padding:18px;border:1px solid #dbe5eb;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(35,62,78,.08)}.verbos-source-page img{display:block;width:100%;height:auto;border:1px solid #dbe3e8;background:#fff}.verbos-source-page figcaption{margin-top:10px;color:#687984;font-size:.86rem}.verbos-answer-panel header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}.verbos-answer-panel h3{margin:4px 0 0}.verbos-answer-panel output{padding:9px 12px;border-radius:999px;background:#edf5fa;color:#2f6e98;font-weight:800}.verbos-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.verbos-answer-grid label{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;padding:8px;border:1px solid #dce5ea;border-radius:11px;background:#fff}.verbos-answer-grid label>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf5fa;color:#2f6e98;font-weight:800}.verbos-answer-grid input{min-width:0;padding:9px 10px;border:1px solid #cbd8e0;border-radius:8px;font:inherit}.verbos-answer-grid small{grid-column:2;min-height:1.1em;color:#687984}.verbos-answer-grid .correct{border-color:#70ad89;background:#f3fbf6}.verbos-answer-grid .correct small{color:#2f7b50}.verbos-answer-grid .incorrect{border-color:#d98d83;background:#fff6f4}.verbos-answer-grid .incorrect small{color:#a23f32}.verbos-lab-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.verbos-lab-actions button{padding:11px 15px;border:0;border-radius:10px;background:#3676a3;color:#fff;font-weight:800}.verbos-lab-actions .secondary{border:1px solid #cbd8e0;background:#fff;color:#36586c}@media(max-width:900px){.verbos-lab-layout{grid-template-columns:1fr}.verbos-lab-toolbar{align-items:stretch;flex-direction:column}.verbos-lab-toolbar>div{text-align:left}.verbos-lab-toolbar select{width:100%;min-width:0}}@media(max-width:560px){.verbos-answer-grid{grid-template-columns:1fr}.verbos-source-page,.verbos-answer-panel{padding:12px}.verbos-answer-panel header{flex-direction:column}.verbos-lab-actions button{width:100%}}

/* Werkwoorden trainen behoudt de gewone navigatie en verbergt alleen de zoekregel. */
body.verbos-lab-active .searchbar{display:none!important}
body.verbos-lab-active .verbos-lab-toolbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(300px,1fr) auto;align-items:end;margin:0 0 12px;padding:10px 14px}
body.verbos-lab-active .verbos-lab-layout{grid-template-columns:minmax(680px,3fr) minmax(250px,1fr);gap:14px}
body.verbos-lab-active .verbos-source-page{padding:10px}
body.verbos-lab-active .verbos-answer-panel{position:sticky;top:82px;max-height:calc(100vh - 96px);overflow:auto;padding:13px}
body.verbos-lab-active .verbos-answer-grid{grid-template-columns:1fr;gap:5px}
body.verbos-lab-active .verbos-answer-grid label{grid-template-columns:25px minmax(0,1fr);gap:5px;padding:4px 6px;border-radius:8px}
body.verbos-lab-active .verbos-answer-grid label>span{width:23px;height:23px;font-size:11px}
body.verbos-lab-active .verbos-answer-grid input{height:32px;padding:5px 7px;font-size:14px}
body.verbos-lab-active .verbos-answer-grid small{min-height:0;font-size:11px}
body.verbos-lab-active .verbos-lab-actions{display:grid;gap:7px;margin-top:10px}
body.verbos-lab-active .verbos-lab-actions button{width:100%;padding:9px 10px;font-size:13px}
@media(max-width:900px){body.verbos-lab-active .verbos-lab-toolbar{position:static;grid-template-columns:1fr}body.verbos-lab-active .verbos-lab-layout{grid-template-columns:1fr}body.verbos-lab-active .verbos-answer-panel{position:static;max-height:none}body.verbos-lab-active .verbos-source-page{order:0}body.verbos-lab-active .verbos-answer-panel{order:1}}

/* Sentence-based irregular-verb exercise sheet. */
.verbos-exercise-sheet{margin:0;padding:clamp(18px,3vw,42px);border:1px solid #d8e4eb;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 16px 42px rgba(35,62,78,.09)}
.verbos-exercise-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding-bottom:22px;border-bottom:1px solid #dce6ec}.verbos-exercise-sheet h2{margin:5px 0 7px;font-size:clamp(25px,3vw,42px)}.verbos-exercise-sheet header p{max-width:900px;margin:0;color:#5b6c77}.verbos-exercise-sheet output{flex:0 0 auto;padding:10px 14px;border-radius:999px;background:#edf5fa;color:#2f6e98;font-weight:800}
.verbos-sentence-list{display:grid;gap:12px;margin-top:22px}.verbos-sentence-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:18px 20px;border:1px solid #dbe5eb;border-radius:16px;background:#fff;transition:border-color .15s,background .15s}.verbos-sentence-number{display:grid;place-items:center;align-self:start;width:34px;height:34px;border-radius:50%;background:#edf5fa;color:#2f6e98;font-weight:900}.verbos-sentence-content{min-width:0}.verbos-spanish-sentence{font-size:clamp(17px,1.55vw,23px);font-weight:650;line-height:1.75;color:#27333b}.verbos-verb-hint{display:inline-block;margin:0 5px;padding:2px 7px;border-radius:7px;background:#f3f5f6;color:#667782;font-size:.72em;font-weight:750}.verbos-inline-answer{display:inline-flex;align-items:center;gap:5px;margin:2px 6px;vertical-align:middle}.verbos-inline-answer>span{color:#2f6e98;font-size:12px;font-weight:900}.verbos-inline-answer input{width:clamp(105px,12vw,175px);height:36px;padding:5px 9px;border:1.5px solid #bfcfd9;border-radius:8px;background:#fff;color:#a43f2c;font:700 .92em/1.2 inherit}.verbos-inline-answer input:focus{border-color:#3676a3;outline:3px solid rgba(54,118,163,.13)}.verbos-row-inputs{display:flex;flex-wrap:wrap;margin-top:8px}.verbos-row-feedback{min-height:1.25em;margin-top:7px;color:#687984;font-size:14px;font-weight:800}.verbos-sentence-row.correct{border-color:#72ad89;background:#f5fbf7}.verbos-sentence-row.correct .verbos-row-feedback{color:#2f7b50}.verbos-sentence-row.incorrect{border-color:#d98d83;background:#fff7f5}.verbos-sentence-row.incorrect .verbos-row-feedback{color:#a23f32}.verbos-row-translation{margin-top:12px;padding:12px 15px;border-left:4px solid #4e966a;border-radius:0 10px 10px 0;background:#f1f8f3}.verbos-row-translation[hidden]{display:none}.verbos-row-translation span{display:block;margin-bottom:3px;color:#4e8060;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.verbos-row-translation p{margin:0;color:#263a2d;font-size:17px;line-height:1.5}.verbos-exercise-sheet>.verbos-lab-actions{position:sticky;bottom:10px;z-index:5;padding:12px;border:1px solid rgba(203,216,224,.9);border-radius:14px;background:rgba(247,250,252,.94);backdrop-filter:blur(14px)}
body.verbos-lab-active .verbos-exercise-sheet{width:100%;max-width:1500px;margin-inline:auto}
@media(max-width:720px){.verbos-exercise-sheet{padding:14px;border-radius:16px}.verbos-exercise-sheet>header{display:grid;gap:12px}.verbos-exercise-sheet output{justify-self:start}.verbos-sentence-row{grid-template-columns:30px minmax(0,1fr);gap:9px;padding:13px 11px}.verbos-sentence-number{width:28px;height:28px;font-size:12px}.verbos-spanish-sentence{font-size:17px;line-height:1.9}.verbos-inline-answer{margin-inline:3px}.verbos-inline-answer input{width:120px}.verbos-exercise-sheet>.verbos-lab-actions{position:static}.verbos-exercise-sheet>.verbos-lab-actions button{width:100%}}
.user-password-reset{grid-column:1/-1;display:flex;align-items:end;flex-wrap:wrap;gap:9px;width:100%;padding:12px;border:1px solid #cfe0e9;border-radius:12px;background:#f3f8fb}.user-password-reset label{display:grid;flex:1 1 260px;gap:5px;color:#36586c;font-weight:800}.user-password-reset input{min-width:0;padding:9px 11px;border:1px solid #bfd0da;border-radius:8px;background:#fff;font:inherit}.user-password-reset button{padding:9px 12px;border:1px solid #b9ccd7;border-radius:8px;background:#fff;color:#36586c;font-weight:800}.user-password-reset button[type="submit"]{border-color:#3676a3;background:#3676a3;color:#fff}.user-password-reset small{flex-basis:100%;color:#617580}

/* De oefenvelden moeten ook lange vervoegingen zonder horizontaal schuiven tonen. */
.verbos-inline-answer input{box-sizing:border-box;width:clamp(220px,22vw,360px);min-height:48px;padding:8px 13px;font-size:1em}
@media(max-width:720px){.verbos-inline-answer{display:inline-grid;grid-template-columns:auto minmax(0,1fr);width:min(100%,340px)}.verbos-inline-answer input{width:100%;min-width:190px;min-height:46px}}
.verbos-exercise-sheet>.verbos-lab-actions{display:block}.verbos-exercise-sheet>.verbos-lab-actions [data-show-solutions]{width:100%;min-height:58px;font-size:17px;transition:transform .12s,background .12s,box-shadow .12s}.verbos-exercise-sheet>.verbos-lab-actions [data-show-solutions].is-pressed{transform:translateY(3px) scale(.995);background:#245d84;box-shadow:inset 0 3px 7px rgba(14,48,70,.3)}
.user-list .user-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:12px}.user-list .user-row-actions{justify-content:flex-start;padding-top:2px}.user-list .user-row-actions button{white-space:nowrap}
.content-editing-disabled [data-new-item],
.content-editing-disabled [data-edit-item],
.content-editing-disabled [data-delete-item],
.content-editing-disabled [data-content-edit-control],
.content-editing-disabled [data-dev-tab="examples"],
.content-editing-disabled [data-dev-tab="menu"]{display:none!important}
.b1-topic-chapters .b1-book-chapter-row{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:850px){.b1-topic-chapters .b1-book-chapter-row{grid-template-columns:1fr}.b1-topic-chapters .b1-book-chapter-row .book-chapter-action{grid-column:1}}
.translate-result-actions{display:flex;flex-wrap:wrap;gap:9px}.translate-result-actions #translateClear{border-color:#c7d5dd;background:#edf4f8;color:#315d78}
.b1-topic-group{border:1px solid rgba(255,255,255,.8);background:linear-gradient(125deg,rgba(220,238,255,.72) 0%,rgba(238,232,255,.66) 58%,rgba(255,240,232,.7) 100%);box-shadow:0 10px 30px rgba(55,71,89,.08);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}
.b1-topic-group summary{background:rgba(255,255,255,.24)}.b1-topic-group[open] summary{border-bottom:1px solid rgba(255,255,255,.72)}
.content-editing-disabled .page-text-toolbar{display:none!important}

.account-box>span,.account-box>small{display:block}.account-box>span{margin-top:3px}.account-box>small{margin-top:5px;line-height:1.45}
/* Uitlegknoppen kunnen het juiste antwoord bevatten. Toon ze pas nadat de
   leerling een antwoord heeft gekozen en de feedback zichtbaar is. */
.a1-pilot-card [data-a1-pilot-reference],
.a1-pilot-card [data-a12-reference],
.a1-pilot-card [data-a2g-reference]{display:none!important}
.a1-pilot-card:has(.practice-feedback:not([hidden])) [data-a1-pilot-reference],
.a1-pilot-card:has(.practice-feedback:not([hidden])) [data-a12-reference],
.a1-pilot-card:has(.practice-feedback:not([hidden])) [data-a2g-reference]{display:inline-flex!important}
.spain-culture-hero{display:grid;grid-template-columns:1fr auto;gap:28px;padding:40px;border-radius:30px;background:linear-gradient(135deg,#deefff,#f4ebff,#ffefe1);box-shadow:0 22px 55px #2c3f501a}.spain-culture-hero h2{margin:8px 0;font-size:clamp(38px,6vw,68px)}.spain-culture-hero p{max-width:820px;color:var(--muted);font-size:20px;line-height:1.6}.spain-culture-hero aside{align-self:center;padding:24px;border-radius:24px;background:#ffffffa6;text-align:center}.spain-culture-hero aside>*{display:block}.spain-culture-hero aside b{font-size:46px}.spain-culture-guide,.spain-culture-phrases,.spain-culture-note{margin-top:24px;padding:28px;border:1px solid var(--line);border-radius:25px;background:#ffffffd1}.spain-culture-guide{display:grid;grid-template-columns:1fr 1.4fr;gap:28px}.spain-culture-units{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.spain-culture-units article{display:grid;grid-template-columns:48px 1fr;gap:15px;padding:22px;border:1px solid #5b7e9429;border-radius:20px;background:#ffffffd6}.spain-culture-units h3{margin:0 0 7px}.spain-culture-units p{color:var(--muted);line-height:1.55}.spain-culture-units small{color:var(--blue);font-weight:750;line-height:1.6}.spain-culture-phrases>div:last-child{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.spain-culture-phrases article{padding:16px;border-radius:14px;background:#f5f8fa}.spain-culture-phrases article>*{display:block}.spain-culture-note{background:#fffaf0}.spain-culture-note p{line-height:1.7}@media(max-width:760px){.spain-culture-hero,.spain-culture-guide,.spain-culture-units,.spain-culture-phrases>div:last-child{grid-template-columns:1fr}.spain-culture-hero{padding:25px}}
.pronoun-search-explanation{margin:18px 0;padding:22px;border:1px solid rgba(43,112,150,.22);border-radius:22px;background:linear-gradient(135deg,rgba(227,242,250,.92),rgba(255,247,239,.94));box-shadow:0 12px 30px rgba(27,57,75,.08)}.pronoun-search-head span{color:var(--blue);font-size:11px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.pronoun-search-head h3{margin:5px 0 6px;font-size:24px}.pronoun-search-head h3 em{color:var(--blue);font-style:normal}.pronoun-search-head p{margin:0;color:var(--muted)}.pronoun-search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:17px 0}.pronoun-search-grid article{padding:15px;border:1px solid rgba(43,112,150,.16);border-radius:15px;background:rgba(255,255,255,.78)}.pronoun-search-grid article>b{color:var(--navy);font-size:15px}.pronoun-search-grid p{margin:8px 0;color:#384b57;line-height:1.55}.pronoun-search-grid small{display:block;color:var(--muted);line-height:1.5}.pronoun-search-explanation>[data-pronoun-map]{width:100%;padding:13px 16px;border:0;border-radius:13px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}@media(max-width:650px){.pronoun-search-explanation{padding:17px}.pronoun-search-grid{grid-template-columns:1fr}.pronoun-search-head h3{font-size:21px}}
.culture-lesson-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.culture-lesson-sections article{padding:24px;border:1px solid #5b7e9429;border-radius:20px;background:#ffffffde}.culture-lesson-sections h3{margin:0 0 10px;font-size:21px}.culture-lesson-sections p{margin:0;color:var(--muted);line-height:1.7}.spain-culture-units button{margin-top:16px;border:0;background:transparent;color:var(--blue);font-weight:850;cursor:pointer;padding:0}@media(max-width:850px){.culture-lesson-sections{grid-template-columns:1fr}}
.culture-reading-page{margin-top:26px;padding:clamp(24px,5vw,58px);border:1px solid #dce6ec;border-radius:28px;background:#fff}.culture-reading-page section{max-width:920px;padding:0 0 34px;margin:0 0 34px;border-bottom:1px solid #e5eaee}.culture-reading-page section:last-child{margin-bottom:0;padding-bottom:0;border:0}.culture-reading-page span{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.15em}.culture-reading-page h3{margin:8px 0 14px;font-size:clamp(24px,3vw,34px)}.culture-reading-page p{margin:0 0 14px;color:#465660;font-size:18px;line-height:1.82}.culture-reading-page .culture-word-flow{padding:18px;border-radius:15px;background:#eef5f8;color:#245d78;font-weight:800}
.culture-reading-page .spanish-inline,.culture-reading-page .spanish-sentence,.culture-reading-page [lang="es"],.spain-culture-phrases .spanish-sentence,.spain-culture-units [lang="es"]{color:var(--cs-spanish-blue,#2d7396)!important;font-family:inherit!important;font-style:normal;font-weight:750!important;letter-spacing:normal;text-transform:none}.culture-reading-page section>span{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.15em}
.culture-lesson-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;margin-top:22px;align-items:stretch}.culture-lesson-progress{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #dbe5eb;border-radius:18px;background:#ffffffd9}.culture-lesson-progress button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:#52636e;cursor:pointer;text-align:left}.culture-lesson-progress button:hover,.culture-lesson-progress button:focus-visible{border-color:#b8cbd6;background:#f3f8fb;outline:0}.culture-lesson-progress button.active{border-color:#8ab0c5;background:#e8f2f7;color:#174f78}.culture-lesson-progress span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#fff;color:#2b6788;font-size:11px;font-weight:900}.culture-lesson-progress b{min-width:0;font-size:12px;line-height:1.25}.culture-all-words{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:18px 20px;border:1px solid #7ea9c1;border-radius:18px;background:linear-gradient(135deg,#e7f4fb,#f2edff);color:#174f78;cursor:pointer;text-align:left}.culture-all-words:hover,.culture-all-words:focus-visible{border-color:#477e9c;box-shadow:0 8px 24px #2d607d1c;outline:0}.culture-all-words span{font-size:10px;font-weight:900;letter-spacing:.13em}.culture-all-words b{font-size:17px;line-height:1.3}.culture-all-words em{font-size:12px;font-style:normal;font-weight:750}.culture-context-example{display:grid;gap:7px;margin:24px 0 4px;padding:19px 21px;border-left:5px solid #3d789c;border-radius:0 15px 15px 0;background:#eef5f8}.culture-context-example>span{color:#3d789c!important;font-size:10px!important;font-weight:900;letter-spacing:.13em}.culture-context-example>.spanish-sentence{display:block;font-size:19px;line-height:1.45}.culture-reading-page .culture-context-example>p{margin:0;color:#384d59;font-size:16px;line-height:1.55}.culture-context-example>small{color:#697d88;font-size:13px;font-weight:650;line-height:1.45}@media(max-width:1300px){.culture-lesson-progress{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:850px){.culture-lesson-toolbar{grid-template-columns:1fr}.culture-lesson-progress{grid-template-columns:repeat(3,minmax(0,1fr))}.culture-all-words{align-items:center;text-align:center}}@media(max-width:560px){.culture-lesson-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.culture-lesson-progress button{grid-template-columns:auto}.culture-lesson-progress button b{display:none}.culture-context-example{padding:16px}.culture-context-example>.spanish-sentence{font-size:17px}}
.culture-word-grid-page{max-width:1120px;margin:0 auto}.culture-word-grid-page>header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:27px 31px;border:1px solid #dbe5eb;border-radius:22px;background:linear-gradient(135deg,#e6f3fb,#f2edff,#fff2e9)}.culture-word-grid-page>header span{color:#2f6f92;font-size:11px;font-weight:900;letter-spacing:.14em}.culture-word-grid-page>header h2{margin:7px 0 8px;font-size:clamp(30px,4vw,45px)}.culture-word-grid-page>header p{margin:0;color:#5d6a73;line-height:1.6}.culture-word-grid-page>header>b{flex:none;color:#174f78;font-size:18px}.culture-word-grid-actions{display:flex;justify-content:flex-end;margin:12px 0}.culture-word-grid-actions button{padding:9px 13px;border:1px solid #9db8c7;border-radius:10px;background:#fff;color:#286886;cursor:pointer;font-weight:850}.culture-all-word-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.culture-all-word-card{min-height:92px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;perspective:900px}.culture-all-word-card:focus-visible{outline:3px solid #78a9c5;outline-offset:3px}.culture-all-word-card-inner{position:relative;display:block;width:100%;min-height:92px;transform-style:preserve-3d;transition:transform .35s ease}.culture-all-word-card.flipped .culture-all-word-card-inner{transform:rotateY(180deg)}.culture-all-word-front,.culture-all-word-back{position:absolute;inset:0;display:flex;min-width:0;align-items:center;justify-content:center;padding:11px;border:1px solid #d4e1e8;border-radius:12px;background:#fff;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.culture-all-word-back{transform:rotateY(180deg);background:#eef6fb}.culture-all-word-card b{max-width:100%;color:#353f47;font-family:inherit;font-size:14px;font-weight:800;line-height:1.24;overflow-wrap:anywhere}.culture-all-word-back b{color:#174f78;font-family:inherit;font-weight:850}@media(max-width:900px){.culture-all-word-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:620px){.culture-all-word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:430px){.culture-word-grid-page>header{display:block;padding:21px}.culture-word-grid-page>header>b{display:block;margin-top:13px}.culture-all-word-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.culture-all-word-card,.culture-all-word-card-inner{min-height:94px}.culture-all-word-card b{font-size:12px}.culture-word-grid-actions button{width:100%}}

/* Eén vaste flashcardopzet: vertaling voorop, Spaans na omdraaien. */
.chapter-quizlet-head>div{justify-content:start!important}
.chapter-quizlet-head>div{display:grid;gap:3px}.chapter-quizlet-head>div>span{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.chapter-quizlet-head>div>small{color:var(--muted)}.chapter-quizlet-head>[data-chapter-quizlet-reset],.relation-map-quizlet-slot [data-relation-reset]{flex:none!important;border:1px solid #9db8c7!important;background:#fff!important;color:#286886!important;border-radius:10px!important;font-weight:850}.chapter-quizlet-cards{display:grid!important}.chapter-quizlet-front{color:#353f47!important;font-family:inherit!important;font-weight:800!important}.chapter-quizlet-back{color:#174f78!important;font-family:inherit!important;font-size:1em!important;font-weight:850!important}.relation-learning-active .generic-map-node:not(.structural) .generic-card-front{transform:rotateY(180deg);color:#174f78}.relation-learning-active .generic-map-node:not(.structural) .generic-card-back{transform:none;color:#353f47}.relation-learning-active .generic-map-node.flipped .generic-card-front{color:#174f78}.relation-map-quizlet-slot [data-relation-learn]{grid-column:auto}@media(max-width:700px){.chapter-quizlet-head{display:flex}.chapter-quizlet-head>[data-chapter-quizlet-reset]{width:auto}.chapter-quizlet-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){.chapter-quizlet-head{display:grid}.chapter-quizlet-head>[data-chapter-quizlet-reset]{width:100%}}
.chapter-quizlet-head [data-chapter-quizlet-summary]{color:#647985;font-size:11px;font-style:normal;font-weight:800}.chapter-quizlet-item{display:grid;gap:7px;min-width:0;padding:7px;border:1px solid #b9d8eb;border-radius:14px;background:#eaf6ff}.chapter-quizlet-item .chapter-quizlet-card{width:100%}.chapter-quizlet-item.is-known{border-color:#7ab994;background:#eff9f2}.chapter-quizlet-item.is-unknown{border-color:#e8a1ae;background:#fff1f3}.chapter-quizlet-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;visibility:hidden}.chapter-quizlet-item.revealed .chapter-quizlet-actions{visibility:visible}.chapter-quizlet-actions button{min-height:38px;padding:8px 6px;border-radius:9px;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.chapter-quizlet-actions [data-chapter-quizlet-status="known"]{border:1px solid #63a982;background:#eaf7ee;color:#276b46}.chapter-quizlet-actions [data-chapter-quizlet-status="unknown"]{border:1px solid #df97a7;background:#fff0f3;color:#a92f4a}.chapter-quizlet-actions button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px currentColor}@media(max-width:600px){.chapter-quizlet-actions{grid-template-columns:1fr}.chapter-quizlet-actions button{min-height:42px}}
.spain-culture-practice [lang="es"],.spain-culture-practice .spanish-inline{color:var(--cs-spanish-blue,#2d7396)!important;font-family:inherit!important;font-weight:750!important}.spain-culture-practice .culture-answer-text{font-weight:800}
.culture-chapter-toc{margin-top:16px;padding:20px;border:1px solid #dbe5eb;border-radius:18px;background:#ffffffd9}.culture-chapter-toc>span{display:block;margin-bottom:12px;color:#456f89;font-size:11px;font-weight:900;letter-spacing:.14em}.culture-chapter-toc>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.culture-chapter-toc button{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #dce6ec;border-radius:11px;background:#fff;color:#3d4f5a;text-align:left;font-weight:760;cursor:pointer}.culture-chapter-toc button:hover,.culture-chapter-toc button:focus-visible{border-color:#85abc0;background:#eef6fa;outline:0}.culture-chapter-toc button b{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:8px;background:#e8f2f7;color:#2f6d8f;font-size:10px}@media(max-width:700px){.culture-chapter-toc>div{grid-template-columns:1fr}.culture-chapter-toc{padding:15px}}

/* Compact cultuuroverzicht: twaalf directe subthemaknoppen en één woordactie. */
.spain-culture-guide{grid-template-columns:minmax(220px,.85fr) minmax(360px,1.25fr) 290px;align-items:center}.spain-culture-guide h3{margin:0;font-size:clamp(22px,2vw,30px)}.spain-culture-guide ol{margin:0;padding-left:24px;line-height:1.75}.culture-overview-all-words{align-self:stretch}.spain-culture-units{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.spain-culture-units>button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;min-height:72px;margin:0;padding:12px 14px;border:1px solid #d7e3e9;border-radius:15px;background:#ffffffdc;color:#354b58;text-align:left;box-shadow:0 7px 20px rgba(44,63,80,.05)}.spain-culture-units>button:hover,.spain-culture-units>button:focus-visible{border-color:#83abc0;background:#eef6fa;outline:0}.spain-culture-units>button>span{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e8f2f7;color:#2f6d8f;font-size:12px;font-weight:900}.spain-culture-units>button>b{font-size:15px;line-height:1.3}@media(max-width:1100px){.spain-culture-guide{grid-template-columns:1fr 1.3fr}.culture-overview-all-words{grid-column:1/-1;align-items:center;text-align:center}.spain-culture-units{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.spain-culture-guide{grid-template-columns:1fr}.culture-overview-all-words{grid-column:auto}.spain-culture-units{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:470px){.spain-culture-units{grid-template-columns:1fr}.spain-culture-units>button{min-height:60px}}

/* Apart oefenraster naast de geheugenronde; nooit meer dan dertig kaarten. */
.flashcard-practice-screen{padding:clamp(20px,3vw,34px);border:1px solid #dce5ea;border-radius:24px;background:#ffffffd9;box-shadow:0 16px 42px rgba(37,45,65,.07)}.flashcard-practice-screen>header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-bottom:18px}.flashcard-practice-screen h2{margin:6px 0 8px;font-size:clamp(32px,4vw,48px)}.flashcard-practice-screen header p{max-width:780px;margin:0;color:var(--muted);line-height:1.6}.flashcard-practice-screen header aside{display:grid;min-width:190px;padding:17px 19px;border:1px solid #dbe6ec;border-radius:17px;background:#eef6fb;color:#315f7d;text-align:center}.flashcard-practice-screen header aside b{font-size:32px}.flashcard-practice-screen header aside span{font-weight:800}.flashcard-practice-screen header aside small{margin-top:5px;color:#647985;line-height:1.4}.flashcard-practice-toolbar{display:flex;justify-content:flex-end;gap:9px;margin-bottom:14px}.flashcard-practice-toolbar button{padding:10px 14px;border:1px solid #8eafc0;border-radius:11px;background:#fff;color:#286886;cursor:pointer;font-weight:850}.flashcard-practice-toolbar button.secondary{border-color:#d4dee4;color:#536b79}.flashcard-practice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.flashcard-practice-grid .flashcard-preview-card,.flashcard-practice-grid .flashcard-preview-card-inner{min-height:112px}.flashcard-practice-grid .flashcard-preview-front,.flashcard-practice-grid .flashcard-preview-back{padding:13px}.flashcard-practice-grid .flashcard-preview-front b,.flashcard-practice-grid .flashcard-preview-back b{font-size:15px;line-height:1.3}@media(max-width:1150px){.flashcard-practice-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:820px){.flashcard-practice-screen>header{grid-template-columns:1fr}.flashcard-practice-screen header aside{min-width:0}.flashcard-practice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.flashcard-practice-toolbar{display:grid}.flashcard-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.flashcard-practice-grid{grid-template-columns:1fr}}
.rich-theme-principles{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:28px;align-items:start;margin:24px 0;padding:28px;border:1px solid rgba(53,107,151,.14);border-radius:28px;background:rgba(255,255,255,.72)}
.rich-theme-principles span,.rich-theme-section-reading>section>span{font-size:12px;font-weight:900;letter-spacing:.14em;color:#356b97}.rich-theme-principles h3{margin:8px 0 0;font-size:25px}.rich-theme-principles ol{margin:0;padding-left:22px;display:grid;gap:7px;color:#52616c}.rich-theme-index .rich-theme-card small{line-height:1.45}.rich-theme-hero aside b{font-variant-numeric:tabular-nums}.rich-theme-guide{grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr) minmax(260px,.75fr)}.rich-theme-guide .spanish-inline{color:var(--cs-spanish-blue,#2d7396)!important;font-family:inherit!important;font-style:normal;font-weight:750!important}.rich-theme-intro p{margin:0 0 12px;line-height:1.75;color:#4e5963}.rich-theme-intro p:last-child{margin-bottom:0}.rich-theme-units{grid-template-columns:repeat(2,minmax(0,1fr))}.rich-theme-units button{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:start;gap:6px 14px;text-align:left}.rich-theme-units button span{grid-row:1/4}.rich-theme-units button b{font-size:19px}.rich-theme-units button small{grid-column:2/4;line-height:1.45;color:#66737d}.rich-theme-units button em{grid-column:2/4;font-style:normal;color:#356b97;font-weight:800}.rich-theme-overview-reading button{border:0;background:transparent;color:#356b97;padding:0;font-weight:900;font-size:15px}.rich-theme-section-reading .topic-core-grid,.rich-theme-section-reading .topic-example-grid{margin-top:20px}.rich-theme-word-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rich-context-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rich-context-examples .culture-context-example{margin:0;height:100%}.rich-curated-word{display:grid;gap:6px;padding:15px 16px;border:1px solid #d7e3e9;border-radius:14px;background:#fff}.rich-curated-word b{font-size:16px;line-height:1.35}.rich-curated-word span{color:#5c6d77;font-size:14px;line-height:1.4}.rich-theme-section-reading :is(.rich-curated-word,.topic-word-card),.rich-theme-word-overview :is(.rich-curated-word,.topic-word-card){border-color:#d7e3e9;background:#fff}.rich-theme-section-reading .topic-word-card:hover,.rich-theme-word-overview .topic-word-card:hover{border-color:#78a3ba;background:#f5fafc}
@media(max-width:1100px){.rich-theme-guide{grid-template-columns:1fr 1.4fr}.rich-theme-guide>.culture-all-words{grid-column:1/-1}.rich-theme-word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.rich-theme-principles,.rich-theme-guide{grid-template-columns:1fr}.rich-theme-units{grid-template-columns:1fr}.rich-theme-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rich-theme-guide>.culture-all-words{grid-column:auto}.rich-theme-units button{grid-template-columns:42px minmax(0,1fr)}.rich-context-examples{grid-template-columns:1fr}}
@media(max-width:460px){.rich-theme-word-grid{grid-template-columns:1fr}}

/* Thema's: compact kopblok, rustig woordbeeld en een apart niveau-overzicht. */
.rich-theme-hero aside{min-width:230px}.rich-theme-overview-button{width:100%;margin-top:15px;padding:11px 13px;border:1px solid #82a9bd;border-radius:11px;background:#fff;color:#245f80;font:750 13px/1.35 inherit;cursor:pointer}.rich-theme-overview-button:hover,.rich-theme-overview-button:focus-visible{border-color:#3e7897;background:#eef6fa;outline:0}.rich-theme-guide{display:block;padding:22px 28px}.rich-theme-guide .rich-theme-intro{max-width:1120px;margin:0 auto}.rich-theme-guide .rich-theme-intro p{margin-bottom:9px;line-height:1.65}
#content .rich-theme-section-reading .topic-word-card>span.spanish-sentence,#content .rich-theme-word-overview .topic-word-card>span.spanish-sentence{color:var(--cs-spanish-blue,#2d7396)!important;font-family:inherit!important;font-size:16px!important;font-style:normal!important;font-weight:650!important;letter-spacing:0!important;line-height:1.35!important}.rich-theme-section-reading .topic-word-card>b,.rich-theme-word-overview .topic-word-card>b{font-size:14px;font-weight:650;line-height:1.35}.rich-theme-section-reading .topic-word-card>small,.rich-theme-word-overview .topic-word-card>small{font-size:11px;line-height:1.35}
.rich-theme-word-overview{max-width:1400px;margin:0 auto}.rich-theme-word-overview>header{margin-top:12px;padding:30px 34px;border:1px solid #dce6ec;border-radius:24px;background:#fff}.rich-theme-word-overview>header>span{color:#356b97;font-size:12px;font-weight:900;letter-spacing:.15em}.rich-theme-word-overview>header h2{margin:8px 0 11px;font-size:clamp(34px,4vw,54px);line-height:1.08}.rich-theme-word-overview>header p{max-width:1050px;margin:0;color:#5c6871;font-size:17px;line-height:1.65}.rich-theme-level-filter{display:grid;grid-template-columns:minmax(140px,auto) minmax(0,1fr) auto;gap:10px 18px;align-items:center;margin:16px 0;padding:15px 17px;border:1px solid #dce6ec;border-radius:16px;background:#fff}.rich-theme-level-filter>b{color:#354b58;font-size:14px}.rich-theme-level-filter nav{display:flex;flex-wrap:wrap;gap:7px}.rich-theme-level-filter button{padding:8px 11px;border:1px solid #c9d8e0;border-radius:9px;background:#f8fafb;color:#49616f;font:750 12px/1.2 inherit;cursor:pointer}.rich-theme-level-filter button:hover,.rich-theme-level-filter button:focus-visible{border-color:#78a3ba;background:#eef6fa;outline:0}.rich-theme-level-filter button.active{border-color:#356b97;background:#356b97;color:#fff}.rich-theme-level-mode{white-space:nowrap}.rich-theme-level-mode span{font-weight:900;text-transform:uppercase}.rich-theme-level-filter small{grid-column:2/4;color:#6a7a84;font-size:12px;white-space:nowrap}.rich-theme-overview-grid{margin-top:0}.rich-theme-overview-grid .topic-word-card{min-height:118px;justify-content:center}
@media(max-width:1000px){.rich-theme-level-filter{grid-template-columns:1fr}.rich-theme-level-filter small{grid-column:auto;white-space:normal}.rich-theme-word-overview>header{padding:26px}}
@media(max-width:760px){.rich-theme-hero aside{min-width:0}.rich-theme-word-overview>header{padding:22px}.rich-theme-word-overview>header p{font-size:15px}.rich-theme-level-filter nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.rich-theme-level-filter button{padding-inline:7px}.rich-theme-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:460px){.rich-theme-level-filter nav,.rich-theme-overview-grid{grid-template-columns:1fr 1fr}.rich-theme-word-overview>header h2{font-size:31px}}

/* Thema-voorbeeldzinnen volgen de rustige naslagopmaak: één kaart per rij, zonder bronlabel. */
.topic-example-grid,.topic-example-more{grid-template-columns:1fr}.topic-example-reference{display:grid;gap:0;width:100%;padding:20px 24px;border:1px solid #d5dfe5;border-left:5px solid #4a9470;border-radius:3px;background:#fff;box-shadow:0 5px 18px rgba(21,50,77,.05);font:inherit;text-align:left}.topic-example-reference .topic-example-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 13px}.topic-example-reference .topic-example-meta span{margin:0}.topic-example-reference .topic-example-headword{color:var(--cs-spanish-blue,#2d7396)!important;font-size:16px!important;font-weight:700!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.topic-example-reference>.spanish-sentence{display:block;margin:0 0 7px;color:var(--cs-spanish-blue,#2d7396)!important;font-family:inherit!important;font-size:1.35rem!important;font-style:normal!important;font-weight:450!important;letter-spacing:normal!important;line-height:1.4!important}.topic-example-reference>.topic-example-translation{margin:0;color:#637780;font-size:1.05rem;font-weight:400;letter-spacing:normal;line-height:1.5}.topic-example-reference:hover{border-color:#c5d3da;border-left-color:#4a9470;background:#fff;box-shadow:0 7px 20px rgba(21,50,77,.08)}@media(max-width:700px){.topic-example-reference{padding:16px}.topic-example-reference>.spanish-sentence{font-size:1.15rem!important}}

/* Cultuur van Spanje gebruikt rustige, volledig dekkende vlakken zonder glaseffect. */
#content:has([data-culture-overview-words]) .spain-culture-hero aside,
#content:has([data-culture-home-top]) .spain-culture-hero aside,
#content:has([data-culture-overview-words]) .spain-culture-guide,
#content:has([data-culture-home-top]) .spain-culture-guide,
#content:has([data-culture-overview-words]) .spain-culture-phrases,
#content:has([data-culture-home-top]) .spain-culture-phrases,
#content:has([data-culture-overview-words]) .spain-culture-units>button,
#content:has([data-culture-home-top]) .spain-culture-units>button,
#content:has([data-culture-home-top]) .culture-lesson-progress,
#content:has([data-culture-home-top]) .culture-chapter-toc,
#content:has([data-culture-home-top]) .culture-reading-page{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#content:has([data-culture-overview-words]) .spain-culture-note{background:#fff8e8!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Uitspraakknop voor Spaanse voorbeeldzinnen in de themapagina's. */
.spanish-audio-button,.spain-culture-phrases article>.spanish-audio-button{display:inline-flex;align-items:center;justify-content:center;justify-self:start;gap:7px;width:auto;margin:3px 0 2px;padding:7px 11px;border:1px solid #86aabc;border-radius:999px;background:#fff;color:#245f7d;font:750 12px/1.2 inherit;cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s}.spanish-audio-button:hover,.spanish-audio-button:focus-visible{border-color:#3f7897;background:#eaf4f8;color:#174f78;outline:0;transform:translateY(-1px)}.spanish-audio-button.is-speaking{border-color:#397f67;background:#e8f5ef;color:#21634f}.spanish-audio-button:disabled{cursor:not-allowed;opacity:.58;transform:none}.spanish-audio-button>span:first-child{font-size:10px}.spain-culture-phrases article>.spanish-audio-button{margin-top:9px}@media(max-width:560px){.spanish-audio-button,.spain-culture-phrases article>.spanish-audio-button{min-height:38px;padding:8px 12px}}

/* Voorbeeldzinnen zijn compacte luisterregels zonder niveau-, bron- of woordlabels. */
.topic-example-grid:has(.example-sentence-row){gap:0;border:1px solid #d5dfe5;border-radius:12px;overflow:hidden}.example-sentence-row.example-sentence-card,.example-sentence-row.topic-example-reference{display:grid;grid-template-columns:38px minmax(0,1.35fr) minmax(180px,1fr);align-items:center;gap:8px 15px;width:100%;margin:0;padding:10px 12px;border:0;border-bottom:1px solid #dce5ea;border-left:0;border-radius:0;background:#fff;box-shadow:none;text-align:left}.example-sentence-row.example-sentence-card:last-child,.example-sentence-row.topic-example-reference:last-child{border-bottom:0}.example-sentence-row.example-sentence-card:hover,.example-sentence-row.topic-example-reference:hover{border-left:0;background:#f8fbfc;box-shadow:none}.example-sentence-row>.spanish-sentence,.example-sentence-row>.example-es{display:block;margin:0;color:var(--cs-spanish-blue,#2d7396)!important;font-family:inherit!important;font-size:16px!important;font-style:normal!important;font-weight:500!important;letter-spacing:normal!important;line-height:1.4!important;text-decoration:none!important}.example-sentence-row>.topic-example-translation,.example-sentence-row>.example-translation{display:block;margin:0;color:#5f717b;font-family:inherit;font-size:14px;font-weight:400;line-height:1.4}.example-sentence-row>.spanish-audio-button{grid-column:1;width:36px;height:36px;min-height:36px;margin:0;padding:0;border-radius:50%}.example-sentence-row>.spanish-audio-button [data-spanish-audio-label]{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:700px){.example-sentence-row.example-sentence-card,.example-sentence-row.topic-example-reference{grid-template-columns:38px minmax(0,1fr);gap:3px 11px;padding:9px 10px}.example-sentence-row>.spanish-sentence,.example-sentence-row>.example-es{grid-column:2;font-size:15px!important}.example-sentence-row>.topic-example-translation,.example-sentence-row>.example-translation{grid-column:2;font-size:13px}.example-sentence-row>.spanish-audio-button{grid-row:1/3}}

/* Sitecontrole 2026-08-12: middelgrote schermen houden filters, lijsten en themakoppen binnen beeld. */
.rich-theme-card[data-spain-culture]{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 4px 14px rgba(24,47,65,.05)!important}
.rich-curated-word{min-width:0}
.rich-curated-word>*{min-width:0;overflow-wrap:anywhere}
@media(max-width:1100px){
 .words-search{grid-template-columns:minmax(0,1fr)!important}
 .words-search>*{min-width:0!important}
 .relation-toolbar{grid-template-columns:1fr}.relation-toolbar .relation-view-toggle{justify-self:start}
 .relation-map-gallery.list-view .relation-map-card{grid-template-columns:minmax(105px,.4fr) minmax(0,1fr)}
 .relation-map-gallery.list-view .relation-map-card p,.relation-map-gallery.list-view .relation-map-card span{grid-column:1/-1;text-align:left;white-space:normal}
 .topic-hero,.spain-culture-hero{grid-template-columns:minmax(0,1fr)}
 .topic-hero aside,.spain-culture-hero aside,.rich-theme-hero aside{min-width:0;width:auto}
}
@media(max-width:620px){
 .relation-map-gallery.list-view .relation-map-card{grid-template-columns:minmax(0,1fr)}
 .relation-map-gallery.list-view .relation-map-card>*{grid-column:1!important}
}

/* Op kleine telefoons blijven nummer en titel van ieder themaonderdeel zichtbaar. */
@media(max-width:560px){.culture-lesson-progress{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px}.culture-lesson-progress button{grid-template-columns:30px minmax(0,1fr);gap:7px;min-height:70px;padding:7px 8px}.culture-lesson-progress button b{display:block;min-width:0;font-size:11.5px;line-height:1.22;overflow-wrap:normal;word-break:normal;hyphens:auto;-webkit-hyphens:auto}.culture-lesson-progress span{width:28px;height:28px}}
@media(max-width:370px){.culture-lesson-progress{grid-template-columns:1fr}.culture-lesson-progress button{min-height:48px}.culture-lesson-progress button b{font-size:11px}}

/* Praktisch Spaans: compacte hoofdcategorieën met daarbinnen een gerichte onderwerpkeuze. */
.practical-practice-tabs{display:grid;gap:12px;margin:12px 0 22px;padding:14px;border:1px solid rgba(154,187,204,.72);border-left:5px solid #337ba3;border-radius:22px;background:linear-gradient(135deg,rgba(224,241,252,.82),rgba(239,232,255,.68) 55%,rgba(255,242,235,.72));-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:0 16px 38px rgba(35,83,111,.1),inset 0 1px 0 rgba(255,255,255,.92)}
.practical-group-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.practical-practice-tabs button{display:grid;align-items:center;flex:0 0 auto;min-height:44px;padding:9px 13px;border:1px solid #c8d6de;border-radius:8px;background:#fff;color:var(--navy);font:inherit;cursor:pointer;white-space:nowrap}
.practical-practice-tabs button b{font-size:14px}
.practical-practice-tabs button:hover,.practical-practice-tabs button:focus-visible{border-color:var(--blue);background:#eef7fb;outline:0}
.practical-practice-tabs button.active{border-color:#337ba3;background:linear-gradient(135deg,#3d83ad,#2f7197);color:#fff;box-shadow:0 8px 20px rgba(47,113,151,.24)}
.practical-depth-choice{display:grid;gap:8px;padding:10px 12px;background:#f3f7f9;border-radius:8px;color:var(--navy);font-weight:750}
.practical-depth-choice>span{font-size:13px;letter-spacing:.02em}
.practical-depth-tabs{display:flex;flex-wrap:wrap;gap:8px;min-width:0;padding-bottom:2px}
@media(max-width:600px){.practical-practice-tabs{margin:8px 0 16px;padding:8px}.practical-practice-tabs button{min-height:40px;padding:7px 10px}.practical-practice-tabs button b{font-size:13px}.practical-depth-choice{gap:6px;padding:9px}.practical-depth-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}}

/* Praktisch Spaans: ieder algemeen en verdiepend oefenscherm gebruikt dezelfde
   maximale breedte van de beschikbare inhoudsruimte. */
.practice-workspace,
.focused-practice{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
  box-sizing:border-box;
}

/* Extra betekenissenfilter in het werkwoordenregister. */
.verb-search{grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(135px,.55fr))}
@media(max-width:980px){.verb-search{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.verb-search{grid-template-columns:1fr}}

/* Werkwoordfilters en tweetalige kaartkleuren volgens de vaste huisstijl. */
.verb-stat-bilingual b{white-space:nowrap}.verb-stat-bilingual b i{color:#8ca3b1;font-size:.72em;font-style:normal}.verb-stat-bilingual span{line-height:1.35}.verb-stat-bilingual small{display:block;margin-top:5px;color:#6b7780;font-size:11px;font-weight:750;line-height:1.3}
.verb-tools .verb-search select{border-color:#bfd6e2!important;background:#edf7fc!important;color:#294f65!important}
.verb-tools .verb-filter-groups{border-color:#c7dce7!important;background:#e7f3fa!important}
.verb-tools .verb-filter-groups section{border-color:#cfdee7!important;background:#f4f9fc!important}
.verb-tools .verb-filter-groups .verb-family{border-color:#bdd5e2!important;background:#e8f4fa!important;color:#285d79!important}
.verb-tools .verb-filter-groups .verb-family:hover{border-color:#7faac0!important;background:#d9edf7!important}
.verb-tools .verb-filter-groups .verb-family.active{border-color:#2f6f99!important;background:#2f6f99!important;color:#fff!important}
#content .flashcard-language-translation,#content .culture-all-word-front b,#content .chapter-quizlet-front,#content .relation-all-card-front,#content .relation-learning-active .generic-card-back{color:var(--cs-spanish-blue,#2d7396)!important}
#content .flashcard-language-es,#content .culture-all-word-back b,#content .chapter-quizlet-back,#content .relation-all-card-back,#content .relation-learning-active .generic-card-front{color:var(--cs-spanish-red,#bf2f43)!important}

/* Centraal naslagwerk en verklaarbare zoekresultaten. */
.reference-hub{display:grid;gap:22px}.reference-hub-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:28px;align-items:center;padding:34px 36px;border-radius:22px;background:linear-gradient(135deg,#dcedfb,#ece9ff 55%,#fff0e8);box-shadow:0 13px 34px rgba(25,55,76,.1)}.reference-hub-hero .eyebrow{color:#5d59cd}.reference-hub-hero h1{margin:7px 0 12px;color:#26313d;font:700 43px/1.08 Georgia,serif;letter-spacing:-.025em}.reference-hub-hero p{max-width:820px;margin:0;color:#5d6874;line-height:1.65}.reference-hub-hero dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid rgba(55,104,137,.14);border-radius:17px;overflow:hidden;background:rgba(255,255,255,.78)}.reference-hub-hero dl div{padding:20px}.reference-hub-hero dl div+div{border-left:1px solid rgba(55,104,137,.14)}.reference-hub-hero dt{color:#26313d;font-size:30px;font-weight:850}.reference-hub-hero dd{margin:4px 0 0;color:#697681;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.reference-search-box{display:grid;grid-template-columns:minmax(190px,.48fr) minmax(300px,1.52fr);gap:8px 24px;align-items:center;padding:22px 24px;border:1px solid #c6dce8;border-radius:18px;background:#eaf5fb;box-shadow:0 7px 22px rgba(34,81,109,.06)}.reference-search-box label{display:grid;gap:5px}.reference-search-box label span{color:#347394;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.reference-search-box label b{color:#1c3e56;font:700 22px Georgia,serif}.reference-search-box>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.reference-search-box input{width:100%;min-height:50px;padding:12px 15px;border:1px solid #9fc4d6;border-radius:12px;background:#fff;color:#263743;font:inherit;font-size:16px;outline:none}.reference-search-box input:focus{border-color:#2f7197;box-shadow:0 0 0 3px rgba(47,113,151,.13)}.reference-search-box button{min-height:50px;padding:0 22px;border:0;border-radius:12px;background:var(--red);color:#fff;font:inherit;font-weight:850;cursor:pointer}.reference-search-box>small{grid-column:2;color:#647986;line-height:1.4}.reference-search-box>small strong{color:#2c6586}
.reference-hub-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:3px}.reference-hub-heading span{color:var(--red);font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.reference-hub-heading h2{margin:5px 0 0;color:#26313d;font:700 29px Georgia,serif}.reference-hub-heading small{max-width:420px;color:#70808a;text-align:right;line-height:1.45}.reference-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.reference-hub-grid button{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:4px 13px;min-height:188px;padding:20px;border:1px solid #ccdde6;border-radius:17px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 5px 18px rgba(27,59,78,.045)}.reference-hub-grid button:hover,.reference-hub-grid button:focus-visible{border-color:#6fa1bb;background:#f6fbfe;box-shadow:0 9px 24px rgba(34,83,110,.1);outline:none;transform:translateY(-2px)}.reference-hub-grid button>span{grid-row:1/4;display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#e7f3fa;color:#2f7197;font-size:12px;font-weight:850}.reference-hub-grid button>b{color:#213e52;font:700 21px Georgia,serif}.reference-hub-grid button>small{color:#637580;line-height:1.5}.reference-hub-grid button>em{align-self:end;color:#2f7197;font-size:11px;font-style:normal;font-weight:800}.reference-hub-grid button>em i{float:right;font-size:17px;font-style:normal}
.reference-search-landing{display:grid;gap:20px;padding:31px;border:1px solid #cfdee6;border-radius:22px;background:linear-gradient(145deg,#fff,#f3f9fc)}.reference-search-landing>.title{margin-bottom:-8px}.reference-search-landing>.lead{max-width:920px;margin:0}.reference-search-starts{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.reference-search-starts>span{margin-right:4px;color:#657680;font-size:12px;font-weight:800}.reference-search-starts button{padding:8px 11px;border:1px solid #bad4e2;border-radius:99px;background:#e9f5fb;color:#2c6280;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.reference-search-starts button:hover,.reference-search-starts button:focus-visible{border-color:#2f7197;background:#d9edf7;outline:none}.reference-search-hub-link{justify-self:start;padding:10px 14px;border:1px solid #a8c9da;border-radius:10px;background:#fff;color:#2c6586;font:inherit;font-weight:800;cursor:pointer}
.search-result-filters{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 13px;padding:12px;border:1px solid #c7dce7;border-radius:15px;background:#e7f3fa}.search-result-filters button{display:flex;align-items:center;gap:9px;min-height:42px;padding:8px 12px;border:1px solid #bdd5e2;border-radius:10px;background:#f7fbfd;color:#315c73;font:inherit;font-weight:800;cursor:pointer}.search-result-filters button b{display:grid;min-width:26px;height:24px;padding:0 6px;place-items:center;border-radius:99px;background:#dfedf4;color:#587788;font-size:11px}.search-result-filters button:hover,.search-result-filters button:focus-visible{border-color:#7faac0;background:#edf7fc;outline:none}.search-result-filters button.active{border-color:#2f7197;background:#2f7197;color:#fff}.search-result-filters button.active b{background:#fff;color:#2f7197}.search-result-row .nl{display:grid;gap:3px}.search-result-row .nl small{color:#718490;font-size:10px;font-weight:700}.words-empty>span{display:block}.words-empty>button{margin-top:16px;padding:10px 14px;border:0;border-radius:9px;background:#2f7197;color:#fff;font:inherit;font-weight:800;cursor:pointer}
@media(max-width:980px){.reference-hub-hero{grid-template-columns:1fr}.reference-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-search-box{grid-template-columns:1fr}.reference-search-box>small{grid-column:1}.reference-hub-heading{align-items:start}.reference-hub-heading small{text-align:left}}
@media(max-width:900px){.reference-hub,.reference-hub>*{min-width:0;max-width:100%}.reference-hub-grid{grid-template-columns:minmax(0,1fr)}.reference-hub-grid button,.reference-hub-grid button>*{min-width:0}.reference-hub-heading{display:block}.reference-hub-heading small{display:block;margin-top:8px}.reference-search-box>div{grid-template-columns:minmax(0,1fr) auto;min-width:0}.reference-search-box input{min-width:0}}
@media(max-width:620px){.reference-hub{gap:16px}.reference-hub-hero{padding:25px 20px}.reference-hub-hero h1{font-size:34px}.reference-hub-hero dl{grid-template-columns:1fr}.reference-hub-hero dl div+div{border-top:1px solid rgba(55,104,137,.14);border-left:0}.reference-search-box{padding:18px 16px}.reference-search-box>div{grid-template-columns:1fr}.reference-search-box button{width:100%}.reference-hub-heading{display:block}.reference-hub-heading small{display:block;margin-top:8px}.reference-hub-grid{grid-template-columns:1fr}.reference-hub-grid button{min-height:158px}.reference-search-landing{padding:23px 17px}.search-result-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.search-result-filters button{justify-content:space-between;min-width:0}.search-result-row .nl small{font-size:11px}}
.dev-action-table .dev-item>span{color:#3e5665;font-size:13px;line-height:1.35}.dev-action-table .dev-item small{overflow-wrap:anywhere}

/* Leerroute door het volledige tijden- en wijzenstelsel. */
.tense-family-intro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 26px}.tense-family-intro>div{padding:18px;border:1px solid #dce6eb;border-top:4px solid var(--blue);border-radius:13px;background:linear-gradient(145deg,#eef6fb,#fff7f1)}.tense-family-intro span{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.08em}.tense-family-intro h3{margin:7px 0;color:var(--navy);font:600 20px Georgia,serif}.tense-family-intro p{margin:0;color:#53636d;line-height:1.55}@media(max-width:800px){.tense-family-intro{grid-template-columns:1fr}}
/* Centrale oefenbank */
.practice-bank{display:grid;gap:24px;max-width:1600px;margin:0 auto}.practice-bank-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:36px 42px;border-radius:28px;background:linear-gradient(120deg,#153850,#285d7c);color:#fff}.practice-bank-hero h2{margin:5px 0 8px;font-size:clamp(2.4rem,5vw,4.5rem);color:#fff}.practice-bank-hero p{max-width:850px;margin:0;line-height:1.6}.practice-bank-hero>span{display:grid;place-items:center;min-width:120px;min-height:90px;padding:12px;border:1px solid #ffffff55;border-radius:18px;color:#f3cf58;font:800 1.55rem Georgia,serif}.practice-bank-controls{display:grid;grid-template-columns:1fr 1.4fr 2fr;gap:18px;padding:24px;border:1px solid #d7dfe4;border-left:8px solid #2d7098;background:#fff}.practice-bank-controls fieldset{min-width:0;margin:0;padding:0;border:0}.practice-bank-controls legend{margin-bottom:10px;color:#5c7180;font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.practice-bank-levels,.practice-bank-ranges,.practice-bank-types{display:flex;gap:8px;flex-wrap:wrap}.practice-bank-controls button{min-height:48px;padding:10px 16px;border:1px solid #b9ccd7;background:#fff;color:#17364b;font-weight:800}.practice-bank-controls button.active{border-color:#17364b;background:#17364b;color:#fff}.practice-bank-summary{display:flex;gap:12px;align-items:baseline}.practice-bank-summary b{font:700 1.45rem Georgia,serif}.practice-bank-summary span{color:#6a7982}.practice-bank-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.practice-bank-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:'icon badge' 'icon title' 'icon text' 'icon action';gap:5px 18px;min-height:225px;padding:28px;text-align:left;border:1px solid #dbe2e6;border-radius:24px;background:#fff;color:#17364b;box-shadow:0 12px 30px #17364b12}.practice-bank-card:hover{transform:translateY(-2px);border-color:#2d7098;box-shadow:0 16px 34px #17364b20}.practice-bank-card i{grid-area:icon;display:grid;place-items:center;width:66px;height:66px;border-radius:18px;background:#e8f4f9;color:#216487;font:800 1.35rem Georgia,serif;font-style:normal}.practice-bank-card>span{grid-area:badge;color:#bd4d37;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.practice-bank-card h3{grid-area:title;margin:2px 0;font-size:1.5rem}.practice-bank-card p{grid-area:text;margin:3px 0 12px;color:#62737d;line-height:1.5}.practice-bank-card>b{grid-area:action;color:#217298}
@media(max-width:1000px){.practice-bank-controls{grid-template-columns:1fr}.practice-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:700px){
 body.mobile-search-open .searchbar,
 body.environment-development.mobile-search-open .searchbar{display:flex!important;position:fixed!important;top:62px!important;left:10px;right:10px;z-index:5200;margin:0;box-shadow:0 10px 30px rgba(15,35,50,.24)}
 body.environment-development.mobile-search-open .searchbar{top:94px!important}
 body.mobile-search-open .mobile-search-button{background:var(--navy);color:#fff}
}
@media(max-width:620px){.practice-bank-hero{align-items:flex-start;padding:26px 22px}.practice-bank-hero>span{min-width:72px;min-height:62px;font-size:1.05rem}.practice-bank-controls{padding:18px}.practice-bank-grid{grid-template-columns:1fr}.practice-bank-card{min-height:0;padding:22px}.practice-bank-ranges button,.practice-bank-types button{flex:1 1 135px}}

/* Centrale Oefenbank: brede glass-layout zonder overlappende velden. */
body.practice-bank-page .main{width:100%;min-width:0;max-width:100%;overflow-x:clip;padding-inline:clamp(18px,2.4vw,38px)}
body.practice-bank-page .shell{width:auto;min-width:0;max-width:1380px}
body.practice-bank-page .searchbar,
body.environment-development.practice-bank-page .searchbar{position:relative;top:auto;z-index:20;margin-bottom:34px}
body.practice-bank-page .content{width:100%;min-width:0;max-width:100%;margin-top:0}
.practice-bank{container:practicebank / inline-size;width:100%;min-width:0;max-width:100%;gap:26px}
.practice-bank>*{min-width:0;max-width:100%;box-sizing:border-box}
.practice-bank>.back{width:max-content;max-width:100%;overflow-wrap:anywhere}
.practice-bank-hero{position:relative;isolation:isolate;overflow:hidden;min-height:220px;padding:38px 42px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(120deg,rgba(222,239,255,.9),rgba(239,232,255,.76) 54%,rgba(255,241,234,.8));color:#30343a;box-shadow:0 18px 44px rgba(37,65,88,.11),inset 0 1px 0 rgba(255,255,255,.95);-webkit-backdrop-filter:blur(22px) saturate(135%);backdrop-filter:blur(22px) saturate(135%)}
.practice-bank-hero:before,.practice-bank-hero:after{content:'';position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.practice-bank-hero:before{width:250px;height:250px;right:-70px;top:-120px;border-color:rgba(65,112,144,.1)}
.practice-bank-hero:after{width:160px;height:160px;right:84px;bottom:-118px;border-color:rgba(65,112,144,.08)}
.practice-bank-hero .eyebrow{color:#52768a}
.practice-bank-hero h2{font-size:clamp(2.45rem,4.5vw,4rem);line-height:1.03;color:#30343a}
.practice-bank-hero p{max-width:900px;color:#626c78!important;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.6}
.practice-bank-hero>span{min-width:105px;min-height:80px;border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.72);color:#30343a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 28px rgba(36,67,90,.1),inset 0 1px 0 rgba(255,255,255,.95)}
.practice-bank-controls{grid-template-columns:minmax(210px,.75fr) minmax(280px,1fr) minmax(340px,1.25fr);gap:26px;overflow:hidden;padding:26px 28px;border:1px solid rgba(255,255,255,.92);outline:1px solid rgba(160,182,194,.25);border-left:0;border-radius:24px;background:rgba(255,255,255,.84);-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);box-shadow:0 16px 38px rgba(25,64,87,.09),inset 0 1px 0 rgba(255,255,255,.96)}
.practice-bank-controls fieldset{display:flex;min-width:0;flex-direction:column}
.practice-bank-controls legend{padding:0;color:#4f6f82;font-size:.84rem}
.practice-bank-levels,.practice-bank-ranges,.practice-bank-types{display:flex;min-width:0;align-items:stretch;flex-wrap:wrap;gap:10px}
.practice-bank-levels button{flex:0 1 82px}
.practice-bank-ranges button{flex:1 1 190px;max-width:260px}
.practice-bank-types button{flex:1 1 145px;max-width:210px}
.practice-bank-controls button{width:auto;min-width:0;min-height:48px;padding:10px 15px;border-color:rgba(128,165,185,.56);border-radius:13px;background:rgba(248,250,252,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.82);white-space:normal;line-height:1.2}
.practice-bank-controls button:hover,.practice-bank-controls button:focus-visible{border-color:#337ba3;background:rgba(255,255,255,.96);outline:none;box-shadow:0 7px 18px rgba(41,102,137,.12)}
.practice-bank-controls button.active{border-color:#337ba3;background:linear-gradient(135deg,#3d83ad,#2f7197);color:#fff;box-shadow:0 9px 22px rgba(47,113,151,.25)}
.practice-bank-summary{padding:2px 4px}
.practice-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.practice-bank-card{grid-template-columns:64px minmax(0,1fr);width:100%;min-width:0;overflow:hidden;padding:26px;border-color:rgba(255,255,255,.9);outline:1px solid rgba(147,181,198,.34);background:linear-gradient(145deg,rgba(224,242,252,.76),rgba(245,239,255,.63) 58%,rgba(255,245,239,.7));-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);box-shadow:0 17px 38px rgba(26,61,81,.1),inset 0 1px 0 rgba(255,255,255,.92)}
.practice-bank-card>*{min-width:0;max-width:100%}
.practice-bank-card i{width:60px;height:60px}
.practice-bank-card>span{overflow-wrap:anywhere}
.practice-bank-card h3{font-size:clamp(1.2rem,1.55vw,1.5rem);line-height:1.16;overflow-wrap:anywhere;word-break:normal}
.practice-bank-card p{font-size:.98rem;overflow-wrap:anywhere}
.practice-bank-card>b{align-self:end;overflow-wrap:anywhere}
@container practicebank (min-width:1320px){.practice-bank-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container practicebank (min-width:900px){.practice-bank-controls fieldset:last-child{grid-column:1/-1}.practice-bank-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.practice-bank-types button{width:100%;max-width:none;min-width:0}}
@container practicebank (max-width:1120px){.practice-bank-controls{grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:20px}.practice-bank-controls fieldset:last-child{grid-column:1/-1}.practice-bank-types button{flex-basis:150px}}
@container practicebank (max-width:760px){.practice-bank-controls{grid-template-columns:1fr;padding:20px}.practice-bank-controls fieldset:last-child{grid-column:auto}.practice-bank-ranges button,.practice-bank-types button{max-width:none}.practice-bank-grid{grid-template-columns:1fr}}
@media(max-width:760px){body.practice-bank-page .main{padding-inline:14px}.practice-bank-hero{min-height:0;padding:30px 25px}.practice-bank-hero>span{position:absolute;right:18px;top:18px;min-width:64px;min-height:48px}.practice-bank-hero h2{padding-right:72px}.practice-bank-card{min-height:0}}
@media(max-width:430px){.practice-bank-levels{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-bank-card{grid-template-columns:52px minmax(0,1fr);gap:5px 13px;padding:20px}.practice-bank-card i{width:50px;height:50px}.practice-bank-controls button{font-size:.94rem}}
/* Klokkijken: toon alle oefenvormen als rustige verticale keuzelijst. */
.practice-settings.practice-clock-settings{align-items:flex-end}
.practice-clock-options{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;flex:1 1 560px;min-width:0;margin:0;padding:0;border:0}
.practice-clock-options legend{margin:0 0 7px;color:#4c626f;font-size:12px;font-weight:720}
.practice-settings .practice-clock-option{display:flex!important;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid #b8d1df;border-radius:12px;background:rgba(255,255,255,.84);color:var(--navy)!important;font-size:15px!important;font-weight:750!important;cursor:pointer}
.practice-settings .practice-clock-option input{width:18px!important;min-width:18px!important;height:18px!important;min-height:18px;margin:0;accent-color:#337ba3}
.practice-settings .practice-clock-option.active{border-color:#337ba3;background:#337ba3!important;color:#fff!important;box-shadow:0 8px 18px rgba(51,123,163,.22)}
.practice-clock-option span{min-width:0}
.practice-clock-settings #practiceStart{align-self:flex-end}
@media(max-width:700px){.practice-clock-settings #practiceStart{width:100%}}
.login-editor-language-switch{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.login-editor-language-switch button{padding:10px 15px;border:1px solid #b7cedd;border-radius:999px;background:#fff;color:#17364b;font-weight:800;cursor:pointer}
.login-editor-language-switch button.active{border-color:#3676a3;background:#3676a3;color:#fff}
.vocabulary-chapter-settings{grid-template-columns:auto minmax(280px,1fr) auto!important;align-items:end}.practice-selected-level{display:grid;gap:5px;padding:11px 14px;border:1px solid #c9dbe5;border-radius:12px;background:#f4f9fc;color:#58707f}.practice-selected-level span{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.practice-selected-level b{font-size:20px;color:#286886}.vocabulary-progress{margin-top:22px;padding:22px;border:1px solid #d9e5eb;border-radius:18px;background:#fff}.vocabulary-progress>div:first-child>span{font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#39779f}.vocabulary-progress p{margin:7px 0 16px;color:#647985;line-height:1.5}.vocabulary-progress-table{overflow:auto;border:1px solid #e0e9ee;border-radius:12px}.vocabulary-progress table{width:100%;border-collapse:collapse}.vocabulary-progress th,.vocabulary-progress td{padding:12px 14px;border-bottom:1px solid #e5edf1;text-align:left}.vocabulary-progress th{background:#f2f7fa;color:#476878;font-size:13px}.vocabulary-progress tbody tr:last-child td{border-bottom:0}.vocabulary-progress .is-good{color:#277349;font-weight:850}.vocabulary-progress .is-learning{color:#b53551;font-weight:850}.chapter-quick-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.chapter-quick-toolbar .segmented{flex-wrap:wrap}.chapter-quick-card{display:grid;gap:8px;min-width:0;padding:7px;border:1px solid #b9d8eb;border-radius:16px;background:#eaf6ff}.chapter-quick-card .flashcard-preview-card{width:100%}.chapter-quick-card:not(.is-known):not(.is-unknown) .flashcard-preview-front{border-color:#b9d8eb;background:#eef8ff}.chapter-quick-card.is-known{border-color:#7ab994;background:#eff9f2}.chapter-quick-card.is-unknown{border-color:#e8a1ae;background:#fff1f3}.chapter-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.chapter-quick-actions button{padding:9px 8px;border-radius:10px;font-weight:850;cursor:pointer}.chapter-quick-known{border:1px solid #63a982;background:#eaf7ee;color:#276b46}.chapter-quick-unknown{border:1px solid #df97a7;background:#fff0f3;color:#b53551}@media(max-width:700px){.vocabulary-chapter-settings{grid-template-columns:1fr!important}.vocabulary-chapter-settings button{width:100%}.chapter-quick-toolbar{display:grid}.chapter-quick-toolbar>[data-chapter-quick-all]{width:100%}}@media(max-width:600px){.chapter-quick-actions{grid-template-columns:1fr}.chapter-quick-grid{gap:12px}}
.vocabulary-progress tbody tr[data-vocabulary-progress-chapter]{cursor:pointer}.vocabulary-progress tbody tr[data-vocabulary-progress-chapter]:hover,.vocabulary-progress tbody tr[data-vocabulary-progress-chapter]:focus{background:#eef8ff;outline:2px solid #92bfda;outline-offset:-2px}
.chapter-quick-navigation{display:flex;justify-content:space-between;gap:12px;margin:16px 0}.chapter-quick-navigation button{padding:10px 14px;border:1px solid #b9d8eb;border-radius:11px;background:#f4faff;color:#23658d;font-weight:800;cursor:pointer}.chapter-quick-navigation button:hover,.chapter-quick-navigation button:focus-visible{border-color:#337ba3;background:#e5f3fc;outline:0}
.search-relation-suggestions{margin:20px 0}.search-related-details{overflow:hidden;border:1px solid #c8ddea;border-radius:18px;background:linear-gradient(135deg,#eaf6fc,#f3f1fb 58%,#fff5f1)}.search-related-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;color:#1d587c;cursor:pointer;font-weight:850;list-style:none}.search-related-details summary::-webkit-details-marker{display:none}.search-related-details summary span::before{content:'›';display:inline-block;margin-right:10px;transition:transform .18s ease}.search-related-details[open] summary span::before{transform:rotate(90deg)}.search-related-details summary b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:#3676a3;color:#fff;font-size:13px}.search-related-content{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,2fr);gap:18px;padding:0 20px 20px}.search-related-content .search-relation-heading{display:grid;align-content:start;gap:5px}.search-related-content .search-relation-heading span{color:#2f7197;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.search-related-content .search-relation-heading b{color:var(--navy);font:700 21px Georgia,serif}.search-relation-options{display:grid;gap:9px}.search-relation-options button{display:grid;gap:3px;padding:12px 14px;border:1px solid #b9d5e5;border-radius:12px;background:#fff;color:#24577d;text-align:left;cursor:pointer}.search-relation-options button:hover,.search-relation-options button:focus-visible{border-color:#2f7197;background:#dff1fa;outline:none}.search-relation-options small{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.search-relation-options span{color:#557080;font-size:13px}.search-related-content>.search-concept-copy{margin-top:8px}@media(max-width:760px){.search-related-content{grid-template-columns:1fr;padding:0 15px 15px}.search-related-details summary{padding:15px}}
.search-relation-suggestions{display:grid;gap:14px}.search-relation-suggestions>.search-relation-heading{display:grid;gap:4px}.search-relation-suggestions>.search-relation-heading span{color:#2f7197;font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.search-relation-suggestions>.search-relation-heading b{color:var(--navy);font:700 21px Georgia,serif}.search-relation-suggestions>.search-relation-options{grid-template-columns:1fr}.search-related-content{display:block!important;padding:0 20px 20px}.search-related-content .search-concept-copy{margin:18px 0 6px!important}.search-related-content .search-concept-terms{margin:0}.search-related-content .search-concept-copy:first-child{margin-top:0!important}@media(max-width:760px){.search-related-content{padding:0 15px 15px}}
.search-relation-direct{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 18px;width:100%;padding:20px 22px;border:1px solid #8fb7d0;border-radius:17px;background:linear-gradient(110deg,#31779f,#235e86);color:#fff;text-align:left;cursor:pointer;box-shadow:0 10px 24px rgba(32,91,128,.15)}.search-relation-direct span{font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;opacity:.84}.search-relation-direct b{font-size:22px}.search-relation-direct small{grid-column:1/-1;font-size:14px;opacity:.94}.search-relation-direct:hover,.search-relation-direct:focus-visible{filter:brightness(1.07);outline:3px solid #a4cbe2;outline-offset:3px}@media(max-width:760px){.search-relation-direct{padding:17px}.search-relation-direct b{font-size:19px}}
.search-related-link-wrap{margin:8px 0 12px}.search-related-link-wrap .search-relation-direct{display:grid;grid-template-columns:minmax(0,1fr) 180px 24px;align-items:center;column-gap:16px;width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--line);border-radius:0;background:#f7f3e9;color:var(--navy);text-align:left;box-shadow:none}.search-related-link-wrap .search-relation-direct span{font:600 18px Georgia,serif;letter-spacing:0;opacity:1}.search-related-link-wrap .search-relation-direct b{font:500 14px Arial,sans-serif;color:var(--muted)}.search-related-link-wrap .search-relation-direct i{justify-self:end;color:var(--terracotta-dark);font:400 20px Arial;font-style:normal;line-height:1}.search-related-link-wrap .search-relation-direct:hover,.search-related-link-wrap .search-relation-direct:focus-visible{background:#fffaf0;filter:none;outline:0}@media(max-width:700px){.search-related-link-wrap .search-relation-direct{grid-template-columns:minmax(0,1fr) 24px}.search-related-link-wrap .search-relation-direct b{display:none}}

/* Hoofdstukwoorden: tabel en snelle flashcards zijn twee exclusieve weergaven. */
.chapter-vocabulary-choice{margin:0 0 17px}
.chapter-vocabulary-mode{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 12px}
.chapter-vocabulary-mode button{min-height:42px;padding:10px 15px;border:1px solid #9db8c7;border-radius:11px;background:#fff;color:var(--navy);font-weight:850;cursor:pointer}
.chapter-vocabulary-mode button:hover,.chapter-vocabulary-mode button:focus-visible{border-color:var(--navy);background:#eef5f9;outline:0}
.chapter-vocabulary-mode button.active,.chapter-vocabulary-mode button.active:hover,.chapter-vocabulary-mode button.active:focus-visible,.chapter-quizlet-head button,.chapter-quizlet-head button:hover,.chapter-quizlet-head button:focus-visible{border-color:#356b97!important;background:#356b97!important;color:#fff!important;box-shadow:0 5px 14px rgba(53,107,151,.2)!important}
.chapter-quizlet-head>div>span,.chapter-quizlet-head>div>small{color:var(--red)!important}
.chapter-vocabulary-choice>.chapter-quizlet[hidden],[data-chapter-core-content][hidden]{display:none!important}
@media(max-width:520px){.chapter-vocabulary-mode{display:grid;grid-template-columns:1fr}.chapter-vocabulary-mode button{width:100%}}

/* Prioriteit 2: actieve kernwoorden staan voorop; de brede woordenbank is herkenbaar verdieping. */
.chapter-vocabulary-learning{margin:28px 0}.chapter-vocabulary-learning>.study-section-heading{margin-bottom:8px}.chapter-vocabulary-intro{max-width:780px;margin:0 0 16px;color:#53646e;line-height:1.55}.chapter-active-vocabulary-table{margin-bottom:16px}.chapter-additional-vocabulary{overflow:hidden;margin-top:20px;border:1px solid #c8dbe6;border-radius:16px;background:#f7fafc}.chapter-additional-vocabulary summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;color:#285f82;cursor:pointer;font-weight:850;list-style:none}.chapter-additional-vocabulary summary::-webkit-details-marker{display:none}.chapter-additional-vocabulary summary span::before{content:'›';display:inline-block;margin-right:10px;transition:transform .18s ease}.chapter-additional-vocabulary[open] summary span::before{transform:rotate(90deg)}.chapter-additional-vocabulary summary b{display:grid;place-items:center;min-width:31px;height:31px;border-radius:999px;background:#dcecf5;color:#285f82;font-size:12px}.chapter-additional-vocabulary-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 19px 15px}.chapter-additional-vocabulary-head p{margin:0;color:#65757f;line-height:1.5}.chapter-additional-vocabulary-head button{min-height:42px;padding:10px 15px;border:1px solid #356b97;border-radius:11px;background:#356b97;color:#fff;font-weight:850;cursor:pointer;box-shadow:0 5px 14px rgba(53,107,151,.18)}.chapter-additional-vocabulary-head button:hover,.chapter-additional-vocabulary-head button:focus-visible{background:#285f82;outline:0}.chapter-additional-vocabulary>.study-table-wrap{margin:0;border-top:1px solid #dce7ed;border-radius:0}.chapter-additional-vocabulary>.study-table-wrap table{margin:0}.chapter-vocabulary-learning .chapter-vocabulary-choice{margin-bottom:14px}
@media(max-width:600px){.chapter-additional-vocabulary summary{padding:15px}.chapter-additional-vocabulary-head{grid-template-columns:1fr;padding:0 15px 14px}.chapter-additional-vocabulary-head button{width:100%}.chapter-vocabulary-intro{font-size:14px}}

/* Relatiekaarten: het aantal hoofdthema's is direct zichtbaar naast de filters. */
.relation-theme-total{display:inline-flex;flex:none;align-items:center;min-height:36px;padding:0 11px;border-radius:10px;background:#356b97;color:#fff;font-size:12px;font-weight:850;letter-spacing:.04em;white-space:nowrap}

/* Brede sitecontrole: relatiefilters mogen het hoofdraster nooit verbreden. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.relation-toolbar,.relation-toolbar>*{min-width:0;max-width:100%;box-sizing:border-box}
.relation-toolbar{width:100%;overflow:hidden}
.relation-toolbar .relation-categorybar{width:100%;max-width:100%;overflow:hidden;align-content:flex-start}
.relation-toolbar .relation-categorybar button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.relation-toolbar .relation-categorybar button>[data-page-text-key]{display:block;width:100%;min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:break-word}
@media(min-width:701px){.relation-toolbar .relation-categorybar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));align-items:stretch}.relation-toolbar .relation-categorybar button{width:100%}}

/* Themaverdieping: de oefenactie hoort bij de woorden; alleen navigatie blijft onderaan. */
.culture-lesson-toolbar.rich-theme-progress-only{grid-template-columns:1fr}.rich-theme-word-practice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 20px}.rich-theme-word-practice-row>h3{margin:0!important}.rich-theme-word-practice-row>[data-rich-section-deck]{min-width:220px;padding:12px 18px;border:1px solid #356b97;border-radius:12px;background:#356b97;color:#fff;font-weight:850;cursor:pointer}.rich-theme-word-practice-row>[data-rich-section-deck]:hover,.rich-theme-word-practice-row>[data-rich-section-deck]:focus-visible{border-color:#274f70;background:#274f70;outline:0}.topic-next.topic-next-compact{display:flex;justify-content:flex-end}.topic-next-compact .topic-next-actions{width:min(520px,100%)}
.rich-theme-section-pager{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:12px;margin:14px 0;padding:10px 12px;border:1px solid #d7e3e9;border-radius:14px;background:rgba(255,255,255,.88)}.rich-theme-section-pager span{text-align:center;color:#60717c;font-size:13px;font-weight:800}.rich-theme-section-pager button{padding:10px 14px;border:1px solid #b9d1df;border-radius:10px;background:#fff;color:#2f688f;font-weight:850;cursor:pointer}.rich-theme-section-pager button:last-child{text-align:right}.rich-theme-section-pager button:disabled{visibility:hidden}.rich-theme-section-actions{width:min(760px,100%)!important;grid-template-columns:repeat(2,minmax(0,1fr))}.rich-theme-section-actions>[data-rich-section-deck],.rich-theme-section-actions>[data-rich-theme-back]{grid-column:1/-1}.rich-theme-section-actions>[data-rich-prev]{background:#356b97}.rich-theme-section-actions>[data-rich-next]{background:#356b97;text-align:right}
@media(max-width:700px){.rich-theme-word-practice-row{grid-template-columns:1fr}.rich-theme-word-practice-row>[data-rich-section-deck]{width:100%}.topic-next-compact .topic-next-actions{width:100%}.rich-theme-section-pager{grid-template-columns:1fr auto 1fr;gap:6px;padding:8px}.rich-theme-section-pager button{padding:9px 8px;font-size:13px}.rich-theme-section-pager span{font-size:11px}.rich-theme-section-actions{grid-template-columns:1fr 1fr!important}.rich-theme-section-actions>[data-rich-section-deck],.rich-theme-section-actions>[data-rich-theme-back]{grid-column:1/-1}}
.rich-level-progression{display:grid;gap:12px;margin:22px 0;padding:18px;border:1px solid #c9dce7;border-radius:16px;background:#f5fafc}.rich-level-progression>span{color:#356b97!important;font-size:11px!important;font-weight:900!important;letter-spacing:.1em!important}.rich-level-progression dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.rich-level-progression dl>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;padding:13px;border:1px solid #d9e6ec;border-radius:12px;background:#fff}.rich-level-progression dt{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#356b97;color:#fff;font-size:12px;font-weight:900}.rich-level-progression dd{margin:0;color:#425966;line-height:1.5}.rich-relation-reference{border-left:6px solid #356b97!important;background:linear-gradient(135deg,#eef8fd,#f8f4ff)!important}.rich-relation-reference p{max-width:920px}.rich-relation-reference button{margin-top:14px;padding:11px 16px;border:1px solid #356b97;border-radius:11px;background:#356b97;color:#fff;font:inherit;font-weight:850;cursor:pointer}.rich-relation-reference button:hover,.rich-relation-reference button:focus-visible{background:#274f70;outline:3px solid rgba(53,107,151,.2);outline-offset:2px}
@media(max-width:760px){.rich-level-progression dl{grid-template-columns:1fr}.rich-level-progression{padding:14px}.rich-relation-reference button{width:100%}}

/* Prioriteit 1: één herkenbare leerroute met doelen, voortgang en een duidelijke volgende stap. */
.learning-progress-track{width:100%;height:8px;overflow:hidden;border-radius:999px;background:rgba(39,79,112,.12)}.learning-progress-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#356b97,#62a9c8);transition:width .25s ease}
.learning-status{display:inline-flex;align-items:center;justify-content:center;min-height:29px;padding:0 10px;border:1px solid transparent;border-radius:999px;font-size:11px;font-style:normal;font-weight:850;letter-spacing:.04em;white-space:nowrap}.learning-status-not_started{border-color:#d5dfe5;background:#f6f8f9;color:#64717a}.learning-status-in_progress{border-color:#d9a0a9;background:#fff1f2;color:#a3233b}.learning-status-completed{border-color:#a9ccb6;background:#edf8f0;color:#226a43}
.landing-learning-route{border-color:#9fc7dc!important;background:linear-gradient(135deg,#f5fbff,#fff8f5)!important}.landing-learning-route>div{display:grid;grid-template-columns:auto minmax(130px,1fr);gap:12px;align-items:center}.landing-learning-route>div strong{color:#274f70;font-size:13px}.landing-learning-route.is-completed{border-color:#a9ccb6!important;background:linear-gradient(135deg,#eff9f2,#fbfdf9)!important}
.learning-route-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;margin:0 0 18px;padding:34px;border:1px solid #cfe0ea;border-radius:28px;background:linear-gradient(125deg,#eaf5fc 0%,#f4efff 55%,#fff5ef 100%);box-shadow:0 14px 34px rgba(39,65,82,.08)}.learning-route-hero h1{margin:6px 0 10px;font-size:clamp(30px,4vw,52px);line-height:1.05}.learning-route-hero p{max-width:850px;margin:0;color:#5c6870;line-height:1.65}.learning-route-hero aside{display:grid;place-items:center;min-width:140px;padding:20px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:rgba(255,255,255,.7)}.learning-route-hero aside b{color:#274f70;font-size:34px}.learning-route-hero aside span{color:#68737b;font-size:12px;font-weight:750}
.learning-route-primary{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,280px);gap:26px;align-items:center;margin:0 0 26px;padding:24px 26px;border:1px solid #356b97;border-radius:20px;background:#fff;color:#283139;text-align:left;box-shadow:0 9px 24px rgba(39,79,112,.09);cursor:pointer}.learning-route-primary:hover,.learning-route-primary:focus-visible{transform:translateY(-1px);box-shadow:0 14px 30px rgba(39,79,112,.14);outline:3px solid rgba(53,107,151,.16)}.learning-route-primary span{color:#a3233b;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.learning-route-primary h2{margin:5px 0 6px}.learning-route-primary p{margin:0;color:#5f6971;line-height:1.5}.learning-route-primary>div:last-child{display:grid;gap:10px}.learning-route-primary>div:last-child>strong{color:#274f70;font-size:20px}.learning-route-primary em{color:#356b97;font-style:normal;font-weight:850}.learning-route-primary.is-completed{border-color:#a9ccb6;background:#f2faf4;cursor:default}.learning-route-primary.is-completed:hover{transform:none;box-shadow:0 9px 24px rgba(39,79,112,.09)}
.learning-level-summary .learning-level-card{cursor:pointer}.learning-level-summary .learning-level-card.active{border-color:#356b97;background:linear-gradient(145deg,#eaf5fc,#fff);box-shadow:0 8px 22px rgba(53,107,151,.12)}.learning-level-summary .learning-level-card>div{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-top:12px}.learning-level-summary .learning-level-card>div strong{color:#274f70;font-size:12px}.learning-level-summary .learning-level-card>em{display:block;margin-top:7px;color:#68737b;font-size:11px;font-style:normal;font-weight:750}
.learning-route-list-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:30px 0 12px}.learning-route-list-heading span{color:#a3233b;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.learning-route-list-heading h2{margin:5px 0 0}.learning-route-list-heading button{padding:10px 14px;border:1px solid #b9d0de;border-radius:12px;background:#fff;color:#356b97;font-weight:800;cursor:pointer}
.learning-route-list{display:grid;gap:10px}.learning-route-row{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid #dbe5ea;border-radius:16px;background:#fff;color:#283139;text-align:left;cursor:pointer}.learning-route-row:hover,.learning-route-row:focus-visible{border-color:#8dbbd3;box-shadow:0 7px 18px rgba(39,79,112,.08);outline:0}.learning-route-row.learning-route-in_progress{border-left:6px solid #c52845;background:#fffafb}.learning-route-row.learning-route-completed{border-left:6px solid #3e845b;background:#f9fcfa}.learning-route-number{color:#9aa6ad;font-size:17px;font-weight:900}.learning-route-copy{display:grid;gap:3px}.learning-route-copy small{color:#356b97;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.learning-route-copy b{font-size:18px}.learning-route-copy em{color:#647078;font-size:13px;font-style:normal;line-height:1.45}.learning-route-meta{display:grid;justify-items:end;gap:8px}.learning-route-meta>small{color:#758089;font-weight:750}.learning-support-grid{margin-bottom:24px}
.study-learning-goal{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.6fr);gap:28px;margin:18px 0 28px;padding:25px;border:1px solid #bcd6e4;border-radius:20px;background:linear-gradient(135deg,#f4faff,#fff)}.study-learning-goal>div>span,.study-completion-card>div:first-child>span{color:#a3233b;font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.study-learning-goal h2{margin:4px 0 8px}.study-learning-goal ol{margin:18px 0 0;padding-left:22px;color:#4f5e67;line-height:1.65}.study-learning-goal aside{display:grid;align-content:start;gap:12px;padding:18px;border-radius:16px;background:#edf5f9}.study-learning-goal aside>.learning-status{justify-self:start}.study-learning-goal aside div{display:flex;justify-content:space-between;gap:18px;padding-bottom:9px;border-bottom:1px solid #d4e2e9;color:#69767e}.study-learning-goal aside div b{color:#2f4f63}.study-completion-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin:28px 0 10px;padding:24px;border:1px solid #c9dce6;border-radius:20px;background:linear-gradient(135deg,#f5fbff,#fff9f4)}.study-completion-card.is-completed{border-color:#a9ccb6;background:#f0f8f2}.study-completion-card h2{margin:5px 0 6px}.study-completion-card p{margin:0;color:#5d6870}.study-completion-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.study-completion-actions button{padding:12px 16px;border:1px solid #356b97;border-radius:12px;background:#356b97;color:#fff;font-weight:850;cursor:pointer}.study-completion-actions button.secondary{background:#fff;color:#356b97}
@media(max-width:820px){.learning-route-hero,.learning-route-primary,.study-learning-goal,.study-completion-card{grid-template-columns:1fr}.learning-route-hero aside{justify-self:stretch}.learning-route-row{grid-template-columns:40px minmax(0,1fr)}.learning-route-meta{grid-column:2;grid-row:2;display:flex;justify-content:flex-start;align-items:center}.study-completion-actions{justify-content:flex-start}}

/* A1/A2: eerst herkennen en kiezen, daarna pas een korte eigen toepassing. */
.chapter-guided-practice{scroll-margin-top:18px;margin:34px 0 6px;padding:24px;border:1px solid #bcd6e4;border-radius:20px;background:linear-gradient(135deg,#f4faff,#fffaf5)}
.chapter-guided-practice>header>span{color:#a3233b;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.chapter-guided-practice>header h2{margin:5px 0 7px;font-size:27px}.chapter-guided-practice>header p{margin:0;color:#5c6d77;line-height:1.55}
.chapter-guided-steps{display:grid;gap:14px;margin-top:20px}.chapter-guided-question,.chapter-guided-own{padding:18px;border:1px solid #d8e4ea;border-radius:15px;background:#fff}.chapter-guided-question>b,.chapter-guided-own>b{display:flex;align-items:center;gap:9px;color:#315f7e}.chapter-guided-question>b>span,.chapter-guided-own>b>span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e6f1f7;color:#2f6e98;font-size:12px}.chapter-guided-question>p,.chapter-guided-own>p{margin:12px 0;color:#43545f;line-height:1.55}.chapter-guided-question>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.chapter-guided-question button,.chapter-guided-own>button{min-height:44px;padding:10px 12px;border:1px solid #a9c0cd;border-radius:10px;background:#fff;color:#294e66;font:inherit;font-weight:800;cursor:pointer}.chapter-guided-question button:hover:not(:disabled),.chapter-guided-own>button:hover:not(:disabled){border-color:#3676a3;background:#edf6fb}.chapter-guided-question button.correct{border-color:#65a27c;background:#edf8f1;color:#24613d}.chapter-guided-question button.wrong{border-color:#cf776c;background:#fff1ef;color:#9a2f25}.chapter-guided-question output,.chapter-guided-own output{display:block;margin-top:11px;padding:10px 12px;border-radius:9px;background:#f2f6f8;color:#3d5360}.chapter-guided-question output[hidden],.chapter-guided-own output[hidden]{display:none}.chapter-guided-question output.good,.chapter-guided-own output.good{background:#edf8f1;color:#24613d}.chapter-guided-question output.bad,.chapter-guided-own output.bad{background:#fff1ef;color:#8f3028}.chapter-guided-own blockquote{display:grid;gap:4px;margin:13px 0;padding:13px 15px;border-left:4px solid #3676a3;background:#eef6fa}.chapter-guided-own blockquote span{color:#587180;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.chapter-guided-own blockquote strong{color:#245d7e;font-size:17px}.chapter-guided-own blockquote small{color:#64747e}.chapter-guided-own label{display:grid;gap:7px;margin-bottom:10px;color:#4b6270;font-size:12px;font-weight:850}.chapter-guided-own textarea{box-sizing:border-box;width:100%;min-height:74px;padding:11px 12px;border:1px solid #afc2cd;border-radius:10px;background:#fff;color:#24485f;font:inherit;font-size:16px;resize:vertical}.chapter-guided-own>button{border-color:#3676a3;background:#3676a3;color:#fff}.chapter-guided-own>button:disabled{opacity:.62;cursor:default}
.guided-own-challenge{margin:-2px 0 14px;padding:12px 14px;border:1px solid #ead5a2;border-radius:11px;background:#fff9e9}.guided-own-challenge>b{color:#8a6410;font-size:11px;letter-spacing:.06em;text-transform:uppercase}.guided-own-challenge>p{margin:5px 0 0;color:#52616a;font-size:13px;line-height:1.5}
@media(max-width:700px){.chapter-guided-practice{padding:17px}.chapter-guided-question,.chapter-guided-own{padding:14px}.chapter-guided-question>div{grid-template-columns:1fr}.chapter-guided-question button{min-height:48px;text-align:left}.chapter-guided-own>button{width:100%}}

/* Een korte, zichtbare werkwoordenlijn per hoofdstuk. */
.chapter-core-verbs>aside li>strong,.chapter-core-verbs>aside li>span{display:block}.chapter-core-verbs>aside li>strong{margin-bottom:3px;color:#285f82}.chapter-core-verbs>aside li>span{padding-left:10px}
.chapter-core-verbs{margin:28px 0;padding:21px;border:1px solid #bfd7e4;border-radius:18px;background:linear-gradient(135deg,#f3f9fd,#fff)}.chapter-core-verbs>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.chapter-core-verbs>header span{color:#a3233b;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.chapter-core-verbs>header h3{margin:4px 0 0;color:#294f68;font-size:23px}.chapter-core-verbs>header>strong{flex:none;padding:7px 10px;border-radius:999px;background:#fff1d9;color:#8a5c08;font-size:11px;text-transform:uppercase}.chapter-core-verbs>p{max-width:800px;margin:11px 0 15px;color:#596b76;line-height:1.5}.chapter-core-verbs>aside{margin:0 0 16px;padding:15px 17px;border-left:4px solid #356b97;border-radius:0 12px 12px 0;background:#eaf4fa;color:#385362}.chapter-core-verbs>aside>b{color:#285f82}.chapter-core-verbs>aside ul{display:grid;gap:6px;margin:9px 0 0;padding-left:20px;line-height:1.45}.chapter-core-verbs>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.chapter-core-verbs>div>button{display:grid;align-content:start;gap:4px;min-width:0;padding:14px;border:1px solid #c8dbe6;border-radius:12px;background:#fff;color:#294f68;text-align:left;cursor:pointer}.chapter-core-verbs>div>button:hover,.chapter-core-verbs>div>button:focus-visible{border-color:#356b97;background:#f1f8fc;outline:0}.chapter-core-verbs>div b{font-size:17px}.chapter-core-verbs>div span{color:#4f606b;font-weight:750}.chapter-core-verbs>div em{margin:5px 0;color:#5c6b74;font-size:12px;font-style:normal;line-height:1.45}.chapter-core-verbs>div small{color:#9b6a12;font-size:10px;font-weight:800;line-height:1.35}.chapter-guided-own output.checking{background:#eef5f9;color:#315f7e}.guided-practice-errors{display:grid;gap:10px}.guided-practice-errors>b{color:#8f3028}.guided-practice-errors ol{display:grid;gap:9px;margin:0;padding-left:22px}.guided-practice-errors li{padding-left:3px}.guided-practice-errors li strong{display:inline-block;margin-right:7px;color:#9a3028;text-decoration:underline;text-decoration-style:wavy;text-underline-offset:3px}.guided-practice-errors li span{line-height:1.45}.guided-practice-errors li small{display:block;margin-top:3px;color:#315f7e;font-weight:800}.guided-practice-errors p{margin:2px 0 0;padding:10px 12px;border-radius:8px;background:#fff;color:#43545f}.guided-practice-errors p strong{color:#246b91}
@media(max-width:600px){.chapter-core-verbs{padding:17px}.chapter-core-verbs>header{display:grid}.chapter-core-verbs>header>strong{justify-self:start}.chapter-core-verbs>div{grid-template-columns:1fr 1fr}.chapter-core-verbs>div>button{padding:12px}.chapter-core-verbs>div span{white-space:normal}}
@media(max-width:390px){.chapter-core-verbs>div{grid-template-columns:1fr}}
@media(max-width:560px){.learning-route-hero{padding:24px 20px;border-radius:22px}.learning-route-list-heading{align-items:stretch;flex-direction:column}.learning-route-list-heading button{width:100%}.learning-route-row{grid-template-columns:32px minmax(0,1fr);padding:16px 14px}.learning-route-copy em{font-size:12px}.landing-learning-route>div{grid-template-columns:1fr}}

/* Prioriteit 6: terugkerende onderwerpen tonen hun plaats in de doorlopende leerlijn. */
.chapter-progression-panel{display:grid;gap:15px;margin:0 0 26px;padding:22px 24px;border:1px solid #d6c5e7;border-radius:20px;background:linear-gradient(135deg,#fbf8ff,#f2f9fd 64%,#fffaf5);box-shadow:0 8px 24px rgba(69,54,96,.06)}
.chapter-progression-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.chapter-progression-panel>header span{color:#7852a0;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.chapter-progression-panel>header h2{margin:4px 0 0;font-size:24px}.chapter-progression-panel>header>strong{flex:none;padding:8px 12px;border-radius:999px;background:#7852a0;color:#fff;font-size:12px;white-space:nowrap}
.chapter-progression-current{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:13px 15px;border-radius:13px;background:rgba(255,255,255,.82)}.chapter-progression-current>span{color:#7852a0;font-size:12px;font-weight:900;text-transform:uppercase}.chapter-progression-current>p{margin:0;color:#52636e;line-height:1.5}
.chapter-progression-panel>nav{display:grid;grid-template-columns:1fr 1fr;gap:11px}.chapter-progression-panel>nav button{display:grid;gap:4px;min-width:0;padding:13px 15px;border:1px solid #c7d8e2;border-radius:12px;background:#fff;color:#294f68;text-align:left;cursor:pointer}.chapter-progression-panel>nav button:last-child{text-align:right}.chapter-progression-panel>nav button:hover,.chapter-progression-panel>nav button:focus-visible{border-color:#7852a0;background:#faf7ff;outline:0}.chapter-progression-panel>nav small{color:#7852a0;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.chapter-progression-panel>nav b{overflow-wrap:anywhere;font-size:13px;line-height:1.35}
@media(max-width:680px){.chapter-progression-panel{padding:18px}.chapter-progression-panel>header{display:grid}.chapter-progression-panel>header>strong{justify-self:start}.chapter-progression-current{grid-template-columns:1fr;gap:5px}.chapter-progression-panel>nav{grid-template-columns:1fr}.chapter-progression-panel>nav button:last-child{text-align:left}.chapter-progression-panel>nav>span{display:none}}

/* Prioriteit 7: een fout antwoord wordt een korte, bruikbare uitleg. */
.explanatory-feedback{display:grid;gap:13px;margin-top:16px;padding:18px 19px;border:1px solid #ccdbe3;border-left:5px solid #356b97;border-radius:15px;background:#f8fbfc;color:#334b59;text-align:left;box-shadow:0 7px 18px rgba(39,79,112,.06)}
.explanatory-feedback.is-correct{border-color:#abd0b8;border-left-color:#3e845b;background:#f1f9f3}.explanatory-feedback.is-incorrect{border-color:#e2b5b0;border-left-color:#bd453b;background:#fff6f4}
.explanatory-feedback>header{display:grid;gap:3px}.explanatory-feedback>header>b{color:#244f68;font-size:18px}.explanatory-feedback.is-correct>header>b{color:#24613d}.explanatory-feedback.is-incorrect>header>b{color:#9a3028}.explanatory-feedback>header>span{color:#64737c;font-size:13px;line-height:1.45}
.explanatory-feedback dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.explanatory-feedback dl>div{display:grid;gap:4px;padding:11px 13px;border:1px solid rgba(111,139,154,.22);border-radius:10px;background:rgba(255,255,255,.82)}.explanatory-feedback dt{color:#6a7880;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.explanatory-feedback dd{margin:0;color:#263f4e;font-size:16px;font-weight:850;overflow-wrap:anywhere}.explanatory-feedback dd:first-letter{text-transform:none}
.explanatory-feedback>section{display:grid;gap:5px;padding:13px 14px;border-radius:11px;background:rgba(255,255,255,.82)}.explanatory-feedback>section>b,.explanatory-feedback blockquote>b{color:#315f7e;font-size:11px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.explanatory-feedback>section p{margin:0;color:#3e515d;line-height:1.55}.explanatory-feedback blockquote{display:grid;gap:7px;margin:0;padding:13px 14px;border-left:4px solid #5c94b5;border-radius:0 10px 10px 0;background:#fff;color:#283f4d;line-height:1.55}.explanatory-feedback blockquote>span{overflow-wrap:anywhere}.explanatory-feedback blockquote strong{color:#a3233b}
.explanatory-feedback-reference{justify-self:start;min-height:40px;padding:9px 13px;border:1px solid #356b97;border-radius:10px;background:#fff;color:#356b97;font:inherit;font-size:13px;font-weight:850;cursor:pointer}.explanatory-feedback-reference:hover,.explanatory-feedback-reference:focus-visible{background:#356b97;color:#fff;outline:0}
.practice-feedback:has(.explanatory-feedback){padding:0;border:0;background:transparent}.practice-feedback>.explanatory-feedback{margin:0}.chapter-guided-question output:has(.explanatory-feedback){padding:0;background:transparent}.chapter-guided-question output>.explanatory-feedback{margin:0}.focused-question-card>.explanatory-feedback{margin-top:18px}
.flashcard-reveal-hint{color:#687781;font-size:17px}
@media(max-width:600px){.explanatory-feedback{padding:15px 14px}.explanatory-feedback dl{grid-template-columns:1fr}.explanatory-feedback-reference{width:100%}}

/* Echte, compacte boekomslagen; de lettermarkering blijft als terugval zichtbaar. */
.course-book-mark{position:relative;height:90px;overflow:hidden}.course-book-mark>span{position:absolute;z-index:0}.course-book-mark>img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;background:#fff}
@media(max-width:520px){.course-book-mark{height:74px}}
body.chapters-disabled [data-a1-chapter],
body.chapters-disabled [data-study-resume],
body.chapters-disabled [data-go="books"],
body.chapters-disabled [data-go="learning"],
body.chapters-disabled #nav [data-page="books"],
body.chapters-disabled #nav [data-page="learning"],
body.chapters-disabled .a1-related,
body.chapters-disabled .generic-grammar,
body.chapters-disabled .grammar-deepening,
body.chapters-disabled .grammar-followup,
body.chapters-disabled .chapter-progression-panel{
 display:none!important;
}

/* Hoofdstukken gebruiken één consistente inhoudsbreedte; alleen Leesmodus blijft bewust smaller. */
.study-layout:not(.read-mode) .study-page>.study-reading-content{box-sizing:border-box;width:100%;max-width:none}

/* De leerroute gaat uitsluitend over het aangeklikte niveau; de tweede bereikknop zou hier iets anders suggereren. */
body.learning-route-page #learningScopeMenu .nav-level-mode{display:none!important}

/* Grammatica volgt dezelfde rustige, inhoudelijke methodiek als de themapagina's. */
.grammar-theme-hero{display:flex;align-items:center;justify-content:space-between;gap:28px}.grammar-theme-hero>div{min-width:0}.grammar-theme-hero>strong{display:grid;min-width:132px;place-items:center;padding:18px;border:1px solid rgba(69,104,127,.12);border-radius:18px;background:rgba(255,255,255,.72);color:#315f7e;text-align:center}.grammar-theme-hero>strong b{font:700 35px/1 Georgia,serif}.grammar-theme-hero>strong span{margin-top:5px;font-size:11px;letter-spacing:.04em}.grammar-topic-pager{display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.55fr) minmax(0,1fr);gap:10px;margin:14px 0 18px}.grammar-topic-pager>button{display:grid;gap:4px;min-height:68px;padding:12px 15px;border:1px solid #cbdce6;border-radius:13px;background:rgba(255,255,255,.9);color:#315f7e;text-align:left;cursor:pointer}.grammar-topic-pager>button:nth-child(2){text-align:center}.grammar-topic-pager>button:last-child{text-align:right}.grammar-topic-pager small{color:#788792;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.grammar-topic-pager b{font-size:14px}.grammar-topic-pager-bottom{margin-top:22px}.grammar-level-overview{display:grid;grid-template-columns:minmax(230px,.62fr) minmax(0,1fr);gap:26px;align-items:center;margin:0 0 18px;padding:24px 26px;border:1px solid #d4e3eb;border-radius:18px;background:linear-gradient(135deg,#eef7fc,#fff9ee)}.grammar-level-overview>div>span{color:#a9364d;font-size:11px;font-weight:900;letter-spacing:.12em}.grammar-level-overview h3{margin:7px 0;font:700 25px/1.2 Georgia,serif;color:var(--navy)}.grammar-level-overview p{margin:0;color:#5a6973;line-height:1.55}.grammar-level-overview .grammar-table-scroll{margin:0}.grammar-level-overview .conj{min-width:0;background:rgba(255,255,255,.82)}.grammar-level-overview .conj th:first-child,.grammar-level-overview .conj td:first-child{width:82px}.grammar-on-page{margin:0 0 18px;padding:18px;border:1px solid #dce5ea;border-radius:16px;background:#fff}.grammar-on-page>strong{display:block;margin-bottom:10px;color:#a9364d;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.grammar-on-page>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grammar-on-page button{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 11px;border:1px solid #dbe5ea;border-radius:10px;background:#f8fafb;color:#354f60;text-align:left;cursor:pointer}.grammar-on-page button:hover{border-color:#9ebed1;background:#eef7fc}.grammar-on-page button>span:first-child{flex:0 0 auto;color:#32749e;font-size:11px;font-weight:900}.grammar-on-page button>b{min-width:0;flex:1;font:inherit;font-weight:700}.grammar-on-page-level,.grammar-section-level{flex:0 0 auto;padding:4px 7px;border:1px solid #c8dce8;border-radius:999px;background:#edf6fb;color:#285f82!important;font-size:9px!important;font-weight:900;letter-spacing:.04em;line-height:1.1;white-space:nowrap}.grammar-reading-page{display:grid;gap:14px;padding:0!important;border:0!important;background:transparent!important}.grammar-reading-section{max-width:none!important;margin:0!important;padding:25px 27px!important;border:1px solid #dde7ec!important;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(37,56,69,.045);scroll-margin-top:24px}.grammar-reading-section:nth-child(3n+2){background:#fffdf7}.grammar-reading-section:nth-child(3n){background:#f8fbfd}.grammar-section-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.grammar-reading-section .grammar-section-label{display:block;margin-bottom:0;color:#a9364d;font-size:10px;font-weight:900;letter-spacing:.12em}.grammar-reading-section h3{font-size:26px!important}.grammar-reading-section .grammar-text>p:first-child{margin-top:0}.grammar-reading-section .grammar-text>p:last-child{margin-bottom:0}
.grammar-curriculum-note{display:block;margin:20px 0 26px;padding:20px 22px;border:1px solid #cfe0e9;border-radius:17px;background:linear-gradient(135deg,#eef7fc,#fff9ee)}.grammar-curriculum-note>div:first-child{display:grid;gap:5px}.grammar-curriculum-note strong{color:var(--navy);font-size:18px}.grammar-curriculum-note span{color:#596b77;line-height:1.45}.grammar-source-note{display:grid;gap:8px;margin-top:22px;padding:20px 22px;border:1px solid #dce5ea;border-radius:16px;background:#fff}.grammar-source-note>strong{color:var(--navy);font-size:17px}.grammar-source-note p{margin:0;color:#5a6973;line-height:1.55}.grammar-source-note>div{display:flex;flex-wrap:wrap;gap:8px}.grammar-source-note a{padding:8px 11px;border:1px solid #cbdce6;border-radius:999px;color:#2f729c;font-size:13px;font-weight:750;text-decoration:none}.grammar-source-note a:hover{background:#eef7fc}.grammar-level-overview tbody td:first-child b{color:#285f82}
@media(max-width:850px){.grammar-level-overview{grid-template-columns:1fr}.grammar-on-page>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.grammar-theme-hero{align-items:flex-start}.grammar-theme-hero>strong{min-width:86px;padding:12px}.grammar-theme-hero>strong b{font-size:28px}.grammar-topic-pager{grid-template-columns:1fr 88px 1fr}.grammar-topic-pager>button{min-height:61px;padding:10px}.grammar-topic-pager>button:nth-child(2) b{font-size:12px}.grammar-topic-pager b{font-size:12px}.grammar-level-overview{padding:19px}.grammar-level-overview .grammar-table-scroll{overflow:visible}.grammar-level-overview .conj{display:table;min-width:0}.grammar-on-page{padding:14px}.grammar-on-page>div{grid-template-columns:1fr}.grammar-reading-section{padding:20px 18px!important}.grammar-reading-section h3{font-size:23px!important}}

@media(max-width:600px){.grammar-curriculum-note{padding:18px}.grammar-source-note{padding:18px}}

/* Uitgebreide grammaticatabellen mogen op smalle schermen nooit de tekstkolom verbreden. */
.grammar-reading-page,.grammar-reading-section{min-width:0}.grammar-reading-section .grammar-table-scroll{box-sizing:border-box;width:100%;max-width:100%}
.grammar-table-value{min-width:0}.grammar-word-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}.grammar-word-list>.spanish-inline{box-sizing:border-box;padding:4px 8px;border:1px solid #d9e6ed;border-radius:8px;background:#f8fbfd;line-height:1.35;text-decoration:none!important}.grammar-stress-word{display:inline;white-space:nowrap;font-weight:400!important;text-decoration:none!important}.grammar-word-list>.grammar-stress-word{padding:2px 0;border:0;border-radius:0;background:transparent}.grammar-stress-syllable{font:inherit;color:inherit;text-decoration-line:underline;text-decoration-color:#b98a18;text-decoration-thickness:2px;text-underline-offset:4px}.grammar-rule-steps{margin:18px 0;padding:17px 19px;border:1px solid #c8dce8;border-left:5px solid #397ca4;border-radius:0 14px 14px 0;background:#f1f8fc}.grammar-rule-steps>b{display:block;margin-bottom:9px;color:#285f82}.grammar-rule-steps ol{display:grid;gap:7px;margin:0;padding-left:24px;color:#455b68;line-height:1.5}.grammar-reading-section h4{margin:23px 0 10px;color:#294f68;font-size:19px}.grammar-reading-section .grammar-table-scroll+.grammar-table-scroll{margin-top:22px}
@media(max-width:600px){.grammar-rule-steps{padding:15px}.grammar-word-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.grammar-word-list>.spanish-inline{width:100%}.grammar-stress-word{white-space:nowrap}.grammar-reading-section .grammar-table-scroll{overflow:visible}.grammar-reading-section .conj{display:block;width:100%;min-width:0;border:0;background:transparent}.grammar-reading-section .conj thead{display:none}.grammar-reading-section .conj tbody{display:grid;gap:10px}.grammar-reading-section .conj tr{display:grid;gap:0;padding:5px 12px;border:1px solid #dbe5ea;border-radius:12px;background:#fff}.grammar-reading-section .conj td{display:grid;grid-template-columns:minmax(96px,.42fr) minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border:0;border-bottom:1px solid #edf1f3;white-space:normal;overflow-wrap:anywhere}.grammar-reading-section .conj td:last-child{border-bottom:0}.grammar-reading-section .conj td::before{content:attr(data-label);color:#6b7880;font-size:10px;font-weight:900;letter-spacing:.06em;line-height:1.35;text-transform:uppercase}}@media(max-width:390px){.grammar-word-list{grid-template-columns:1fr}.grammar-reading-section .conj td{grid-template-columns:82px minmax(0,1fr);gap:10px}}
@media(max-width:600px){.grammar-theme-hero{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}.grammar-theme-hero>strong{display:flex;justify-content:space-between;width:100%;min-width:0;padding:11px 14px}.grammar-theme-hero>strong span{margin:0}}

/* Eén visuele betekenis: de strepen markeren onderwerpen en stellen geen niveaus voor. */
.grammar-topic-toc{border:0;background:transparent}
.grammar-topic-toc .toc-row{--grammar-topic-accent:#347aa3;position:relative;overflow:hidden;padding-left:24px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.grammar-topic-toc .toc-row::before{content:"";position:absolute;inset:0 auto 0 0;width:6px;border-radius:14px 0 0 14px;background:var(--grammar-topic-accent)}
.grammar-topic-toc .toc-no{color:var(--grammar-topic-accent);font-size:15px}
.grammar-topic-toc .toc-row:hover,.grammar-topic-toc .toc-row:focus-within{transform:translateY(-1px);border-color:color-mix(in srgb,var(--grammar-topic-accent) 55%,#dbe4e9);background:linear-gradient(90deg,color-mix(in srgb,var(--grammar-topic-accent) 8%,#fff),#fff 34%);box-shadow:0 10px 24px rgba(24,47,65,.1)}
@media(max-width:560px){.grammar-topic-toc .toc-row{padding-left:18px}.grammar-topic-toc .toc-row::before{width:5px}}

/* Relatiekaarten blijven binnen de inhoudskolom, ook wanneer beheer tekst in spans wikkelt. */
@media(min-width:701px){.relation-toolbar{grid-template-columns:minmax(0,1fr);contain:inline-size;overflow:clip}.relation-toolbar .relation-categorybar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;contain:inline-size}.relation-toolbar .relation-categorybar .relation-theme-total{grid-column:1/-1;justify-self:start}.relation-toolbar .relation-categorybar button{box-sizing:border-box;width:100%;min-width:0;overflow:hidden}.relation-toolbar .relation-categorybar button>span[data-page-text-key]{display:block;inline-size:100%;min-inline-size:0;max-inline-size:100%;overflow:hidden;white-space:normal!important;overflow-wrap:anywhere}.relation-toolbar .relation-view-toggle{justify-self:start;width:max-content;max-width:100%;overflow:hidden}}@media(min-width:701px) and (max-width:1050px){.relation-toolbar .relation-categorybar{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Bronnen en redactionele verantwoording. */
.sources-page{display:grid;gap:24px}.sources-hero{display:flex;align-items:center;justify-content:space-between;gap:28px}.sources-hero>div{min-width:0}.sources-hero h1{margin:7px 0 10px;color:#fff;font-size:clamp(34px,5vw,62px);line-height:1.02}.sources-hero p{max-width:900px;margin:0;color:#e5edf2;font-size:16px;line-height:1.6}.sources-level-mark{display:grid;place-items:center;flex:0 0 120px;min-height:92px;border:1px solid rgba(255,255,255,.38);border-radius:22px;background:rgba(255,255,255,.12);color:#fff;font-size:23px;font-weight:900;letter-spacing:.04em}.sources-section{padding:28px;border:1px solid #d7e2e7;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(30,58,75,.07)}.sources-section-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}.sources-section-heading>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e9f3f8;color:#28739c;font-weight:900}.sources-section-heading .eyebrow{margin-bottom:3px}.sources-section-heading h2{margin:0;color:#292d33;font-size:26px}.sources-feature{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.65fr);gap:18px;padding:22px;border:1px solid #c7dce7;border-radius:16px;background:linear-gradient(135deg,#f6fbfe,#fffaf1)}.sources-grammar-source{margin-top:14px}.sources-feature h3{margin:0 0 9px;color:#224f69;font-size:22px}.sources-feature cite{font-style:italic}.sources-feature p,.sources-section-intro,.sources-resource-grid p,.sources-method-grid p,.sources-editorial-note p{margin:0;color:#56636c;line-height:1.62}.sources-feature aside{padding:17px;border-left:4px solid #b53b54;border-radius:0 12px 12px 0;background:#fff}.sources-feature aside b{display:block;margin-bottom:7px;color:#a22f49}.sources-primary-link,.sources-resource-grid a,.sources-method-grid a{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:#28759e;font-weight:850;text-decoration:none}.sources-primary-link:hover,.sources-resource-grid a:hover,.sources-method-grid a:hover{text-decoration:underline}.sources-level-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.sources-level-links a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;border:1px solid #d2e0e7;border-radius:13px;background:#fff;color:#435965;text-decoration:none}.sources-level-links a:hover{border-color:#74a9c5;background:#f4fafd}.sources-level-links b{color:#b13550}.sources-level-links span{font-size:12px;line-height:1.4}.sources-level-links i{color:#327a9e;font-style:normal}.sources-section-intro{margin:-4px 0 18px}.sources-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.sources-resource-grid article,.sources-method-grid article{display:flex;min-width:0;flex-direction:column;padding:19px;border:1px solid #dde5e9;border-radius:15px;background:#fbfcfd}.sources-resource-grid h3,.sources-method-grid h3{margin:9px 0 8px;color:#2d3338}.sources-resource-grid p,.sources-method-grid p{flex:1}.sources-tags{display:flex;gap:5px}.sources-tags span{padding:4px 7px;border-radius:999px;background:#e9f3f8;color:#2b7197;font-size:10px;font-weight:900}.sources-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sources-method .sources-section-heading>span{background:#f0ebfa;color:#66469c}.sources-editorial-note{padding:20px 22px;border:1px solid #e2d19d;border-left:6px solid #bf8e19;border-radius:0 15px 15px 0;background:#fffaf0}.sources-editorial-note b{display:block;margin-bottom:6px;color:#765800}.sources-checked{padding:0 5px;color:#77848b;font-size:11px;text-align:right}
@media(max-width:850px){.sources-feature{grid-template-columns:1fr}.sources-level-links,.sources-resource-grid{grid-template-columns:1fr}.sources-method-grid{grid-template-columns:1fr}}
@media(max-width:600px){.sources-page{gap:16px}.sources-hero{align-items:flex-start;flex-direction:column}.sources-level-mark{min-height:54px;width:100%;flex-basis:auto}.sources-section{padding:20px 16px}.sources-section-heading{align-items:flex-start}.sources-section-heading>span{width:42px;height:42px}.sources-section-heading h2{font-size:22px}.sources-feature{padding:17px}.sources-level-links a{grid-template-columns:auto minmax(0,1fr)}.sources-level-links i{display:none}.sources-checked{text-align:left}}

/* Praktisch Spaans: alle hoofdonderdelen en subonderdelen op één overzichtspagina. */
.grammar-chapter-view{min-width:0}.grammar-chapter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.grammar-chapter-toolbar>[data-grammar-readmode]{min-height:42px;padding:9px 14px;border:1px solid #9ebed1;border-radius:11px;background:#fff;color:#285f82;font-weight:850;cursor:pointer}.grammar-chapter-toolbar>[data-grammar-readmode]:hover,.grammar-chapter-toolbar>[data-grammar-readmode]:focus-visible{background:#eef7fc;outline:0}.grammar-chapter-view.read-mode{max-width:900px;margin:0 auto}.grammar-chapter-view.read-mode .grammar-topic-pager,.grammar-chapter-view.read-mode .grammar-level-overview,.grammar-chapter-view.read-mode .grammar-on-page,.grammar-chapter-view.read-mode .grammar-deepening,.grammar-chapter-view.read-mode .grammar-followup{display:none}.grammar-chapter-view.read-mode .grammar-theme-hero{display:block;padding:32px 38px}.grammar-chapter-view.read-mode .grammar-theme-hero>strong{display:none}.grammar-chapter-view.read-mode .grammar-reading-page{gap:0;border:1px solid #e2ded6;border-top:0;background:#fffdf8;font-family:Georgia,serif;font-size:17px;box-shadow:0 14px 36px rgba(38,52,61,.08)}.grammar-chapter-view.read-mode .grammar-reading-section{padding:32px 38px!important;border:0!important;border-bottom:1px solid #e8e2d9!important;border-radius:0;background:#fffdf8!important;box-shadow:none}.grammar-chapter-view.read-mode .grammar-reading-section:last-child{border-bottom:0!important}.grammar-chapter-view.read-mode .grammar-reading-section h3{font-size:29px!important}.grammar-chapter-view.read-mode .grammar-text{color:#303b42;line-height:1.85}.grammar-chapter-view.read-mode .grammar-text p{line-height:1.85}.grammar-chapter-view.read-mode .grammar-section-meta{margin-bottom:10px}.grammar-chapter-view.read-mode .grammar-section-level{background:#fff;color:#315f7e}
@media(max-width:600px){.grammar-chapter-toolbar{align-items:stretch}.grammar-chapter-toolbar>*{flex:1}.grammar-chapter-view.read-mode .grammar-theme-hero{padding:25px 20px}.grammar-chapter-view.read-mode .grammar-reading-section{padding:25px 20px!important}.grammar-chapter-view.read-mode .grammar-reading-section h3{font-size:25px!important}}

.practical-hub{display:grid;gap:24px;max-width:1600px;margin:0 auto}.practical-hub-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:30px;align-items:center;padding:38px 42px;border:1px solid #d2e3ec;border-radius:28px;background:linear-gradient(125deg,#e8f5fd 0%,#f2efff 54%,#fff1e8 100%);box-shadow:0 16px 42px rgba(35,66,83,.1)}.practical-hub-hero h1{margin:7px 0 10px;color:#26313b;font-size:clamp(38px,5vw,68px);line-height:1}.practical-hub-hero p{max-width:850px;margin:0;color:#5d6a73;font-size:17px;line-height:1.6}.practical-hub-hero aside{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;padding:18px;border:1px solid rgba(62,102,128,.16);border-radius:20px;background:rgba(255,255,255,.74);text-align:center}.practical-hub-hero aside b,.practical-hub-hero aside strong{color:#244f68;font:750 32px/1 Georgia,serif}.practical-hub-hero aside span,.practical-hub-hero aside small{color:#61727d;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.practical-hub-group{--practical-accent:#397da4;display:grid;gap:14px;padding:23px;border:1px solid #dce6eb;border-radius:22px;background:#fff;box-shadow:0 9px 26px rgba(34,54,68,.055)}.practical-hub-group[style*="--practical-group:1"]{--practical-accent:#a93750}.practical-hub-group[style*="--practical-group:2"]{--practical-accent:#9a7111}.practical-hub-group[style*="--practical-group:3"]{--practical-accent:#6d4ba0}.practical-hub-group[style*="--practical-group:4"]{--practical-accent:#39785d}.practical-hub-group[style*="--practical-group:5"]{--practical-accent:#b75b3f}.practical-hub-group>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}.practical-hub-group>header>span{display:grid;width:46px;height:46px;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--practical-accent) 12%,#fff);color:var(--practical-accent);font-weight:900}.practical-hub-group>header h2{margin:2px 0 0;color:#29343c;font-size:27px}.practical-hub-group>header>div>.eyebrow{color:var(--practical-accent)}.practical-hub-group>header>b{padding:7px 10px;border-radius:999px;background:#f2f5f6;color:#61717a;font-size:11px}.practical-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.practical-hub-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:'icon title level' 'icon text text' 'icon action action';gap:5px 13px;min-width:0;min-height:154px;padding:17px;border:1px solid #dce5e9;border-left:5px solid var(--practical-accent);border-radius:15px;background:#fbfcfd;color:#2c414e;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.practical-hub-card:hover,.practical-hub-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--practical-accent) 60%,#dce5e9);background:#fff;box-shadow:0 12px 27px rgba(32,58,73,.11);outline:0}.practical-hub-card i{grid-area:icon;display:grid;width:46px;height:46px;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--practical-accent) 11%,#fff);color:var(--practical-accent);font-size:12px;font-style:normal;font-weight:900}.practical-hub-card>span{grid-area:level;align-self:start;padding:4px 7px;border:1px solid color-mix(in srgb,var(--practical-accent) 25%,#dce5e9);border-radius:999px;color:var(--practical-accent);font-size:9px;font-weight:900;white-space:nowrap}.practical-hub-card h3{grid-area:title;min-width:0;margin:2px 0;color:#253844;font-size:17px;line-height:1.22}.practical-hub-card p{grid-area:text;margin:1px 0;color:#65747d;font-size:13px;line-height:1.45}.practical-hub-card>b{grid-area:action;align-self:end;margin-top:6px;color:var(--practical-accent);font-size:12px}
.practical-hub-group[style*="--practical-group:6"]{--practical-accent:#277071}
@media(max-width:1100px){.practical-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.practical-hub{gap:16px}.practical-hub-hero{grid-template-columns:1fr;padding:26px 22px}.practical-hub-hero aside{max-width:230px}.practical-hub-group{padding:18px 14px}.practical-hub-group>header{grid-template-columns:auto minmax(0,1fr)}.practical-hub-group>header>b{grid-column:2;justify-self:start}.practical-hub-grid{grid-template-columns:1fr}.practical-hub-card{min-height:0}.practical-hub-hero h1{font-size:38px}}

/* Trainer blijft als volwaardige pagina binnen de hoofdsite. */
#nav [data-page="practicebank"],#nav [data-page="verbtraining"]{display:none!important}
body.trainer-page .main{width:100%;min-width:0;max-width:100%;overflow-x:clip;padding-inline:clamp(12px,2vw,30px)}
body.trainer-page .shell{width:auto;min-width:0;max-width:1380px}
body.trainer-page .content{width:100%;max-width:none;margin-top:0}
.trainer-site-page{width:100%;min-width:0}
.trainer-site-frame{display:block;width:100%;height:calc(100dvh - 48px);min-height:680px;border:1px solid #d5e2e9;border-radius:28px;background:#f5f8fb;box-shadow:0 16px 42px rgba(35,66,83,.1)}
@media(max-width:700px){body.trainer-page .main{padding-inline:8px}.trainer-site-frame{height:calc(100dvh - 76px);min-height:620px;border-radius:20px}}

/* Bij het werkwoordfilter verklaren we het verschil tussen woordrecords en vervoegrecords. */
.word-summary.word-summary-inline{flex-wrap:wrap;line-height:1.2}
.word-summary.word-summary-inline small{flex:0 0 100%;color:#65747d;font-size:10px;text-align:center}
.word-summary.word-summary-inline small strong{color:#284f68;font-size:inherit}

/* Een rubriek met precies één bestemming is zelf de link; er volgt geen dubbele submenu-ingang. */
.side .nav button.nav-group-direct{display:flex;align-items:center;width:100%;min-height:31px;margin:14px 0 4px;padding:5px 9px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#c5162e!important;text-align:left;font-size:12px!important;font-weight:850!important;letter-spacing:.16em!important;line-height:1.2;text-transform:uppercase!important}
.side .nav button.nav-group-direct:hover,.side .nav button.nav-group-direct.active{background:rgba(197,22,46,.07)!important;color:#a20d22!important;transform:none!important}
.side .nav button.nav-group-direct.active::after{content:'→';position:static;width:auto;height:auto;margin-left:auto;border-radius:0;background:transparent;color:currentColor;font-size:14px;line-height:1}
@media(max-width:900px){.side .nav button.nav-group-direct{grid-column:1/-1;margin:14px 0 4px}}

/* De login blijft begrijpelijk wanneer de netwerkverbinding tijdelijk wegvalt. */
.login-card button[type="submit"]:disabled{cursor:wait;opacity:.68;transform:none;box-shadow:none}