/* GROWBZ — Blog post. Page-level CSS from the design's <helmet><style> (article typography),
   plus small-screen rules (the design is desktop-only; nothing here applies at >= 1024px). */

::placeholder { color: #94A3B8; }
.post-body p { font-size: 17px; line-height: 1.8; color: #334155; margin: 0 0 22px; }
.post-body a { color: #059669; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 2px; }
.post-body a:hover { color: #047857; }
.post-body h2 { font-family: 'Manrope',sans-serif; font-weight: 800; font-size: 26px; letter-spacing: -0.02em; color: #1A365D; margin: 44px 0 18px; padding-left: 16px; border-left: 4px solid #10B981; line-height: 1.25; scroll-margin-top: 92px; }
.post-body h3 { font-family: 'Manrope',sans-serif; font-weight: 800; font-size: 19px; color: #1A365D; margin: 30px 0 12px; }
.post-body ul { margin: 0 0 22px; padding-left: 4px; list-style: none; }
.post-body li { position: relative; font-size: 17px; line-height: 1.7; color: #334155; padding-left: 28px; margin-bottom: 12px; }
.post-body li::before { content: ''; position: absolute; left: 4px; top: 11px; width: 7px; height: 7px; border-radius: 2px; background: #10B981; }
.post-body strong { color: #1A365D; font-weight: 800; }

@media (max-width: 960px) {
  [data-post-grid] { grid-template-columns: minmax(0, 1fr) !important; }
  [data-share-rail] { display: none !important; }
  [data-post-sidebar] { position: static !important; }
  [data-post-hero] { height: 300px !important; }
}

@media (max-width: 640px) {
  [data-post-hero] { height: 220px !important; }
  [data-author-bio] { flex-direction: column; }
  .post-body h2 { font-size: 22px; }
  [data-post-title] { font-size: 30px !important; }
}