/* Companion figures retain their authored geometry; captions carry the reading. */
.article-body .diagram-scroll { overflow-x: auto; max-width: 100%; }
.article-body .diagram-scroll img { min-width: 0; }
.article-body .responsive-diagram img { min-width: 0; }
.article-body .article-diagram { margin-inline: 0; }
.article-body .diagram-scroll a { display: block; }
.article-body .video-leg h2 { margin-top: 0; }
.article-body .video-choice { padding: 1.25rem; border: 1px solid var(--line); background: var(--panel); }
.article-body .video-choice ul { margin-bottom: 0; }
.article-body .article-table:focus-visible, .article-body .diagram-scroll:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.article-body pre { background: var(--panel); }

@media (max-width: 700px) {
.article-body .diagram-scroll:not(.responsive-diagram) img { min-width: 960px; }
.article-body .diagram-scroll:not(.responsive-diagram)::before { content: "Scroll horizontally to explore the diagram"; display: block; position: sticky; left: 0; font-size: .875rem; color: var(--muted); margin-bottom: .75rem; }
}