/* V293 — sitewide editorial balance / selective centring audit
   Purpose: remove avoidable left-heavy layouts on comparison and concise
   multi-card editorial sections without centring long-form reading copy.
   Footer, sticky header, navigation, package heroes and forms are untouched. */

@media (min-width: 761px) {
  /* Centre the visual anchor (kicker + section heading) on editorial sections
     that introduce a balanced grid or comparison. Keep long paragraphs readable. */
  .seo250-page .v293-balanced-intro {
    max-width: 1040px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .seo250-page .v293-balanced-intro > .seo250-kicker,
  .seo250-page .v293-balanced-intro > h2,
  .seo250-page .v293-balanced-intro > h3 {
    display: block;
    text-align: center !important;
    text-wrap: balance;
  }
  .seo250-page .v293-balanced-intro.v293-short-intro > p {
    max-width: 930px;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  /* All true comparison / decision tables receive the same balanced treatment. */
  .seo250-page .v293-centred-comparison .seo250-section__intro {
    max-width: 1040px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .seo250-page .v293-centred-comparison .seo250-section__intro > .seo250-kicker,
  .seo250-page .v293-centred-comparison .seo250-section__intro > h2,
  .seo250-page .v293-centred-comparison .seo250-section__intro > h3 {
    display:block;
    text-align:center !important;
    text-wrap:balance;
  }
  .seo250-page .v293-centred-comparison .seo250-section__intro > p {
    max-width: 960px;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  /* Handles both historical markup forms: wrapper div + table and table carrying
     the comparison class directly. */
  .seo250-page .v293-centred-comparison div.seo250-comparison {
    width: 100% !important;
  }
  .seo250-page .v293-centred-comparison div.seo250-comparison > table,
  .seo250-page .v293-centred-comparison table.seo250-comparison {
    width: 100% !important;
    table-layout: fixed;
    border-collapse: collapse;
  }
  .seo250-page .v293-centred-comparison .seo250-comparison th,
  .seo250-page .v293-centred-comparison .seo250-comparison td,
  .seo250-page .v293-centred-comparison table.seo250-comparison th,
  .seo250-page .v293-centred-comparison table.seo250-comparison td {
    text-align:center !important;
    vertical-align:middle !important;
  }
  .seo250-page .v293-centred-comparison .seo250-callout {
    text-align:center;
    padding-left:clamp(28px,5vw,76px);
    padding-right:clamp(28px,5vw,76px);
  }
  .seo250-page .v293-centred-comparison .seo250-callout p {
    max-width:920px;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:760px) {
  /* Long-form mobile reading remains naturally left aligned. */
  .seo250-page .v293-balanced-intro,
  .seo250-page .v293-balanced-intro > .seo250-kicker,
  .seo250-page .v293-balanced-intro > h2,
  .seo250-page .v293-balanced-intro > h3,
  .seo250-page .v293-balanced-intro > p,
  .seo250-page .v293-centred-comparison .seo250-section__intro,
  .seo250-page .v293-centred-comparison .seo250-section__intro > .seo250-kicker,
  .seo250-page .v293-centred-comparison .seo250-section__intro > h2,
  .seo250-page .v293-centred-comparison .seo250-section__intro > h3,
  .seo250-page .v293-centred-comparison .seo250-section__intro > p,
  .seo250-page .v293-centred-comparison .seo250-callout {
    text-align:left !important;
  }
}