/* Supplemental reusable lesson cards. Base typography, hero, chapters and exercises: /grammar/lesson.css. */
.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}
.case-grid article{min-width:0;background:#f2edf7;border:1px solid #fff;border-radius:18px;padding:22px}
.case-grid h3{font-size:23px;margin-bottom:14px;overflow-wrap:anywhere}
.lesson-extra{padding-block:30px;font-size:16px}.lesson-extra h2{margin-bottom:22px}.lesson-extra a{text-decoration:underline;text-underline-offset:4px}
.grammar-lesson .chapter{scroll-margin-top:110px}
.exercise .question{display:block;margin:22px 0}.exercise .question input{display:block;margin-top:10px;width:100%;min-height:48px;padding:12px 15px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:white;font-size:16px}
.exercise .feedback{display:block;margin-top:8px}.exercise .correct input{border:2px solid #38744f;background:#f0faf4}.exercise .wrong input{border:2px solid #ae4161;background:#fff4f6}
@media(max-width:760px){.case-grid{grid-template-columns:1fr}.case-grid article{padding:18px}.grammar-lesson .chapter{scroll-margin-top:90px}}

.grammar-lesson>.chapter{background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(20px,4vw,40px);margin-block:28px;overflow-wrap:anywhere}
.grammar-lesson>.chapter h2{margin-bottom:22px}.grammar-lesson>.chapter p+p{margin-top:16px}
.grammar-lesson .exercise button{font:inherit;padding:12px 20px;border-radius:24px;border:1px solid var(--line);background:#eee6f6;cursor:pointer}