/* Post page — smooth reading experience */
.post-hero { background: var(--bg); border-bottom: 1px solid var(--border); padding: 40px 0 28px; }
.post-title { font-size: clamp(26px, 4vw, 48px); line-height: 1.08; margin: 0 0 16px; }
.post-dek { font-size: 18px; line-height: 1.65; color: var(--ink-3); margin: 0 0 20px; }
.post-body { font-size: 17.5px; line-height: 1.8; color: var(--ink-2); max-width: 680px; }
.post-body p { margin: 0 0 1.3em; }
.post-body strong { color: var(--ink); font-weight: 600; }
.post-body h2 { margin: 2.5em 0 0.8em; }
.lede { font-size: 19px; line-height: 1.75; color: var(--ink); margin-bottom: 1.5em; }
.sticky-rec .honey-rec { font-size: 0.9em; }
.sticky-rec .honey-rec-name { font-size: 15px !important; }
.sticky-rec .honey-rec-cta { font-size: 11px !important; padding: 9px 14px !important; }
.post-body .honey-rec { margin: 48px 0 0; padding: 20px; font-size: 0.9em; border-radius: 8px; }
.post-body .honey-rec-name { font-size: 16px !important; }
.post-body-content { order: 1; }
.post-grid { display: grid; grid-template-columns: 1fr 280px; gap: 48px; align-items: start; }
.post-sidebar { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 200px; }
.post-hero-img { margin: 0; }
.post-hero-img div { max-height: 480px; }
@media (max-width: 900px) {
  .post-grid { grid-template-columns: 1fr; }
  .post-sidebar { position: static; order: 2; }
  .sticky-rec { position: static; }
}