/* Lesson 1.4.2 diagrams: use shared theme tokens and keep wide SVGs locally scrollable. */
.lesson-142-figure{margin:1.6rem 0;padding:16px;border:1px solid var(--lds-line);border-radius:16px;background:var(--lds-surface);overflow:hidden}
.lesson-142-figure svg{display:block;width:100%;height:auto}
.lesson-142-figure figcaption{margin-top:12px;color:var(--lds-muted);font-size:13px;line-height:1.6}
.d142-bg{fill:var(--lds-surface);stroke:var(--lds-line);stroke-width:1.2}
.d142-card rect{fill:color-mix(in srgb,var(--lds-accent) 10%,var(--lds-surface));stroke:var(--lds-accent);stroke-width:1.6}
.d142-text text{fill:var(--lds-ink);font:700 13px Manrope,Arial,sans-serif;text-anchor:middle}
.d142-note{fill:var(--lds-muted);font:600 14px Manrope,Arial,sans-serif;text-anchor:middle}
.d142-arrow{fill:none;stroke:var(--lds-accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.d142-axis{fill:none;stroke:var(--lds-muted);stroke-width:1.7;opacity:.8}
.d142-curve{fill:none;stroke:var(--lds-accent);stroke-width:4;stroke-linecap:round}
.d142-step,.d142-track{fill:none;stroke:var(--lds-success,var(--lds-accent));stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.d142-point{fill:var(--lds-accent);stroke:var(--lds-surface);stroke-width:2}
.d142-min{fill:var(--lds-success,var(--lds-accent));stroke:var(--lds-surface);stroke-width:2}
.d142-label{fill:var(--lds-ink);font:600 14px Manrope,Arial,sans-serif}
@media(max-width:620px){.lesson-142-figure{padding:8px;margin:1.2rem -4px;overflow-x:auto}.lesson-142-figure svg{min-width:680px}.lesson-142-figure figcaption{font-size:12px}}