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

::placeholder { color: #94A3B8; }

@media (max-width: 960px) {
  [data-hub-grid] { grid-template-columns: 1fr !important; }
  [data-sidebar] { position: static !important; }
  [data-article-grid] { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 640px) {
  [data-article-grid] { grid-template-columns: 1fr !important; }
  [data-featured-body] { padding: 32px 24px !important; }
  [data-featured-body] h2 { font-size: 26px !important; }
  [data-blog-hero] h1 { font-size: 36px !important; }
}