/**
 * Hero Center Alignment
 * Applies centered text/content alignment to all hero sections
 * on desktop and tablet screens (≥ 769px) only.
 * Mobile is untouched — centering is already handled per-page on small screens.
 */

@media (min-width: 769px) {

  /* ─── Shared .hero pages ─────────────────────────────────────── */

  /* Center the content block itself */
  .hero__content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  /* About page: hero is flex-direction:column so hero__content stretches
     full width. Use flexbox column + align-items:center to centre children. */
  .hero__content.container {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Badge / eyebrow / tag / label pills */
  .hero__badge,
  .hero__eyebrow,
  .hero__tag,
  .hero__label {
    display: inline-flex;     /* keep existing sizing */
    margin-left: auto;
    margin-right: auto;
  }

  /* Title: centre text and ensure max-width is symmetrical */
  .hero__title {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  /* Underline decoration on <em> inside title — keep centred */
  .hero__title em::after {
    left: 0;
    right: 0;
  }

  /* Sub-headline: centre and let it breathe symmetrically */
  .hero__sub {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  /* CTA button row */
  .hero__actions {
    justify-content: center;
  }

  /* Stats / counters / quick-links / meta strips */
  .hero__stats,
  .hero__counters,
  .hero__quick,
  .hero__quick-links,
  .hero__meta,
  .hero__featured-inner {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  /* Breadcrumb row (about & academics pages) */
  .breadcrumb {
    justify-content: center;
  }


  /* ─── Safeguarding page (.sg-hero prefix) ────────────────────── */

  .sg-hero__content {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  .sg-hero__badge {
    display: inline-flex;
    margin-left: auto;
    margin-right: auto;
  }

  .sg-hero__title {
    text-align: center;
  }

  .sg-hero__sub {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .sg-hero__actions {
    justify-content: center;
  }

  .sg-hero__trust {
    margin-left: auto;
    margin-right: auto;
  }

}
/* End @media (min-width: 769px) */