/* GROWBZ — Changelog. 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; }

/* The search-clear button carries an inline display:flex (from the design); keep [hidden] effective. */
#changelog-search-clear[hidden] { display: none !important; }

@media (max-width: 860px) {
  /* Header collapses to the mobile menu bar here; keep the sticky filter bar flush beneath it. */
  [data-filter-row] { gap: 12px !important; }
  [data-search-box] { max-width: none !important; min-width: 0 !important; flex-basis: 100% !important; }
}

@media (max-width: 640px) {
  [data-cl-title] { font-size: 34px !important; }
  [data-filter-bar] { position: static !important; padding: 12px 16px !important; }
  [data-filter-tabs] { overflow-x: auto; max-width: 100%; }
  [data-filter-tabs] button { flex-shrink: 0; padding: 8px 12px !important; }
  [data-timeline] { padding-left: 28px !important; }
  [data-timeline] > span { left: 5px !important; }
  [data-timeline] .changelog-entry > span:first-child { left: -28px !important; }
  [data-entry-card] { padding: 20px 18px !important; }
  [data-shot-img] { height: 200px !important; }
  [data-roadmap-row] { gap: 12px !important; padding: 14px !important; }
  [data-notify-form] button { padding: 11px 14px !important; }
}