/* Post page — smooth reading experience */
.post-hero { background: var(--ink); 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.7); 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: 52px; 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: 520px; width: 100%; }
@media (max-width: 900px) {
  .post-grid { grid-template-columns: 1fr; }
  .post-sidebar { position: static; order: -1; }
  .sticky-rec { position: static; }
}

/* Byline inside dark hero = white */
.post-hero .post-byline .byline-names { color:#fff !important; }
.post-hero .post-byline .byline-meta  { color:rgba(255,255,255,0.55) !important; }
.post-hero .post-byline { border-top-color:rgba(255,255,255,0.12); }
.post-hero .icon-btn { color:rgba(255,255,255,0.55); background:rgba(255,255,255,0.07); border-color:rgba(255,255,255,0.15); }

/* Sidebar RIGHT, content LEFT */
.post-body   { order: 1; }
.post-sidebar { order: 2; }

/* Mobile: sidebar goes below content */
@media (max-width: 900px) {
  .post-body   { order: 1; }
  .post-sidebar { order: 2; position: static; }
}