/* ============================================================
   page-volume.css — LP-2 (volume) page-specific overrides ONLY.
   Loaded AFTER styles.css. Scoped so it can never affect index.html
   or the other pain-point pages (which do not link this file).
   The page is built entirely from shared component classes; these
   rules only nudge the volume hero's longer 3-line headline so it
   stays balanced, and lend the "Briefs / month" lead row a touch of
   emphasis in the compare table. No shared file is edited.
   ============================================================ */

/* The volume H1 is longer than the home H1 ("Ship 40–80 tested briefs
   a month — without hiring a creative team."). Keep it from running
   uncomfortably wide on very large screens while preserving the
   shared clamp() type scale. */
#top h1 {
  max-width: 16ch;
}

@media (max-width: 768px) {
  #top h1 {
    max-width: none;
  }
}

/* This page leads its comparison on volume, so the first body row
   ("Briefs / month") carries the argument. Give just that lead row's
   CreatStrat figure a hair more presence — scoped to the volume page
   only, no change to shared compare styling. */
.compare-table tbody tr:first-child .us-col.num {
  font-weight: 700;
}