/* The blog (2026-11-02): an article on top of legal.css — the same cream,
   ink and one brown, light only. */
.post .kicker { color: var(--accent); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; font-size: .8rem; margin: 0 0 8px; }
.post h1 { font-size: 2rem; }
.post .lead { font-size: 1.12rem; color: var(--ink); }
.post figure { margin: 24px 0; }
.post figure img { display: block; width: 100%; height: auto; border-radius: 14px; background: var(--line); }
.post figure.narrow img { max-width: 360px; margin: 0 auto; }
.post figure.pair { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.post figure.pair figcaption { grid-column: 1 / -1; }
.post figcaption { color: var(--ink-soft); font-size: .92rem; margin-top: 8px; text-align: center; }
.post .cta { margin: 32px 0 8px; text-align: center; }
.post .button { display: inline-block; background: var(--accent); color: #fff; text-decoration: none; font-weight: 700; padding: 12px 22px; border-radius: 999px; }
footer.foot { border-top: 1px solid var(--line); padding: 20px 0 32px; color: var(--ink-soft); font-size: .92rem; }
footer.foot a { color: var(--ink-soft); }