/* Round 7: Nigel's change log, rows 25 to 71 (27 October 2026). Loaded last,
   on every public page, because row 63 is a site-wide rule. */

/* Rows 25 and 29: the hero's second list, under the two buttons, in the same
   pulsing-dot style as "HSE Technology Partner" above the headline. */
.hero-creds-after { margin: 28px 0 0; }

/* Row 37: three cards under "Welcome to SmartGuardian" now the smart-speaker
   card is gone. Two to a row left the third on its own, so they stack. */
.sg-kit { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 860px) { .sg-kit { grid-template-columns: 1fr; max-width: 560px; margin-left: auto; margin-right: auto; } }

/* Row 44: the comparison's closing line, centred. */
.cmp-note { text-align: center; }

/* Row 63, which takes in rows 43, 47, 52 and 59: the text in every card-style
   box is centred. Service and price cards (their icons centre with them, being
   inline-grid), "Works well with" and other related cards, the app captions,
   reviews and promises, cost cards and further-reading tiles. Full-width
   paragraphs and tick lists stay left-aligned. The numbered steps sit beside
   their number on phones, so they centre from tablet width up. */
.svc-card, .svc-related-card, .sv-related-card, .app-trio-caps .glass,
.rv-card, .cost-card, .tile-lift-sm { text-align: center; }
@media (min-width: 641px) { .home-steps > li { text-align: center; } }

/* Rows 28 and 29: on a laptop the two hero buttons stack, the quiz label being
   too long to sit beside the call button in the copy column, so they share one
   width rather than leave a ragged edge. Phones already make both full width. */
@media (min-width: 641px) { .home-hero .home-actions .btn { min-width: 320px; justify-content: center; } }

/* Row 53: the menu's orange button now reads "Will It Work For Us? (2 Min
   Quiz)", about 70px longer than "Take the 2-minute check". Just above the
   hamburger width (1100px) the links wrapped onto two lines each, so links
   keep to one line and close up there. */
.nav-link { white-space: nowrap; }
@media (min-width: 1101px) and (max-width: 1260px) {
  .nav { gap: 2px; }
  .nav-link { padding-left: 10px !important; padding-right: 10px !important; font-size: 0.86rem !important; }
  .nav-link[href="assessment"] { padding: 9px 14px !important; }
}

/* Row 48: "See if SmartGuardian suits your family." left "family." alone on the
   second line; balanced lines read better in every closing section. */
.sv-final-cta h2, .cta-section h2 { text-wrap: balance; }