/* The product is the first item in the article column, but it is not the
   header. Give it a deliberate gap without spending enough vertical room to
   push the site's articles below the fold. */
.tools-band {
  margin: var(--space-5) 0 var(--space-4);
}

/* The shared catalogue uses auto-fill so category shelves keep their shape.
   A publication home page should collapse empty tracks: one product fills the
   article column; two or more divide it into a responsive grid. */
.home-tool-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
}