/* Same lesson cards, type and colours; scoped only to exact mathematical content. */
.macro-lesson .macro-figure-scroll,.macro-lesson .macro-table-scroll{max-width:100%;overflow:auto;margin:18px 0}
.macro-lesson figure{margin:18px 0}
.macro-lesson .macro-figure-scroll img{display:block;width:100%;min-width:560px;height:auto}
.macro-lesson figcaption{font-size:13px;line-height:1.6;color:var(--muted,#596579);margin-top:8px}
.macro-lesson math{font-size:1.06em}
.macro-lesson .formula-panel{overflow:auto;padding:16px;border-radius:12px;background:#f5f7fc;margin:16px 0}
.macro-lesson .formula-panel math{display:block;text-align:center;margin:8px 0}
.macro-lesson .cardbody{min-width:0;overflow-wrap:anywhere}
.macro-lesson .written-review [data-written-model]{white-space:pre-wrap}
.macro-lesson .macro-table-scroll:focus-visible,.macro-lesson .macro-figure-scroll:focus-visible{outline:2px solid #6556b7;outline-offset:3px}
@media(max-width:640px){.macro-lesson .macro-figure-scroll img{min-width:560px}.macro-lesson .formula-panel{padding:12px}}

.macro-lesson .coursebar a.step{color:inherit;text-decoration:none}
.macro-lesson .coursebar a.step.active{color:var(--navy)}
/* Keep numbers and units readable within the existing scrollable table region. */
.macro-lesson .pilot-table{min-width:470px;overflow-wrap:normal}
.macro-lesson .pilot-table td:last-child{white-space:nowrap;word-break:normal;overflow-wrap:normal}
.macro-lesson .pilot-table input{min-width:100px}