/* Readable review workspace layered after compact school dashboard styles. */
.educat-layout { grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 1rem; }
.educat-examples { font-size: .76rem; }
.educat-batch-summary { display:flex; justify-content:space-between; gap:1rem; margin-bottom:.8rem; padding:.75rem; border:1px solid #99f6e4; border-radius:10px; background:#f0fdfa; font-size:.78rem; }
.educat-batch-summary span { color:#475569; }
.educat-question-list { display:grid; gap:1rem; max-height:760px; overflow:auto; padding-right:.25rem; }
.educat-question { padding-bottom:1rem; border-bottom:1px solid #dbe5e9; }
.educat-question:last-child { border-bottom:0; }
.educat-expression small,.educat-solution small { font-size:.67rem; }
.educat-preview-panel h3 { display:flex; gap:.55rem; align-items:flex-start; font-size:1rem; line-height:1.45; }
.educat-preview-panel h3>span { display:grid; flex:0 0 1.5rem; height:1.5rem; place-items:center; border-radius:50%; background:#ccfbf1; color:#115e59; font-size:.72rem; }
.educat-options>span { border-color:#b9c8d0; padding:.72rem; font-size:.84rem; }
.educat-options small { font-size:.6rem; }
.educat-solution p { font-size:.82rem; line-height:1.6; }
.educat-solution ol { margin:.4rem 0 0; padding-left:1.35rem; color:#78350f; font-size:.82rem; line-height:1.65; }
.educat-support { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; margin:.65rem 0; }
.educat-support>div { padding:.65rem .75rem; border:1px solid #cfe3e1; border-radius:9px; background:#f7fbfb; }
.educat-support small { color:#0f766e; font-size:.67rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.educat-support p { margin:.2rem 0 0; color:#475569; font-size:.76rem; line-height:1.5; }
.educat-save label { font-size:.78rem; }
.educat-save select { border-color:#78909c; font-size:.82rem; }
.educat-save button { font-size:.78rem; }
.educat-empty p { font-size:.8rem; }
.educat-notice p,.educat-notice a { font-size:.76rem; }
.educat-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:.35rem; margin:.75rem 0 1rem; padding:.65rem; border:1px solid #c8e7e2; border-radius:12px; background:linear-gradient(110deg,#f0fdfa,#fff); }
.educat-flow span { display:flex; align-items:center; gap:.35rem; color:#334155; font-size:.65rem; font-weight:850; }
.educat-flow span b { width:24px; height:24px; display:grid; place-items:center; border-radius:8px; background:#0f766e; color:#fff; }
.educat-flow i { color:#5aa99f; font-style:normal; }
.educat-safety { margin-top:.8rem; padding:.75rem; border-left:4px solid #0d9488; border-radius:10px; background:#ecfdf5; }
.educat-safety b { color:#115e59; font-size:.72rem; }
.educat-safety p { margin:.2rem 0 0; color:#475569; font-size:.7rem; line-height:1.5; }
.educat-use-panel { margin-top:1rem; padding-top:1rem; border-top:1px solid #dbe5e9; }
.educat-use-panel .section-title-row { margin-bottom:.7rem; }
.educat-use-panel .section-title-row h3 { margin:0; }
.educat-save { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:.55rem; align-items:end; margin-bottom:.8rem; padding:.8rem; border:1px solid #99f6e4; border-radius:11px; background:#f0fdfa; }
.educat-save label { grid-column:1/-1; font-weight:850; }
.educat-save select { min-width:0; }
.educat-material-form { display:grid; grid-template-columns:1.25fr .75fr; gap:.65rem; padding:.8rem; border:1px solid #cbd5e1; border-radius:11px; background:#f8fafc; }
.educat-material-form>div { display:grid; gap:.25rem; }
.educat-material-form label { color:#334155; font-size:.7rem; font-weight:850; }
.educat-material-form .wide { grid-column:1/-1; }
.educat-material-form button { justify-self:start; }
.educat-library { margin-top:1rem; }
.educat-library>div:last-child { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.55rem; }
.educat-library a { display:grid; gap:.15rem; padding:.75rem; border:1px solid #dbe5e9; border-radius:9px; background:#fff; }
.educat-library a b { color:#0f766e; font-size:.78rem; }
.educat-library a span { color:#64748b; font-size:.67rem; }

.material-screen-actions { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:1rem; }
.material-screen-actions>nav { display:flex; flex-wrap:wrap; gap:.45rem; align-items:center; }
.material-screen-actions a,.material-screen-actions button { border:1px solid #b9c8d0; border-radius:8px; background:#fff; color:#0f766e; padding:.48rem .65rem; font-size:.7rem; font-weight:850; }
.material-screen-actions a.active,.material-screen-actions button { border-color:#0f766e; background:#0f766e; color:#fff; }
.learning-material { max-width:920px; margin:0 auto; padding:2.2rem 2.5rem; border:1px solid #cbd5e1; background:#fff; box-shadow:0 14px 35px #0f2c3412; color:#17212b; }
.learning-material>header { display:grid; grid-template-columns:1fr 300px; gap:2rem; padding-bottom:1rem; border-bottom:2px solid #17212b; }
.learning-material>header span { font-size:.62rem; font-weight:900; letter-spacing:.1em; }
.learning-material h1 { margin:.25rem 0; font-size:1.8rem; line-height:1.15; }
.learning-material>header p { margin:.2rem 0; color:#475569; font-size:.72rem; }
.learning-material dl { margin:0; }
.learning-material dl div { display:grid; grid-template-columns:50px 1fr; min-height:28px; border-bottom:1px solid #64748b; }
.learning-material dt,.learning-material dd { margin:0; font-size:.68rem; }
.material-directions { display:flex; flex-wrap:wrap; gap:.25rem .55rem; margin:1rem 0; padding:.65rem .75rem; background:#f1f5f9; font-size:.7rem; }
.material-directions span { flex-basis:100%; color:#475569; }
.material-questions { display:grid; gap:1.2rem; padding-left:1.4rem; }
.material-questions>li { padding-left:.35rem; break-inside:avoid; }
.material-prompt { display:flex; justify-content:space-between; gap:1rem; font-size:.78rem; }
.material-prompt span { color:#475569; font-family:ui-monospace,monospace; }
.material-options { display:grid; grid-template-columns:1fr 1fr; gap:.25rem 1.5rem; margin:.55rem 0; padding-left:1.35rem; font-size:.72rem; }
.material-options li { padding:.2rem .3rem; border-bottom:1px solid #e2e8f0; }
.material-options li.correct { border-color:#14b8a6; background:#ecfdf5; color:#115e59; font-weight:900; }
.material-answer { margin:.45rem 0; color:#115e59; font-size:.72rem; }
.material-solution { margin-top:.55rem; padding:.7rem .8rem; border-left:4px solid #eab308; background:#fffbeb; font-size:.7rem; }
.material-solution p { margin:.25rem 0; }
.material-solution ol { margin:.35rem 0; padding-left:1.2rem; }
.learning-material>footer { margin-top:1.5rem; padding-top:.7rem; border-top:1px solid #cbd5e1; color:#64748b; font-size:.62rem; }
@media(max-width:900px){.educat-layout{grid-template-columns:1fr}}
@media(max-width:600px){.educat-flow{grid-template-columns:1fr 1fr}.educat-flow i{display:none}.educat-support,.educat-material-form,.educat-library>div:last-child,.learning-material>header{grid-template-columns:1fr}.educat-save{grid-template-columns:1fr}.material-screen-actions{align-items:flex-start;flex-direction:column}.learning-material{padding:1.25rem}.material-options{grid-template-columns:1fr}}
@media print{
  @page{size:auto;margin:14mm}
  #app-navigation,.school-shell>aside,.material-screen-actions,.school-shell>main>.renewal-banner{display:none!important}
  body,.app-shell-content,.school-shell,.school-shell>main{display:block!important;background:#fff!important;margin:0!important;padding:0!important}
  .learning-material{max-width:none;margin:0;padding:0;border:0;box-shadow:none}
  .learning-material h1{font-size:20pt}.material-questions{gap:10mm}.material-solution{background:#fff;border:1px solid #777}
}