:root{--navy:#17324d;--gold:#d2a900;--red:#a71930;--paper:#fbfaf7;--white:#fff;--line:#dfe3e6;--muted:#66737d;--soft:#f4f3ee;--blue:#24577d}
*{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)}
.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;border:1px solid #bfc8ce;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 2px 10px rgba(16,45,73,.04)}.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)}
.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}}

/* 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(155px,.8fr) minmax(190px,1.1fr) 95px 150px 34px;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-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{font-size:11px;color:#66737d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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)}
@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,.verb-arrow{display:none}}@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}}


/* 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:sticky;top:0;z-index:4;background:rgba(251,250,247,.96);backdrop-filter:blur(8px);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:78px;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:18px 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-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.dev-tabs button{border:1px solid #cbd3d8;background:#fff;color:#40515d;padding:8px 12px;cursor:pointer}.dev-tabs button.active{background:var(--navy);color:#fff;border-color:var(--navy)}
.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}}

/* 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}
@media(max-width:900px){.verb-center-banner{grid-template-columns:1fr}.verb-center-score{max-width:220px}.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-center-overview{grid-template-columns:1fr}.verb-center-fact{border-right:0}.verb-center-banner h2{font-size:30px}}


/* 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-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}
.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}
}