/* Lesson-only additions inherit the user's existing Ilmdosh design. */
.plain-route{color:var(--muted);font-size:.93em;max-width:65ch}
.inline-term{display:inline;border:0;border-bottom:1px dotted var(--primary);border-radius:0;background:none;padding:0;color:inherit;font:inherit;line-height:inherit;cursor:help}
.inline-term:hover{background:var(--soft);border-bottom-color:var(--primary)}
.plain-lesson p,.plain-lesson li{max-width:70ch}
.plain-terms{margin:0;display:grid;gap:.8rem}
.plain-terms>div{padding:1rem;border:1px solid var(--line);border-radius:14px;min-width:0}
.plain-terms dt{font-weight:800;margin-bottom:.35rem}
.plain-terms dd{margin:0;line-height:1.7}
.plain-terms small{display:block;color:var(--muted);margin-top:.35rem}
.picture-guide{padding:.9rem 1rem;border-left:4px solid var(--primary);background:var(--card);border-radius:0 10px 10px 0}
.quick-check,.easy-starter{padding:1.2rem;border:1px solid var(--line);border-radius:18px;background:var(--card);margin:1.5rem 0}
.quick-options{display:grid;gap:.6rem}
.quick-options button{text-align:left;min-height:44px;white-space:normal;line-height:1.6}
.quick-options button[aria-pressed=true]{outline:2px solid var(--primary);outline-offset:1px}
.quick-feedback:empty{display:none}
.plain-lesson :is(.worked-example,.deeper-theory,.symbol-guide,.foundation-help){margin:1rem 0;border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;min-width:0}
.example-body,.deeper-theory>div{padding-top:.25rem}
.model-condition{font-size:.95em;color:var(--muted)}
.formula-words{font-size:1.06em;line-height:1.85}
.symbol-reading{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0 1rem}
.symbol-reading span{background:var(--soft);border-radius:8px;padding:.4rem .6rem;font-size:.9em;max-width:100%;overflow-wrap:anywhere}
.symbol-reading b{margin-right:.35rem}
.practice-help{border:1px solid var(--line);border-radius:12px;padding:.6rem 1rem;margin:1rem 0}
.practice-help summary{min-height:44px;align-content:center;cursor:pointer}
.lab-learning{max-width:70ch}
.lab-learning ol{padding-left:1.4rem}
.lab-learning li{padding:.25rem 0;line-height:1.7}
@media(min-width:760px){.plain-terms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.plain-lesson :is(.worked-example,.deeper-theory,.symbol-guide,.foundation-help),.quick-check,.easy-starter{padding:.8rem}.plain-terms>div{padding:.8rem}}

/* Same two stages as Matematika: reading first, a separate practice screen second. */
.lesson-stages{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:1rem 0;color:var(--muted);font-size:.9em}
.lesson-stages li{border:1px solid var(--line);border-radius:12px;padding:.6rem .8rem}
.lesson-stages [aria-current=step]{background:var(--soft);color:var(--primary);font-weight:800;border-color:var(--primary)}
.practice-start{border:1px solid var(--line);border-radius:16px;padding:1.2rem;margin-top:2rem;background:var(--card)}
.practice-start .button{display:flex;justify-content:center;gap:.75rem;min-height:52px;font-size:1.1em}
.practice-lesson #quiz{margin-top:1rem}
.practice-lesson h1:focus{outline:none}

.practice-progress{display:block;width:100%;height:.6rem;margin-bottom:1rem;accent-color:var(--primary)}

.practice-lesson>h1{font-size:1.35em;line-height:1.4;margin:.6rem 0}
.practice-lesson>.lesson-stages{flex-wrap:nowrap;font-size:.8em;gap:.4rem}
.practice-lesson>.lesson-stages li{flex:1;min-width:0;padding:.5rem}
.practice-intro{font-size:.9em;margin:.5rem 0}

.worked-example>h3,.symbol-guide>h3,.foundation-help>h3{margin-top:0;line-height:1.6;overflow-wrap:anywhere}
.book-solution>h3{margin-bottom:.6rem}

.practice-actions{gap:.7rem}
.practice-actions button{min-height:48px}
.retry-tag{color:var(--muted);font-size:.9em}
#quiz:focus,#quiz .solution:focus{outline:none}