/* Lesson diagrams use explicit filled arrowheads, independent of SVG markers. */
.vector-steps{display:grid;gap:22px;margin-top:28px}
.vector-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px;padding:28px;background:#fffefa;border:1px solid #d9ded4;border-radius:18px}
.vector-step .eyebrow{font-size:12px;margin-bottom:12px}
.vector-step-copy p:last-child{margin:0;font-size:17px;line-height:1.8}
.lesson-figure{margin:28px 0;padding:22px;background:#fffefa;border:1px solid #d9ded4;border-radius:16px;max-width:680px}
.vector-step .lesson-figure{margin:0;padding:0;border:0;max-width:none}
.lesson-diagram{display:block;width:100%;height:auto;max-width:580px;font-family:system-ui,sans-serif}
.lesson-figure figcaption{font-size:16px;line-height:1.75;color:#52634e;margin-top:16px}
.vector-next{padding:24px;border:1px solid #d9ded4;background:#fffefa;border-radius:14px}
.vector-next>summary{font-size:17px;line-height:1.65;font-weight:700;cursor:pointer;min-height:44px}
.vector-next[open]>summary{margin-bottom:20px}
.vector-next p{font-size:17px;line-height:1.8}
.vector-next .lesson-figure{max-width:420px}
@media(max-width:800px){.vector-step{grid-template-columns:1fr;gap:18px}.vector-step .lesson-figure{max-width:440px;width:100%;margin-inline:auto}}
@media(max-width:620px){.vector-step{padding:20px}.lesson-figure{padding:14px}.lesson-figure figcaption{font-size:16px}.vector-next{padding:20px}.vector-next>summary{font-size:16px}}