/* Extras for blog posts with tables, figures and FAQ headings. Same-origin file, loaded after style.css.
   Follows DESIGN.md: flat, rules instead of boxes, no shadows, Ink and Line only. */
.post-table-wrap { margin: 1.6em 0; overflow-x: auto; }
.post-table { width: 100%; min-width: 420px; border-collapse: collapse; border-top: 3px solid var(--ink); font-size: 1rem; line-height: 1.45; }
.post-table th, .post-table td { text-align: left; vertical-align: top; padding: 12px 16px 12px 0; border-bottom: 1px solid var(--line); }
.post-table th { font-weight: 600; color: var(--stone); font-size: 0.95rem; }
.post-table td:first-child { font-weight: 600; white-space: nowrap; }

.post-figure { margin: 2em 0; }
.post-figure img { width: 100%; height: auto; border-top: 3px solid var(--ink); }
.post-figure figcaption { margin-top: 10px; color: var(--stone); font-size: 0.95rem; line-height: 1.45; }

.post h3 { margin-top: 1.6em; font-size: 1.2rem; }
.post h2 + h3 { margin-top: 1em; }
