/* Article plumbing: what the existing figures, tables, math and citations need. */

html { font-size: 88%; } /* figures size in rem; 1rem = 14.08px like the live site */

.post-figure { margin: 2.4em 0; scroll-margin-top: 64px; font-size: 1.1rem; }
.post-figure__viewport { overflow-x: auto; overflow-y: hidden; }
.pcf-figure__plots { overflow-x: auto; overflow-y: hidden; }
/* From 700px up a figure shrinks to the text column whatever its own minimum
   width; on a phone it keeps that width and scrolls in its viewport. */
@media (min-width: 700px) { .post-figure svg { min-width: 0 !important; } }
.post-figure figcaption { margin-top: 14px; font-size: 13.5px; line-height: 1.6; color: var(--global-text-color-light); }
.post-figure figcaption .fignum { color: var(--global-text-color); margin-right: .3em; }
/* Read by screen readers, kept off the screen. */
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.post-table { margin: 1.8em 0; overflow-x: auto; }
.post-table table, .prose > table { width: 100%; border-collapse: collapse; font-size: 13.5px; line-height: 1.5; }
.post-table th, .post-table td { padding: 9px 12px 9px 0; border-bottom: 1px solid var(--global-divider-color); text-align: left; vertical-align: top; }
.post-table thead th { border-bottom: 1px solid var(--global-text-color); font-weight: 600; }
.post-table--keyed td:first-child { white-space: nowrap; }

mjx-container[display="true"] { overflow-x: auto; overflow-y: hidden; padding: 2px 0; }
a.citation { color: var(--global-text-color-light); text-decoration: none; white-space: nowrap; }
a.citation:hover { color: var(--global-text-color); }