.practice-lab-section{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}
.learning-page{margin-top:0}.learning-hero{margin-bottom:0}.learning-mark{padding:14px 24px;border:1px solid rgba(255,255,255,.25);color:#eadb91;text-align:center;font:700 18px/1.3 Georgia,serif}
.practice-lab-section>h3{margin:7px 0 5px;font:600 28px Georgia,serif;color:var(--navy)}
.practice-lab-section>p{margin:0 0 17px;color:var(--muted)}
.practice-lab-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.practice-lab-tabs{display:flex;gap:8px;margin:17px 0}.practice-lab-tabs button,.practice-start{padding:11px 17px;border:1px solid var(--navy);background:#fff;color:var(--navy);font-weight:800;cursor:pointer}.practice-lab-tabs button.active,.practice-start{background:var(--navy);color:#fff}
.practice-learn-card{max-width:920px;padding:27px;border:1px solid var(--line);border-top:5px solid var(--gold);background:#fff}.practice-learn-card h3{margin:0 0 10px;font:600 27px Georgia,serif;color:var(--navy)}.practice-learn-card h4{margin:23px 0 9px;color:var(--red);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.practice-learn-card p{max-width:780px;line-height:1.65;color:#405664}
.practice-example-list{display:grid;gap:8px;margin-bottom:22px}.practice-example-list span{padding:11px 13px;background:#f2f6f8;color:#174f78;font-family:Georgia,serif;font-style:italic;font-size:18px}
.practice-choice-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:22px 28px 8px}.practice-choice-options button{min-height:54px;padding:10px;border:1px solid #9eb0ba;background:#fff;color:var(--navy);font-weight:800;font-size:16px;cursor:pointer}.practice-choice-options button:hover:not(:disabled){background:#f3f7f9}.practice-choice-options button.correct{border-color:#3f8058;background:#eaf6ee;color:#25623d}.practice-choice-options button.wrong{border-color:#b42318;background:#fff0ee;color:#a51f16}
.practice-color-swatch{width:150px;height:90px;margin:0 0 16px;border:6px solid #fff;outline:1px solid #b9c5cb;background:var(--practice-color);box-shadow:0 3px 10px rgba(0,0,0,.12)}
.relation-map-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.relation-map-actions .action-btn{cursor:pointer}.relation-map-actions .secondary{background:#fff;color:var(--navy)}
.learning-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.learning-role-grid button{display:grid;gap:7px;padding:20px;border:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.learning-role-grid button b{color:var(--navy);font:600 21px Georgia,serif}.learning-role-grid button small{color:var(--muted);line-height:1.45}.thematic-relation-card{padding:20px!important}.thematic-relation-card h3{margin:7px 0;color:var(--navy);font:600 22px Georgia,serif}.thematic-relation-card p{color:var(--muted);min-height:42px}.relation-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.relation-card-actions button{padding:9px 12px;border:1px solid var(--navy);background:var(--navy);color:#fff;font-weight:700;cursor:pointer}.relation-card-actions button+button{background:#fff;color:var(--navy)}
.theme-all-options{display:grid;gap:6px;margin-top:14px;padding:12px;background:#f7f3ec;color:var(--navy);font-size:13px}.theme-all-options span{color:var(--muted);line-height:1.55}
.practice-all-link{padding:8px 11px;border:1px solid var(--line);background:#fff;color:var(--navy);font:inherit;font-weight:700;cursor:pointer}.practice-all-link:hover{background:var(--navy);color:#fff}
.reference-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:24px}.reference-hub-grid button{display:grid;gap:8px;min-height:140px;padding:20px;border:1px solid var(--line);border-top:4px solid var(--gold);background:#fff;text-align:left;cursor:pointer}.reference-hub-grid b{color:var(--navy);font:600 23px Georgia,serif}.reference-hub-grid small{color:var(--muted);line-height:1.5}.reference-hub-grid button:hover{background:#fffaf0;transform:translateY(-2px)}
@media(max-width:700px){.reference-hub-grid{grid-template-columns:1fr}}
.relation-all-items{margin-top:18px;padding:20px;scroll-margin-top:88px}.relation-all-items h3{margin:0 0 5px;color:var(--navy);font:600 24px Georgia,serif}.relation-all-items-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.relation-all-items-heading p{margin:0;color:var(--muted);font-size:13px}.relation-all-items-heading>[data-relation-all-reset]{flex:none;border:1px solid #9db8c7;background:#fff;color:#286886;border-radius:10px;font-weight:850}.relation-all-items-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.relation-all-item{position:relative;min-height:76px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;perspective:800px}.relation-all-card-inner{position:absolute;inset:0;display:block;padding:0;transform-style:preserve-3d;transition:transform .4s ease}.relation-all-card-front,.relation-all-card-back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow-wrap:anywhere}.relation-all-card-front{color:#353f47;font-family:inherit;font-weight:800}.relation-all-card-back{transform:rotateY(180deg);background:#eef6fb;color:#174f78;font-family:inherit;font-size:14px;font-weight:850}.relation-all-item.flipped .relation-all-card-inner{transform:rotateY(180deg)}.relation-all-item.flipped{box-shadow:0 5px 15px rgba(23,50,77,.12)}
.relation-word-bucket{margin-top:18px;border:1px solid #d7e0e5;border-radius:14px;background:#f7f9fa}.relation-word-bucket>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;cursor:pointer;list-style:none}.relation-word-bucket>summary::-webkit-details-marker{display:none}.relation-word-bucket>summary span{display:grid;gap:3px}.relation-word-bucket>summary b{color:var(--navy);font-size:16px}.relation-word-bucket>summary small{color:var(--muted);font-size:12px;font-weight:500}.relation-word-bucket>summary em{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:#e5edf1;color:#385465;font-style:normal;font-weight:850}.relation-word-bucket[open]>summary{border-bottom:1px solid #d7e0e5}.relation-word-bucket>.relation-all-items-list{padding:14px}.relation-word-bucket .relation-all-card-front{background:#fbfcfc;color:#596971}.relation-word-bucket .relation-all-card-back{background:#edf2f4;color:#385465}
.relation-review-bucket{margin:22px 0;border:1px solid #c9dce7;border-radius:18px;background:#f8fbfd;box-shadow:0 12px 28px rgba(31,64,84,.06)}.relation-review-bucket>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;cursor:pointer;list-style:none}.relation-review-bucket>summary::-webkit-details-marker{display:none}.relation-review-bucket>summary span{display:grid;gap:5px}.relation-review-bucket>summary b{font-size:20px;color:var(--navy)}.relation-review-bucket>summary small{max-width:850px;color:var(--muted);font-size:14px;line-height:1.45}.relation-review-bucket>summary em{display:grid;place-items:center;min-width:48px;height:40px;padding:0 12px;border-radius:22px;background:#e3edf3;color:#31586d;font-style:normal;font-weight:850}.relation-review-bucket[open]>summary{border-bottom:1px solid #d9e5eb}.relation-review-bucket-content{padding:18px 20px}.relation-review-controls{display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,1fr);gap:14px}.relation-review-controls label{display:grid;gap:6px;color:var(--navy);font-weight:800}.relation-review-controls input,.relation-review-controls select{width:100%;min-width:0;padding:12px 14px;border:1px solid #bed3df;border-radius:12px;background:#fff;color:var(--ink);font:inherit}.relation-review-explanation{margin:14px 0;color:var(--muted)}.relation-review-result{display:flex;align-items:center;gap:12px;margin:4px 0 12px;color:var(--muted)}.relation-review-result b{color:var(--navy)}
.generic-map-header [data-go="relationmaps"]{display:none!important}
[data-relation-learn]{background:#4257b2!important;border-color:#4257b2!important;color:#fff!important;cursor:pointer}[data-relation-learn]:hover{background:#31449a!important}.relation-card-actions [data-theme-learn]{background:#6f8450!important;border-color:#6f8450!important;color:#fff!important}.relation-map-actions [data-relation-practice],.relation-card-actions [data-theme-practice]{background:var(--terracotta)!important;border-color:var(--terracotta)!important;color:#fff!important}.relation-map-actions [data-relation-all-items],.relation-card-actions [data-theme-all]{background:#f2e4b8!important;border-color:#c8aa59!important;color:var(--navy)!important}.relation-card-actions [data-theme-learn]:hover{background:#5c703f!important}.relation-map-actions [data-relation-practice]:hover,.relation-card-actions [data-theme-practice]:hover{background:var(--terracotta-dark)!important}.relation-map-actions [data-relation-all-items]:hover,.relation-card-actions [data-theme-all]:hover{background:#e7d397!important}
@media(max-width:700px){.relation-all-items{padding:13px}.relation-all-items-heading{display:block}.relation-all-items-heading>[data-relation-all-reset]{width:100%;margin:10px 0}.relation-all-items-list{grid-template-columns:repeat(2,minmax(0,1fr))}.relation-review-bucket>summary{align-items:flex-start}.relation-review-controls{grid-template-columns:1fr}.relation-review-bucket-content{padding:14px}.relation-review-result{align-items:flex-start;flex-direction:column;gap:3px}}@media(max-width:430px){.relation-all-items-list{grid-template-columns:1fr}}
@media(max-width:700px){.learning-role-grid{grid-template-columns:1fr}}
.central-practice{max-width:1180px}.central-practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.central-practice-card{display:flex;flex-direction:column;min-height:245px;padding:21px;border:1px solid var(--line);border-top:4px solid var(--gold);background:#fff;box-shadow:0 8px 22px rgba(20,45,60,.06)}.central-practice-card h3{margin:9px 0 7px;font:600 24px Georgia,serif;color:var(--navy)}.central-practice-card p{margin:0;color:var(--muted);line-height:1.5}.practice-card-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:34px;background:var(--navy);color:#fff;font-weight:800;letter-spacing:.03em}.practice-card-progress{margin-top:auto;padding-top:15px;color:var(--muted);font-size:13px}.practice-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.practice-card-actions button{padding:10px 13px;border:1px solid var(--navy);background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.practice-card-actions button.secondary{background:#fff;color:var(--navy)}.practice-all-panel{margin-top:22px;padding:20px;border:1px solid var(--line);background:#f7f3ec}.practice-all-panel h3{margin:0 0 5px;color:var(--navy);font:600 23px Georgia,serif}.practice-all-panel p{margin:0 0 13px;color:var(--muted)}.practice-all-list{display:flex;gap:8px;flex-wrap:wrap}.practice-all-list span{padding:8px 11px;background:#fff;border:1px solid var(--line);color:var(--navy);font-weight:700}
@media(max-width:950px){.central-practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.central-practice-grid{grid-template-columns:1fr}.central-practice-card{min-height:210px}}
@media(max-width:850px){.practice-lab-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.practice-lab-grid,.practice-choice-options{grid-template-columns:1fr}.practice-choice-options{padding:18px}.practice-learn-card{padding:19px}}

/* Zachte routekaarten voor de hoofdschermen Leren en Oefenen. */
.learning-role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.learning-role-grid .learning-route-card{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 20px;min-height:270px;padding:30px 32px;border:0;border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(34,51,60,.08);transition:transform .18s ease,box-shadow .18s ease}
.learning-role-grid .learning-route-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(34,51,60,.13)}
.learning-route-icon{grid-row:1/3;display:grid;place-items:center;width:70px;height:70px;border-radius:20px;background:#e4f1f7;color:#2b7597;font:700 31px Georgia,serif}
.learning-route-card:nth-child(2) .learning-route-icon{background:#edf1e7;color:#667b4c}
.learning-route-copy{display:grid;align-content:start;gap:8px}
.learning-route-copy em{color:#2b7597;font-size:11px;font-style:normal;font-weight:900;letter-spacing:.16em}
.learning-route-card:nth-child(2) .learning-route-copy em{color:#667b4c}
.learning-role-grid .learning-route-copy b{font-size:29px;line-height:1.12}
.learning-role-grid .learning-route-copy small{font-size:15px;line-height:1.55}
.learning-route-card strong{grid-column:2;align-self:end;color:#2b7597;font-size:16px}
.learning-route-card:nth-child(2) strong{color:#667b4c}

.practice-skill-grid{gap:22px}
.practice-skill-grid .central-practice-card{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);grid-template-rows:auto 1fr;gap:0 20px;width:100%;min-height:190px;padding:30px;border:0;border-radius:24px;background:#fff;box-shadow:0 16px 42px rgba(34,51,60,.08);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.practice-skill-grid .central-practice-card:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(34,51,60,.13)}
.practice-skill-grid .central-practice-card:focus-visible{outline:3px solid #b3533e;outline-offset:4px}
.practice-skill-grid .practice-card-icon{grid-column:1;grid-row:1/3;display:grid;width:66px;height:66px;border-radius:20px;border:0;background:#fae9e3;color:#b3533e;font:800 23px Georgia,serif}
.practice-skill-grid .practice-card-label{grid-column:2;align-self:end;margin-bottom:7px;color:#b3533e;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.practice-skill-grid .central-practice-card h3{grid-column:2;margin:0;font-size:27px;line-height:1.12}
.practice-skill-grid .central-practice-card h3:after{content:"  →";color:#b3533e;font:800 18px Arial,sans-serif;white-space:nowrap}
@media(max-width:800px){.learning-role-grid{grid-template-columns:1fr}.learning-role-grid .learning-route-card,.practice-skill-grid .central-practice-card{min-height:230px;padding:24px}}
@media(max-width:560px){.learning-role-grid .learning-route-card,.practice-skill-grid .central-practice-card{grid-template-columns:54px minmax(0,1fr);gap:0 14px;border-radius:18px}.learning-route-icon,.practice-skill-grid .practice-card-icon{width:52px;height:52px;border-radius:15px;font-size:20px}.learning-role-grid .learning-route-copy b,.practice-skill-grid .central-practice-card h3{font-size:23px}}

.a1-pilot{max-width:1000px;margin:0 auto}.a1-pilot-head{border:1px solid rgba(255,255,255,.8);border-radius:24px;background:linear-gradient(125deg,rgba(220,238,255,.9),rgba(238,232,255,.86) 58%,rgba(255,240,232,.9));box-shadow:var(--cs-shadow);padding:25px}.a1-pilot-filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.a1-pilot-filters button{min-height:44px;padding:10px 16px;border:1px solid rgba(53,107,151,.3);border-radius:12px;background:rgba(255,255,255,.8);color:#44515d;font-weight:800;cursor:pointer}.a1-pilot-filters button.active{background:#39779f;color:#fff;border-color:#39779f}.a1-pilot-card{overflow:hidden;border:1px solid rgba(29,29,31,.08)!important;background:rgba(255,255,255,.9)!important;box-shadow:0 14px 38px rgba(37,45,65,.08)!important}.a1-pilot-card .practice-prompt{position:relative}.a1-pilot-progress{position:absolute;right:24px;top:20px;padding:7px 10px;border-radius:999px;background:#eef4f7;color:#39779f;font-weight:850}.a1-pilot-options{grid-template-columns:repeat(2,minmax(0,1fr))}.a1-pilot-finish{padding:38px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:rgba(255,255,255,.88);box-shadow:var(--cs-shadow);text-align:center}.a1-pilot-finish span{color:#39779f;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.a1-pilot-finish h3{margin:9px 0;font-size:34px}.a1-pilot-finish p{color:var(--cs-secondary)}.a1-pilot-finish button{padding:12px 18px;border:0;border-radius:12px;background:#39779f;color:#fff;font-weight:850}.a1-pilot-launch .learning-workspace-icon{font-size:16px}.row-red .learning-workspace-icon{background:#fae9e3;color:#b3533e}@media(max-width:600px){.a1-pilot-head{padding:20px}.a1-pilot-options{grid-template-columns:1fr}.a1-pilot-progress{position:static;display:inline-block;margin-bottom:10px}.a1-pilot-card .practice-actions{display:grid}.a1-pilot-card .practice-actions button{width:100%}}
.a12-theme-picker{display:grid;gap:7px;max-width:430px;margin:18px 0;color:#44515d;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.a12-theme-picker select{min-height:48px;padding:10px 42px 10px 14px;border:1px solid rgba(53,107,151,.3);border-radius:12px;background:rgba(255,255,255,.92);color:#243746;font:800 16px/1.2 Arial,sans-serif;text-transform:none;letter-spacing:0}.a12-launch .learning-workspace-icon{font-size:16px}