/* Education mode: one quiet layout shared by both language apps. */
body.dl-app .dl-edu{padding:clamp(16px,3.2vw,30px);color:#293753;line-height:1.6}
body.dl-app .dl-edu h2,body.dl-app .dl-edu h3{margin:0;letter-spacing:-.45px}
body.dl-app .dl-edu-head>span,body.dl-app .dl-edu-step{font-size:12px;font-weight:800;color:#5c60aa}
body.dl-app .dl-edu-head h2{font-size:clamp(20px,3.6vw,26px);margin:5px 0 8px}
body.dl-app .dl-edu-head p,body.dl-app .dl-edu-intro,body.dl-app .dl-edu-foot{color:#67748e;margin:0}
body.dl-app .dl-edu-numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}
body.dl-app .dl-edu-numbers>div{background:#f3f5fc;border-radius:14px;padding:14px;text-align:center}
body.dl-app .dl-edu-numbers b{display:block;color:#3949a0;font-size:23px}
body.dl-app .dl-edu-numbers small{display:block;color:#6a7691;font-size:12px}
body.dl-app .dl-edu-controls{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:17px}
body.dl-app .dl-edu-primary,body.dl-app .dl-edu-secondary{border-radius:12px;min-height:44px;padding:11px 17px;font-weight:800;font-size:14px}
body.dl-app .dl-edu-primary{background:#4c5acc;color:white;border:0;box-shadow:none}
body.dl-app .dl-edu-secondary{background:white;color:#4556b2;border:1px solid #dce2f2}
body.dl-app .dl-edu-step{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}
body.dl-app .dl-edu-title{font-size:clamp(21px,3vw,25px);margin:0 0 7px!important}
body.dl-app .dl-edu-intro{font-size:14px;margin:0 0 18px}
body.dl-app .dl-edu-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.dl-app .dl-edu-example{border:1px solid #e0e5f1;background:#fff;border-radius:15px;padding:15px;min-width:0}
body.dl-app .dl-edu-example-top{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;color:#6261a4}
body.dl-app .dl-edu-example-top button{font-size:12px;border:1px solid #d8dff1;border-radius:9px;background:#f4f5ff;color:#4955b5;padding:7px 9px;white-space:nowrap}
body.dl-app .dl-edu-example p{font-size:clamp(16px,2.3vw,20px);font-weight:750;line-height:1.55;overflow-wrap:anywhere;margin:12px 0 6px}
body.dl-app .dl-edu-example small{display:block;color:#61718e;font-size:13px}
body.dl-app .dl-edu-example em{display:block;font-style:normal;color:#7d88a2;font-size:12px;margin-top:9px}
body.dl-app .dl-edu-contrast{background:#f3f5fc;border-radius:12px;padding:13px 16px;margin:13px 0 6px;font-size:13px}
body.dl-app .dl-edu-contrast strong{color:#4657b8}
body.dl-app .dl-edu-contrast p{margin:4px 0 0}
body.dl-app .dl-edu-audio-status{font-size:12px;color:#6571a1;min-height:19px;margin:6px 0}
body.dl-app .dl-edu-check{border-top:1px solid #e5e8f2;margin-top:13px;padding-top:17px}
body.dl-app .dl-edu-check h3{font-size:16px}
body.dl-app .dl-edu-check>p{margin:8px 0 12px}
body.dl-app .dl-edu-choices{display:grid;gap:9px;margin-bottom:15px}
body.dl-app .dl-edu-choice{display:block;width:100%;text-align:left;border:1px solid #dce2ee;border-radius:12px;background:white;color:#2b3859;padding:13px 14px;min-height:48px;line-height:1.5;font-size:14px}
body.dl-app .dl-edu-choice.is-good{background:#edf9f4;border-color:#65bd9e;color:#17654e}
body.dl-app .dl-edu-choice.is-bad{background:#fff2f3;border-color:#e0a4a9;color:#a03943}
body.dl-app .dl-edu-choice:disabled{opacity:1}
body.dl-app .dl-edu-feedback{background:#f7f8fc;border-radius:12px;padding:13px 15px;margin-bottom:16px}
body.dl-app .dl-edu-feedback p{margin:4px 0 0;color:#4c5a73}
body.dl-app .dl-edu-done{text-align:center;padding-top:42px;padding-bottom:42px}
body.dl-app .dl-edu-done h2{margin:6px 0 9px}
body.dl-app .dl-edu-done .dl-edu-primary{margin-top:10px}
body.dl-app .dl-education-shortcut{border:1px solid #d8ddf2;border-radius:10px;background:#f0f2ff;color:#4654ab;font-size:12px;font-weight:800;padding:9px 12px;min-height:41px}
body.dl-app .dl-education-shortcut[aria-pressed="true"]{background:#525ec7;color:white;border-color:#525ec7}
@media(max-width:600px){
 body.dl-app .dl-edu-pair{grid-template-columns:1fr}
 body.dl-app .dl-edu-numbers{gap:6px;margin:15px 0}
 body.dl-app .dl-edu-numbers>div{padding:10px 6px}
 body.dl-app .dl-edu-controls{display:grid}
 body.dl-app .dl-edu-controls button{width:100%}
 body.dl-app .dl-education-shortcut{padding:8px 10px}
}

/* v2: one compact, evidence-based retention sentence, not a new dashboard. */
body.dl-app .dl-edu-retention{font-size:12px;line-height:1.7;margin:-9px 0 18px;color:#68748e}


/* V5: keep one primary study button, secondary self-paced tools quiet. */
body.dl-app .dl-edu-secondary-flow{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0 8px}
body.dl-app .dl-edu-secondary-flow button{border:1px solid #dce2ef;border-radius:11px;background:#fff;color:#526183;font-weight:750;padding:11px 13px;min-height:44px;font-size:13px}
body.dl-app .dl-edu-secondary-flow button small{font-size:11px;color:#71819b}
body.dl-app .dl-edu-extra{margin:8px 0 18px;border-top:1px solid #e8ebf3;padding-top:10px}
body.dl-app .dl-edu-extra summary{cursor:pointer;color:#6b7892;font-size:12px;padding:7px}
body.dl-app .dl-edu-extra-modes{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}
body.dl-app .dl-edu-extra-modes button{border:1px solid #e0e5f0;border-radius:9px;padding:8px 11px;background:#f7f8fc;color:#526080;font-size:12px}
body.dl-app .dl-edu-cleared{color:#667797;font-size:13px}