/* AUTOCENTER structural native pages closure v1.4.4 */

/* Blocksy normally reserves top/bottom content spacing around a Page. Once the
 * Page owns its own full-width hero this becomes an artificial white band.
 * Scope the reset only to the eight structural pages, never Service270/Blog116. */
body.ac-structural-native-page .site-main,
body.ac-structural-native-page #main,
body.ac-structural-native-page .site-main > .ct-container,
body.ac-structural-native-page .site-main > .ct-container-full,
body.ac-structural-native-page #main > .ct-container,
body.ac-structural-native-page #main > .ct-container-full {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.ac-structural-native-page article.page,
body.ac-structural-native-page article.type-page,
body.ac-structural-native-page .entry-content {
  margin-top: 0 !important;
}

/* Editorial RU/UK physically use the canonical ac-article visual vocabulary.
 * Loading content-article.css restores its dark hero, contrast and full-width
 * geometry. Keep the page itself flush with the AUTOCENTER shell. */
body.ac-editorial-native-page .ac-article {
  margin-top: 0 !important;
}

body.ac-editorial-native-page .ac-article__hero:first-child,
body.ac-editorial-native-page .ac-article > .ac-article__hero:first-child {
  margin-top: 0 !important;
}

/* AUTOCENTER PATCH P001 — editorial light-header contrast closure.
 * Editorial RU/UK use the generic .ac-h1 token inside a light structural intro,
 * while the global design system defines .ac-h1 as white for hero use.
 * Keep structural editorial H1 dark, but preserve white H1 inside any real dark hero. */
body.ac-editorial-native-page .ac-article .ac-h1,
body.ac-editorial-native-page .ac-article h1.ac-h1 {
  color: var(--ac-ink, #171a20) !important;
  text-shadow: none !important;
}

body.ac-editorial-native-page .ac-article .ac-hero .ac-h1,
body.ac-editorial-native-page .ac-article .ac-hero h1.ac-h1,
body.ac-editorial-native-page .ac-article .ac-article__hero .ac-h1,
body.ac-editorial-native-page .ac-article .ac-article__hero h1 {
  color: #fff !important;
}

/* AUTOCENTER PATCH P002 — editorial hero unified with Blog index.
 * The editorial pages keep their own content, but the opening structural block
 * now follows the same dark 1180px hero language as /blog/ and /uk/blog/.
 * Scope is limited to body.ac-editorial-native-page (#55787/#55788). */
body.ac-editorial-native-page .ac-article > :first-child {
  width: min(1180px, calc(100% - 40px));
  max-width: 1180px;
  margin-inline: auto !important;
  padding: 72px clamp(32px, 6vw, 84px) 68px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(227, 27, 35, .13), transparent 34%),
    linear-gradient(135deg, #12151a 0%, #171b21 58%, #282027 100%) !important;
}

/* Cover both the legacy ac-* vocabulary used by these Pages and the BEM
 * article vocabulary, without changing stored markup. */
body.ac-editorial-native-page .ac-article > :first-child .ac-eyebrow,
body.ac-editorial-native-page .ac-article > :first-child .ac-article__eyebrow {
  color: #fff !important;
}

body.ac-editorial-native-page .ac-article > :first-child .ac-eyebrow::before,
body.ac-editorial-native-page .ac-article > :first-child .ac-article__eyebrow::before {
  background: #fff !important;
}

body.ac-editorial-native-page .ac-article > :first-child .ac-h1,
body.ac-editorial-native-page .ac-article > :first-child h1,
body.ac-editorial-native-page .ac-article > :first-child .ac-article__h1 {
  color: #fff !important;
  text-shadow: none !important;
  max-width: 930px;
}

body.ac-editorial-native-page .ac-article > :first-child p,
body.ac-editorial-native-page .ac-article > :first-child .ac-copy,
body.ac-editorial-native-page .ac-article > :first-child .ac-article__lead {
  color: #edf1f5 !important;
  max-width: 820px;
}

@media (max-width: 767px) {
  body.ac-editorial-native-page .ac-article > :first-child {
    width: min(100% - 24px, 1180px);
    padding: 48px 24px 46px !important;
  }
}