/* V295 — centred reading-block balance pass
   Purpose: centre simple text/list/definition sections within the page canvas
   when they otherwise leave an excessive empty column on the right. The text
   remains left-aligned inside the centred reading column for readability.
   Existing centred comparison tables stay centred. Footer/header/forms/package
   layouts are untouched. */

@media (min-width: 761px) {
  .seo250-page .v295-centred-reading {
    width: min(100%, 1080px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .seo250-page .v295-centred-reading > .seo250-section__intro,
  .seo250-page .v295-centred-reading > .seo257-definition,
  .seo250-page .v295-centred-reading > .seo250-checklist,
  .seo250-page .v295-centred-reading > .seo250-callout,
  .seo250-page .v295-centred-reading > p,
  .seo250-page .v295-centred-reading > ul,
  .seo250-page .v295-centred-reading > ol {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* These blocks are centred as layout objects, not as paragraphs. */
  .seo250-page .v295-centred-reading,
  .seo250-page .v295-centred-reading > .seo250-section__intro,
  .seo250-page .v295-centred-reading > .seo257-definition,
  .seo250-page .v295-centred-reading > .seo250-checklist,
  .seo250-page .v295-centred-reading > .seo250-callout,
  .seo250-page .v295-centred-reading > p,
  .seo250-page .v295-centred-reading > ul,
  .seo250-page .v295-centred-reading > ol {
    text-align: left !important;
  }

  /* Keep a comfortable line length for narrative copy inside the centred block. */
  .seo250-page .v295-centred-reading > .seo250-section__intro > p,
  .seo250-page .v295-centred-reading > p {
    max-width: 980px !important;
  }

  /* Lists and definition/callout panels can use the full centred column. */
  .seo250-page .v295-centred-reading > .seo250-checklist,
  .seo250-page .v295-centred-reading > .seo257-definition,
  .seo250-page .v295-centred-reading > .seo250-callout {
    max-width: 1080px !important;
  }
}

@media (max-width: 760px) {
  .seo250-page .v295-centred-reading {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}