/* ==========================================================================
   CATEGORIES — styles specific to categories.html only
   (hero reuses .orbit-hero--title-only from articles.css)
   ========================================================================== */

/* All-categories grid at the top: same .category-rail tiles as home's
   "Explore categories" section, just not the --center variant since this
   page shows the full set and should fill the row edge-to-edge. */
.categories-overview{
  padding-bottom: clamp(1rem, 3vw, 2rem);
}

/* Per-category sections: heading + "View All" + 3-up grid, repeated per
   category — same section-head/recent-grid pattern as "Popular Posts" and
   "Recent blogs" on the home page. Divider keeps long repeated sections
   from running together. */
.category-block + .category-block{
  border-top: 1px solid var(--hairline);
  margin-top: clamp(2.5rem, 5vw, 3.5rem);
  padding-top: clamp(2.5rem, 5vw, 3.5rem);
}