/* The few rules WordPress output needs on top of the hand-written styles.css. */

.article .body img { max-width: 100%; height: auto; border-radius: 8px; }
.article .body figure { margin: 26px 0; }
.article .body figcaption { font-family: var(--font-mono); font-size: .78rem; color: var(--ink-faint); margin-top: 8px; }
.article .body ol { margin: 0 0 22px 22px; color: #ddd5c7; display: grid; gap: 10px; }
.article .body h3 { font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; margin: 30px 0 10px; }
.article .body pre { font-family: var(--font-mono); font-size: .86em; background: var(--bg-2); padding: 16px 18px; border-radius: 10px; overflow: auto; margin: 0 0 22px; }
.article .body hr { border: 0; border-top: 1px solid var(--line); margin: 32px 0; }
.article .body table { width: 100%; border-collapse: collapse; margin: 0 0 22px; font-size: .95em; }
.article .body th, .article .body td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--line); }
.article .body .wp-block-buttons { margin: 0 0 22px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }