.esa-education .article-hero-media { background: #fff; padding: 24px; margin: 0; border: 1px solid #d8e3e9; }
.esa-education .article-hero-media img { max-height: 320px; filter: none; mix-blend-mode: normal; opacity: 1; }
.esa-education figcaption { color: #536b7a; font-size: .8rem; line-height: 1.6; margin-top: 16px; }
.esa-lesson-image { margin: 32px 0; padding: clamp(16px,3vw,28px); background: #fff; border: 1px solid #d8e3e9; }
.esa-lesson-image img { display: block; width: auto; max-width: 100%; max-height: 360px; margin: auto; object-fit: contain; opacity: 1; filter: none; mix-blend-mode: normal; }
.esa-workflow { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin-block: 28px 12px; counter-reset: step; }
.esa-workflow span { background: #edf4f7; border-top: 3px solid #1d668f; padding: 16px 12px; font-weight: 700; color: #09283d; font-size: .85rem; }
.esa-workflow span::before { counter-increment: step; content: "0" counter(step); display: block; color: #d41420; margin-bottom: 10px; }
.esa-education .article-body { min-width: 0; }
.esa-education .article-body section { scroll-margin-top: 120px; }
.esa-education .article-toc a { font-size: .84rem; }
@media(max-width:600px) { .esa-workflow { grid-template-columns: 1fr; } .esa-workflow span::before { display: inline-block; margin: 0 12px 0 0; } }
.s840-series .article-hero h1 { max-width: 24ch; }
.s840-series .article-hero .lede { max-width: 70ch; }
.s840-series .esa-lesson-image img { height: auto; max-height: none; }
.s840-series .esa-lesson-image a { display: block; }
.s840-series .esa-lesson-image figcaption a { display: inline; }
.s840-series .blog-card img { object-fit: contain; background: #f3f6f8; }
.s840-lesson-grid { margin-top: 32px; }
.s840-pagination { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-block: 40px; }
.s840-pagination a { padding: 22px; background: #edf4f7; border: 1px solid #d8e3e9; display: grid; gap: 10px; text-decoration: none; }
.s840-pagination small { color: #536b7a; }
.s840-pagination strong { color: #09283d; }
@media(max-width:600px) { .s840-pagination { grid-template-columns: 1fr; } }
.s840-series img[src$="4a324c897972.png"] { max-width: min(100%,420px); }
.s840-screen-guide { padding: 14px 18px; border-left: 3px solid #1d668f; background: #edf4f7; font-size: .95rem; }
.s840-series .article-body section[id^="lesson-"] > .esa-lesson-image { margin-block: 20px 32px; }
