/* Post page — smooth reading experience */
.post-hero { background: var(--teal); border-bottom: none; padding: 40px 0 28px; }
.post-title { font-size: clamp(26px, 4vw, 48px); line-height: 1.08; margin: 0 0 16px; color: #fff; }
.post-dek { font-size: 18px; line-height: 1.65; color: rgba(255,255,255,0.72); 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-grid { display: grid; grid-template-columns: 1fr 300px; gap: 48px; align-items: start; }
.post-sidebar { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 80px; }
.post-hero-img { margin: 0 calc(-50vw + 50%); width: 100vw; }
.post-hero-img div { max-height: 500px; width: 100%; aspect-ratio: 21/9 !important; }
@media (max-width: 900px) {
  .post-grid { grid-template-columns: 1fr; }
  .post-sidebar { position: static; order: 2; }
  .sticky-rec { position: static; }
}

.post-hero .meta { color: rgba(255,255,255,0.55) !important; }

.post-body   { order: 1; }
.post-sidebar { order: 2; }

.post-hero .byline-names { color:#fff !important; }
.post-hero .byline-meta { color:rgba(255,255,255,0.55) !important; }
.post-hero .hero-byline { color:rgba(255,255,255,0.65) !important; }
.post-hero .hero-byline strong { color:#fff !important; }