/* Scoped layout for the supplied article and its full-detail diagrams. */
.reading-article blockquote { margin: 1rem 0; padding: .25rem 1.25rem; border-left: 4px solid var(--brand); background: #edf7f2; }
.reading-article li { line-height: 1.75; margin: .6rem 0; color: var(--ink-secondary); }
.reading-article .test-item { list-style: none; }
.reading-article .test-item > span { margin-left: -1.25em; margin-right: .25em; }
.reading-article > .article-figure, .reading-article > .article-table-scroll { grid-column: 1 / -1; }
.article-figure { margin: 2rem 0; }
.figure-scroll { overflow-x: auto; border-radius: 14px; background: #0f172a; }
.figure-scroll img { display: block; width: 100%; min-width: 880px; height: auto; }
.article-figure figcaption { margin-top: .75rem; font-size: .875rem; line-height: 1.6; color: var(--ink-secondary); }
.article-table-scroll { overflow-x: auto; margin: 1rem 0; }
.article-table-scroll table { width: 100%; min-width: 700px; border-collapse: collapse; font-size: .95rem; line-height: 1.6; }
.article-table-scroll caption { text-align: left; font-weight: 600; margin-bottom: .75rem; }
.article-table-scroll th, .article-table-scroll td { padding: .9rem; border: 1px solid var(--border); text-align: left; vertical-align: top; }
.article-table-scroll th { background: #edf7f2; }
.figure-scroll:focus-visible, .article-table-scroll:focus-visible { outline: 3px solid var(--brand-strong); outline-offset: 4px; }
.skip-link { position: absolute; top: .5rem; left: .5rem; transform: translateY(-200%); background: white; padding: .75rem; z-index: 10; color: var(--brand-strong); }
.skip-link:focus { transform: none; }