/* V291 — internal-page visual balance and hero typography polish
   Footer is deliberately untouched. This pass separates dark pre-footer
   resource panels from the footer, reduces oversized internal H1s and
   selectively centres content where the layout benefits from it. */

/* Internal editorial/resource heroes: keep the wide V277 title canvas but use
   a calmer display size so headings do not dominate the whole viewport. */
@media (min-width: 901px) {
  .seo250-page .seo250-hero h1 {
    font-size: clamp(40px, 4.25vw, 62px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.04em !important;
  }
  .seo250-page .seo250-hero h1.seo275-long-title {
    font-size: clamp(40px, 3.7vw, 54px) !important;
    line-height: 1.055 !important;
  }

  /* Simple text-led internal heroes only. Split/image-led package heroes are
     excluded so their approved two-column proportions remain untouched. */
  body.v269-sitewide-preview main > .page-hero:not(.v96-split-hero) h1,
  body.v276-legal-page main > .page-hero h1 {
    font-size: clamp(42px, 4.5vw, 64px) !important;
    line-height: 1.01 !important;
    letter-spacing: -.045em !important;
  }

  .v23-showcase .v22-showcase__intro h1 {
    font-size: clamp(44px, 4.7vw, 66px) !important;
    line-height: 1.01 !important;
  }
}

/* The dark 'continue/explore' panel immediately above the footer was visually
   merging into the footer. Keep the footer navy, but give the preceding panel
   a light editorial surface and breathing room. */
.seo250-page main > .seo250-section--ink:last-of-type {
  background: linear-gradient(180deg,#f4f9fe 0%,#ffffff 100%) !important;
  color: #0a2440 !important;
  border-top: 1px solid #d7e6f3 !important;
  padding-top: clamp(54px,6vw,78px) !important;
  padding-bottom: clamp(54px,6vw,78px) !important;
}
.seo250-page main > .seo250-section--ink:last-of-type h2,
.seo250-page main > .seo250-section--ink:last-of-type h3,
.seo250-page main > .seo250-section--ink:last-of-type p {
  color:#0a2440 !important;
}
.seo250-page main > .seo250-section--ink:last-of-type > .container > h2 {
  max-width: 900px;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center;
  font-size:clamp(32px,3.35vw,48px) !important;
  line-height:1.08 !important;
  text-wrap:balance;
}
.seo250-page main > .seo250-section--ink:last-of-type .seo250-related {
  max-width: 1180px;
  margin-left:auto;
  margin-right:auto;
}
.seo250-page main > .seo250-section--ink:last-of-type .seo250-related a {
  background:#fff !important;
  border:1px solid #cfe0ee !important;
  color:#0a2440 !important;
  box-shadow:0 12px 30px rgba(8,42,85,.07);
}
.seo250-page main > .seo250-section--ink:last-of-type .seo250-related a strong {
  color:#0868c5 !important;
}
.seo250-page main > .seo250-section--ink:last-of-type .seo250-related a span {
  color:#365a78 !important;
}
.seo250-page main > .seo250-section--ink:last-of-type .seo257-guide-meta {
  max-width:1050px;
  margin:24px auto 0 !important;
  text-align:center;
  color:#45647e !important;
}
.seo250-page main > .seo250-section--ink:last-of-type .seo257-guide-meta a {
  color:#075ebc !important;
}

/* User-requested selective centring: the decision-table introduction benefits
   from a centred headline, while the table itself remains left-readable. */
.seo250-page .seo291-centred-intro {
  max-width: 900px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.seo250-page .seo291-centred-intro .seo250-kicker {
  display:block;
  text-align:center;
}

/* Search/AI guide ending shown in review: centre the heading and links on the
   new light surface instead of leaving a large left-heavy dark block. */
.seo250-page #seo291-search-guide-ending > .container > h2 {
  text-align:center;
  max-width:900px;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width: 760px) {
  .seo250-page .seo291-centred-intro,
  .seo250-page .seo291-centred-intro .seo250-kicker,
  .seo250-page main > .seo250-section--ink:last-of-type > .container > h2,
  .seo250-page main > .seo250-section--ink:last-of-type .seo257-guide-meta,
  .seo250-page #seo291-search-guide-ending > .container > h2 {
    text-align:left;
  }
  .seo250-page .seo250-hero h1,
  .seo250-page .seo250-hero h1.seo275-long-title {
    font-size:clamp(36px,10.5vw,48px) !important;
  }
}