/* V296 — sitewide editorial centring + calmer internal hero scale
   Anthony's review direction: prominent standalone editorial copy should feel
   deliberately centred on desktop instead of looking pinned to the left edge.
   Card body copy, navigation, forms, package layouts and footer remain unchanged.
   Mobile remains left-aligned for readability. */

@media (min-width: 761px) {
  /* Centre every deliberate SEO/editorial section introduction. This covers
     Web Design dropdown pages and Resources guides consistently, including
     intro blocks that sit above grids or related links. */
  .seo250-page .seo250-section__intro {
    width: min(100%, 1040px) !important;
    max-width: 1040px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .seo250-page .seo250-section__intro > .seo250-kicker,
  .seo250-page .seo250-section__intro > h2,
  .seo250-page .seo250-section__intro > h3,
  .seo250-page .seo250-section__intro > p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .seo250-page .seo250-section__intro > p {
    max-width: 930px !important;
  }

  /* Definition/information panels are standalone visual statements: centre
     their content too. */
  .seo250-page .seo257-definition,
  .seo250-page .seo250-callout {
    width: min(100%, 1080px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .seo250-page .seo257-definition > h2,
  .seo250-page .seo257-definition > h3,
  .seo250-page .seo257-definition > p,
  .seo250-page .seo250-callout > h2,
  .seo250-page .seo250-callout > h3,
  .seo250-page .seo250-callout > p {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .seo250-page .seo257-definition > p,
  .seo250-page .seo250-callout > p {
    max-width: 920px !important;
  }

  /* Lists remain left-readable, but sit in a deliberately centred/narrower
     reading column beneath centred section headings. */
  .seo250-page .seo250-checklist {
    width: min(100%, 900px) !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
  }

  /* Some simple sections are already marked by V295 as centred reading blocks.
     Make direct narrative content inside those blocks follow the same centred
     visual treatment while preserving list readability. */
  .seo250-page .v295-centred-reading > p {
    max-width: 930px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  .seo250-page .v295-centred-reading > ul,
  .seo250-page .v295-centred-reading > ol {
    width: min(100%, 900px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
  }
}

/* Calmer desktop hero typography on internal pages. The homepage hero and
   approved image/split package heroes are deliberately excluded. */
@media (min-width: 901px) {
  .seo250-page .seo250-hero h1 {
    font-size: clamp(36px, 3.2vw, 50px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.035em !important;
    max-width: 1120px !important;
  }
  .seo250-page .seo250-hero h1.seo275-long-title {
    font-size: clamp(34px, 3vw, 46px) !important;
    line-height: 1.07 !important;
  }
  body.v269-sitewide-preview main > .page-hero:not(.v96-split-hero) h1,
  body.v276-legal-page main > .page-hero h1 {
    font-size: clamp(38px, 3.5vw, 54px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.035em !important;
  }
  .v23-showcase .v22-showcase__intro h1 {
    font-size: clamp(40px, 3.8vw, 58px) !important;
    line-height: 1.03 !important;
  }
}

@media (max-width: 760px) {
  .seo250-page .seo250-section__intro,
  .seo250-page .seo250-section__intro > .seo250-kicker,
  .seo250-page .seo250-section__intro > h2,
  .seo250-page .seo250-section__intro > h3,
  .seo250-page .seo250-section__intro > p,
  .seo250-page .seo257-definition,
  .seo250-page .seo257-definition > h2,
  .seo250-page .seo257-definition > h3,
  .seo250-page .seo257-definition > p,
  .seo250-page .seo250-callout,
  .seo250-page .seo250-callout > h2,
  .seo250-page .seo250-callout > h3,
  .seo250-page .seo250-callout > p,
  .seo250-page .v295-centred-reading > p {
    text-align: left !important;
  }
}