/* Blog post typography — layered on top of styles.css */
.post { padding: 40px 0 70px; }
.post-wrap { max-width: 720px; }
.post-back { display: inline-block; color: var(--red); font-weight: 600; font-size: .92rem; margin-bottom: 22px; }
.post-back:hover { text-decoration: underline; }
.post-kicker { display: inline-block; font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--red); margin-bottom: 10px; }
.post h1 { font-size: clamp(2rem, 4.4vw, 3rem); margin-bottom: .3em; }
.post-lede { font-size: 1.18rem; color: var(--ink-soft); line-height: 1.5; }
.post-byline { font-size: .88rem; color: var(--ink-soft); border-bottom: 1px solid var(--line); padding-bottom: 22px; margin-bottom: 8px; }
.post h2 { font-size: 1.5rem; margin-top: 1.8em; }
.post p { font-size: 1.06rem; color: #2a2f37; }
.post ul { padding-left: 1.2em; margin: 0 0 1.2em; }
.post li { font-size: 1.06rem; color: #2a2f37; margin-bottom: .5em; }
.post blockquote {
  margin: 1.6em 0; padding: 4px 0 4px 22px; border-left: 4px solid var(--red);
  font-family: var(--font-disp); font-style: italic; font-size: 1.24rem; color: var(--ink);
}
.post-cta {
  margin-top: 48px; padding: 32px; text-align: center; border-radius: var(--radius-lg);
  background: linear-gradient(160deg, var(--silver-2), #fff); border: 1px solid var(--line);
}
.post-cta h3 { margin-bottom: .3em; }
.post-cta p { color: var(--ink-soft); margin-bottom: 1.2em; }