/* Canonical dy/dx lesson-page design.
   All lesson pages should use these shared classes instead of page-specific layout CSS. */
.lesson-page .lesson-content{max-width:1100px;margin:0 auto;padding:0 24px 56px}.lesson-page .lesson-stack{display:grid;gap:16px;margin-top:28px}.lesson-page .lesson-card{border:1px solid #cfd8e3;border-radius:14px;background:#fff;padding:20px 22px}.lesson-page .lesson-card h3{margin-top:0}.lesson-page .lesson-grid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.25fr);gap:28px;align-items:center}.lesson-page .lesson-visual{border:1px solid #d7dee7;border-radius:12px;padding:16px;background:#fff;min-height:150px}.lesson-page .lesson-steps{text-align:center;font-family:Georgia,serif;font-size:1.12rem;line-height:2}.lesson-page .takeaways{margin-top:24px;border:1px solid #e7c56c;border-radius:12px;background:#fffaf0;padding:18px 22px}.lesson-page .takeaways strong{display:block;margin-bottom:8px}.lesson-page .lesson-navigation{margin-top:28px}.lesson-page .math-graph svg{overflow:visible}@media(max-width:800px){.lesson-page .lesson-grid{grid-template-columns:1fr}}