/* Regional homepages only; loaded after the approved home-r2.css.
   The renderer keeps the original text_part1/2/3 HTML and regional service block.
   Region prose does not have the fixed paragraph/list structure of the Kazan copy. */

body.home-redesign.home-regional-redesign .home-center_and_region > .row {
  display: block;
  column-count: 1;
  column-gap: 80px;
  column-fill: balance;
}

/* Remove Kazan-specific placements and the automatic promotion of the first p. */
body.home-redesign.home-regional-redesign .home-center_and_region > .row > :is(p, ul, ol) {
  grid-column: auto;
  grid-row: auto;
  max-width: none;
  margin: 0 0 20px;
  color: var(--home-ink, #263648);
  font-family: 'SegoeUIRegular', 'Segoe UI', Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 27px;
}

body.home-redesign.home-regional-redesign .home-center_and_region > .row > p {
  break-inside: avoid-column;
  orphans: 3;
  widows: 3;
}

body.home-redesign.home-regional-redesign .home-center_and_region > .row > br,
body.home-redesign.home-regional-redesign .home-center_and_region > .row > p:empty {
  display: none;
}

/* The source already has real H2s, except for a few bold paragraph headings. */
body.home-redesign.home-regional-redesign .home-center_and_region > .row > h2,
body.home-redesign.home-regional-redesign .home-center_and_region > .row > p:first-of-type:has(> :is(span[style*="font-weight:bold"], span[style*="font-weight: bold"], strong, b):only-child),
body.home-redesign.home-regional-redesign .home-intro-details > h2 {
  column-span: all;
  grid-column: auto;
  grid-row: auto;
  max-width: 1080px;
  margin: 0 0 24px;
  padding: 0;
  font-family: 'SegoeUIBold', 'Segoe UI', Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  color: #173f6b;
  break-after: avoid-column;
}

body.home-redesign.home-regional-redesign .home-intro-details > h2 {
  max-width: 760px;
  margin-top: 4px;
}

/* Preserve UL/OL semantics and numbering; source CSS resets list markers. */
body.home-redesign.home-regional-redesign .home-center_and_region > .row > :is(ul, ol),
body.home-redesign.home-regional-redesign .home-intro-details > :is(ul, ol) {
  padding-left: 24px;
  break-inside: auto;
}

body.home-redesign.home-regional-redesign .home-center_and_region > .row > ul,
body.home-redesign.home-regional-redesign .home-intro-details > ul {
  list-style: disc outside;
}

body.home-redesign.home-regional-redesign .home-center_and_region > .row > ol,
body.home-redesign.home-regional-redesign .home-intro-details > ol {
  list-style: decimal outside;
}

body.home-redesign.home-regional-redesign .home-intro-details > ol {
  max-width: 760px;
  margin: 0 0 22px;
}

body.home-redesign.home-regional-redesign .home-center_and_region > .row > :is(ul, ol) > li,
body.home-redesign.home-regional-redesign .home-intro-details > :is(ul, ol) > li {
  display: list-item !important;
  list-style-type: inherit !important;
  list-style-position: outside !important;
  margin: 0 0 9px;
  padding-left: 4px;
  font-size: 17px;
  line-height: 27px;
  break-inside: avoid-column;
}

body.home-redesign.home-regional-redesign .home-center_and_region > .row > :is(ul, ol) > li::marker,
body.home-redesign.home-regional-redesign .home-intro-details > :is(ul, ol) > li::marker {
  color: var(--home-link, #246bb3);
}

/* Full-width regional services are separate from the prose column flow. */
body.home-redesign.home-regional-redesign .home-center_and_region > .row > .gsg-regional-home-block {
  column-span: all;
  grid-column: auto;
  grid-row: auto;
  width: 100%;
  max-width: none;
  break-inside: avoid-column;
}

@media (min-width: 1101px) {
  body.home-redesign.home-regional-redesign .home-center_and_region > .row {
    column-count: 2;
  }
}

@media (min-width: 1101px) and (max-width: 1350px) {
  body.home-redesign.home-regional-redesign .home-center_and_region > .row {
    column-gap: 56px;
  }
}

@media (max-width: 760px) {
  body.home-redesign.home-regional-redesign .home-center_and_region > .row > :is(p, ul, ol),
  body.home-redesign.home-regional-redesign .home-center_and_region > .row > :is(ul, ol) > li,
  body.home-redesign.home-regional-redesign .home-intro-details > :is(ul, ol) > li {
    font-size: 16px;
    line-height: 25px;
  }

  body.home-redesign.home-regional-redesign .home-center_and_region > .row > h2,
  body.home-redesign.home-regional-redesign .home-center_and_region > .row > p:first-of-type:has(> :is(span[style*="font-weight:bold"], span[style*="font-weight: bold"], strong, b):only-child),
  body.home-redesign.home-regional-redesign .home-intro-details > h2 {
    font-size: 27px;
    line-height: 34px;
    margin-bottom: 20px;
  }
}

/* Existing regional SEO context, aligned to the common page container. */
body.home-redesign.home-regional-redesign .home-regional-context > .gsg-regional-seo {
  margin: 0;
  padding: 0;
  background: transparent;
}

/* Avoid double horizontal gutters inside the existing home-section container. */
body.home-redesign.home-regional-redesign .home-regional-context .gsg-rs-inner {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

body.home-redesign.home-regional-redesign .home-regional-context .gsg-rs-btn {
  min-height: 44px;
  border-radius: 10px;
}

body.home-redesign.home-regional-redesign .home-regional-context .gsg-rs-btn:focus-visible {
  outline: 3px solid #2778c2;
  outline-offset: 4px;
}
