/* Market review rebuild v2 — integration-only review route, correction round 1. */
html:has(> body.market-review-rebuild-page) {
  scroll-behavior: auto;
}

.market-review-rebuild-page {
  overflow-x: hidden;
  background: #fff;
}

.market-review-rebuild-owner {
  display: block;
  width: 100%;
  overflow-x: clip;
}

.integration-segment {
  position: relative;
  width: 100%;
  isolation: isolate;
}

.integration-segment__source-root {
  width: 100%;
}

/* S01 accepted revision CSS, integration-scoped. */
.integration-segment--s01 {
  background: #184d98;
}

.integration-segment--s01 .s01-preview-body {
  min-width: 320px;
  overflow-x: clip;
  background: #184d98;
}

.integration-segment--s01 .s01-segment {
  --s01-blue: #184d98;
  --s01-white: #ffffff;
  width: 100%;
  max-width: none;
  margin-inline: auto;
  inset-inline-start: auto;
  transform: none;
  container-type: inline-size;
  overflow: clip;
  color: var(--s01-white);
  background: var(--s01-blue);
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
  font-synthesis: none;
}

.integration-segment--s01 .s01-segment.report-canvas,
.integration-segment--s01 .s01-segment.report-canvas.integration-segment__source-root {
  width: 100%;
  max-width: none;
  margin-inline: auto;
  inset-inline-start: auto;
  transform: none;
}

.integration-segment--s01 .s01-opener {
  position: relative;
  isolation: isolate;
  min-height: max(960px, calc(112svh - 68px));
  padding-block: clamp(32px, 3.4vw, 50px) clamp(28px, 3.2vw, 46px);
  overflow: hidden;
  background: var(--s01-blue);
}

.integration-segment--s01 .s01-opener__photo {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
  transform: scale(1.08);
  transform-origin: left top;
  pointer-events: none;
}

.integration-segment--s01 .s01-opener::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(24, 77, 152, 0.04) 0%, rgba(24, 77, 152, 0.08) 38%, rgba(24, 77, 152, 0.42) 56%, rgba(24, 77, 152, 0.88) 74%, #184d98 96%),
    linear-gradient(180deg, rgba(8, 46, 102, 0.20) 0%, rgba(8, 46, 102, 0) 32%, rgba(8, 46, 102, 0.08) 100%);
}

.integration-segment--s01 .s01-opener__rail {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(20px, 2vw, 30px);
}

.integration-segment--s01 .s01-opener__header {
  display: grid;
  grid-column: 1;
  grid-row: auto;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(14px, 1.6vw, 24px);
  align-items: start;
}

.integration-segment--s01 .s01-opener__title-group,
.integration-segment--s01 .s01-opener__intro-group {
  min-width: 0;
}

.integration-segment--s01 .s01-title {
  margin: 0;
  max-width: 15em;
  color: var(--s01-white);
  font-family: var(--font-report-display, "Samruk Energy Good Pro", Arial, sans-serif);
  font-size: clamp(2rem, 2.78vw, 2.5rem);
  font-weight: 700;
  line-height: 0.98;
  text-transform: uppercase;
  white-space: pre-line;
}

.integration-segment--s01 .s01-title__first-line,
.integration-segment--s01 .s01-title__second-line {
  display: block;
  white-space: nowrap;
}

.integration-segment--s01 .s01-glow {
  width: min(100%, 530px);
  height: clamp(70px, 8.2vw, 118px);
  margin-top: clamp(20px, 2.7vw, 40px);
  display: block;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  pointer-events: none;
  isolation: isolate;
}

.integration-segment--s01 .s01-glow .glow-specimen__figure {
  height: 100%;
  overflow: visible;
}

.integration-segment--s01 .s01-glow .glow-specimen__figure--blue {
  background: transparent;
}

.integration-segment--s01 .s01-glow .glow-specimen__stage {
  overflow: visible;
}

.integration-segment--s01 .s01-opener__intro-group {
  grid-column: 1;
  grid-row: auto;
  display: grid;
  width: min(100%, 680px);
  gap: clamp(14px, 1.4vw, 20px);
  justify-self: start;
}

.integration-segment--s01 .s01-intro,
.integration-segment--s01 .s01-market-heading {
  margin: 0;
  color: var(--s01-white);
}

.integration-segment--s01 .s01-intro {
  max-width: 31em;
  font-family: var(--approved-type-lead-family);
  font-size: var(--approved-type-lead-size);
  font-weight: var(--approved-type-lead-weight);
  line-height: var(--approved-type-lead-leading);
}

.integration-segment--s01 .s01-market-heading {
  max-width: 33em;
  font-family: var(--approved-type-lead-family);
  font-size: var(--approved-type-lead-size);
  font-weight: var(--approved-type-lead-weight);
  line-height: var(--approved-type-lead-leading);
}

.integration-segment--s01 .s01-market-heading strong {
  font-weight: 700;
}

.integration-segment--s01 .s01-segment .s01-scheme {
  grid-column: 1;
  grid-row: auto;
  width: min(100%, 740px);
  max-width: 740px;
  margin: clamp(26px, 3vw, 44px) auto 0;
  transform: none;
}

.integration-segment--s01 .s01-scheme__canvas {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.integration-segment--s01 .s01-scheme__native-underlay {
  fill: #f0faff;
  fill-opacity: 0.3;
}

.integration-segment--s01 .s01-scheme__geometry {
  pointer-events: none;
}

.integration-segment--s01 .s01-scheme__label {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 0 1.2px;
  text-align: center;
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
  font-size: calc(var(--source-size) * 1px);
  font-weight: 500;
  line-height: calc(var(--source-leading) * 1px);
  font-synthesis: none;
}

.integration-segment--s01 .s01-scheme__label span {
  display: block;
  flex: 0 0 auto;
  white-space: nowrap;
}

.integration-segment--s01 .s01-scheme__label--bold {
  font-weight: 700;
}

.integration-segment--s01 .s01-scheme__label--white {
  color: #ffffff;
}

.integration-segment--s01 .s01-scheme__label--ink {
  color: #231f20;
}

@media (max-width: 1099px) {
  .integration-segment--s01 .s01-opener {
    min-height: auto;
  }

  .integration-segment--s01 .s01-opener::after {
    background: linear-gradient(90deg, rgba(24, 77, 152, 0.34) 0%, rgba(24, 77, 152, 0.66) 72%, rgba(24, 77, 152, 0.92) 100%);
  }

  .integration-segment--s01 .s01-opener__rail,
  .integration-segment--s01 .s01-opener__header {
    grid-template-columns: minmax(0, 1fr);
  }

  .integration-segment--s01 .s01-segment .s01-scheme {
    grid-column: 1;
    grid-row: auto;
    width: min(100%, 740px);
    margin-top: 0;
    margin-inline: auto;
    transform: none;
  }

  .integration-segment--s01 .s01-title {
    max-width: 12em;
  }

  .integration-segment--s01 .s01-glow {
    width: min(88%, 500px);
  }

  .integration-segment--s01 .s01-intro {
    max-width: 38em;
  }

  .integration-segment--s01 .s01-opener__intro-group {
    width: min(100%, 680px);
  }
}

@media (max-width: 720px) {
  .integration-segment--s01 .s01-title__first-line,
  .integration-segment--s01 .s01-title__second-line {
    white-space: normal;
  }
}

@media (max-width: 620px) {
  .integration-segment--s01 .s01-opener {
    padding-block-start: 40px;
  }

  .integration-segment--s01 .s01-opener__photo {
    object-position: 30% center;
    transform: none;
  }

  .integration-segment--s01 .s01-opener::after {
    background: rgba(24, 77, 152, 0.72);
  }

  .integration-segment--s01 .s01-title {
    font-size: clamp(1.72rem, 8.2vw, 2.35rem);
  }

  .integration-segment--s01 .s01-glow {
    width: 94%;
    height: 74px;
    margin-top: 16px;
  }

  .integration-segment--s01 .s01-opener__rail {
    gap: 42px;
  }

}


/* S02 accepted revision CSS, integration-scoped. */
.integration-segment--s02 {
  --s02-blue: #184d98;
  --s02-orange: #e94e0f;
  --s02-arrow: #ee763b;
  --s02-green: #6f9f46;
  --s02-ink: #3c3c3b;
  --s02-band: #f3f7fd;
}

.integration-segment--s02 .s02-preview-body {
  margin: 0;
  min-width: 20rem;
  overflow-x: clip;
  color: var(--s02-ink);
  background: #fff;
}

.integration-segment--s02 .s02-segment {
  width: min(100%, 90rem);
  min-width: 0;
  max-width: 90rem;
  margin-inline: auto;
  inset-inline-start: auto;
  transform: none;
  box-sizing: border-box;
  padding-block: clamp(3rem, 5vw, 4.5rem) clamp(5rem, 8vw, 7.5rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(6rem, 9vw, 9rem);
  background: #fff;
}

.integration-segment--s02 .s02-page {
  --s02-pt-8: 1.344538cqw;
  --s02-pt-9: 1.512605cqw;
  --s02-pt-10: 1.680672cqw;
  --s02-pt-12: 2.016807cqw;
  --s02-pt-15: 2.521008cqw;
  --s02-pt-18: 3.025210cqw;
  --s02-pt-30: 5.042017cqw;
  width: min(calc(100% - 2rem), 80.5rem);
  margin-inline: auto;
  inset-inline: auto;
  transform: none;
  justify-self: center;
  box-sizing: border-box;
  position: relative;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  background: transparent;
}

.integration-segment--s02 .source-box {
  min-width: 0;
  position: static;
  left: auto;
  top: auto;
  width: auto;
  height: auto;
}

.integration-segment--s02 .s02-page > .s02-heading {
  width: 100%;
}

.integration-segment--s02 .balance-layout {
  position: relative;
  margin-block-start: clamp(2.75rem, 4.1cqw, 3.3rem);
}

.integration-segment--s02 .balance-story {
  display: block;
  column-count: 2;
  column-gap: 3.333333cqw;
  column-fill: balance;
}

.integration-segment--s02 .balance-story p {
  break-inside: avoid-column;
}

.integration-segment--s02 .balance-story .balance-story__bridge {
  break-inside: auto;
}

.integration-segment--s02 .balance-story__bridge > [data-source-key],
.integration-segment--s02 .balance-story__start,
.integration-segment--s02 .balance-story__continuation {
  display: block;
}

.integration-segment--s02 .balance-story__start {
  text-align-last: justify;
}

.integration-segment--s02 .balance-story__continuation {
  break-before: column;
  
  padding-block-start: 15.5cqw;
}

.integration-segment--s02 .balance-kpi {
  width: calc(50% - 1.666667cqw);
  position: absolute;
  inset: 0 0 auto auto;
}

.integration-segment--s02 .balance-kpi__label {
  min-height: 4.8cqw;
}

.integration-segment--s02 .balance-kpi__value {
  min-height: 6.2cqw;
}

.integration-segment--s02 .balance-kpi__rule {
  width: 100%;
  position: relative;
}

.integration-segment--s02 .chart-pair {
  width: 100%;
  margin-block-start: clamp(4.5rem, 7.3cqw, 5.9rem);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3.333333cqw;
}

.integration-segment--s02 .chart-slot {
  width: 76%;
  aspect-ratio: 235.28 / 222.21;
}

.integration-segment--s02 .s02-page--ees > .s02-heading {
  margin-block-end: clamp(2.75rem, 4.25cqw, 3.45rem);
}

.integration-segment--s02 .ees-top {
  display: grid;
  grid-template-columns: 1fr 1fr 1.018fr;
  gap: 1.071429cqw;
}

.integration-segment--s02 .ees-kpi,
.integration-segment--s02 .ees-intro {
  min-height: 7.75cqw;
}

.integration-segment--s02 .map-slot {
  width: 100%;
  margin-block-start: clamp(3.75rem, 5.8cqw, 4.7rem);
  aspect-ratio: 595.2755905512 / 355;
}

.integration-segment--s02 .s02-heading,
.integration-segment--s02 .s02-heading h2,
.integration-segment--s02 .chart-composition,
.integration-segment--s02 .chart-composition h3,
.integration-segment--s02 .production-band h3,
.integration-segment--s02 .production-band h4,
.integration-segment--s02 .balance-story p {
  margin: 0;
}

.integration-segment--s02 .s02-heading__text {
  color: var(--s02-blue);
  font-family: var(--font-report-display);
  font-size: var(--s02-pt-18);
  font-weight: 700;
  line-height: 1.13;
  letter-spacing: -0.012em;
  white-space: nowrap;
}

.integration-segment--s02 .balance-story,
.integration-segment--s02 .balance-kpi__label,
.integration-segment--s02 .ees-intro {
  color: var(--s02-ink);
  font-family: var(--font-report-body);
  font-size: var(--s02-pt-9);
  font-weight: 400;
  line-height: 1.2;
}

.integration-segment--s02 .balance-story {
  text-align: justify;
  text-wrap: pretty;
  hyphens: auto;
}

.integration-segment--s02 .balance-story p {
  margin-block-end: 1.428571cqw;
}

.integration-segment--s02 .balance-story p:last-child {
  margin-block-end: 0;
}

.integration-segment--s02 .balance-story [data-source-key="u5b84:content:000004"],
.integration-segment--s02 .balance-story [data-source-key="u5b84:content:000010"],
.integration-segment--s02 .balance-story [data-source-key="u5b84:content:000013"] {
  white-space: nowrap;
}

.integration-segment--s02 .balance-kpi__label {
  text-align: left;
  hyphens: none;
}

.integration-segment--s02 .balance-kpi__value {
  display: flex;
  align-items: baseline;
  gap: 0.42cqw;
  color: var(--s02-blue);
  font-family: var(--font-report-display);
  font-weight: 700;
  white-space: nowrap;
}

.integration-segment--s02 .balance-kpi__number {
  font-size: var(--s02-pt-30);
  line-height: 0.96;
}

.integration-segment--s02 .balance-kpi__unit {
  font-size: var(--s02-pt-15);
  line-height: 1;
}

.integration-segment--s02 .balance-kpi__rule {
  height: max(1px, 0.12cqw) !important;
  background: var(--s02-orange);
}

.integration-segment--s02 .balance-kpi__rule::after {
  content: "";
  width: 0.52cqw;
  aspect-ratio: 1;
  position: absolute;
  inset-inline-end: -0.1cqw;
  inset-block-start: 50%;
  border-radius: 50%;
  background: var(--s02-orange);
  transform: translateY(-50%);
}

.integration-segment--s02 .chart-slot {
  overflow: visible;
}

.integration-segment--s02 .chart-composition {
  width: 100%;
  height: 100%;
  position: relative;
}

.integration-segment--s02 .chart-composition h3 {
  position: absolute;
  inset: 0 0 auto 0;
  z-index: 2;
  color: var(--s02-blue);
  font-family: var(--font-report-body);
  font-size: var(--s02-pt-9);
  font-weight: 700;
  line-height: 1.2;
}

.integration-segment--s02 .chart-composition > img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  display: block;
}

.integration-segment--s02 .chart-label {
  position: absolute;
  left: var(--cx);
  top: var(--cy);
  width: var(--cw);
  height: var(--ch);
  z-index: 2;
  display: grid;
  place-items: center;
  font-family: var(--font-report-display);
  font-size: var(--s02-pt-10);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.integration-segment--s02 .chart-value {
  color: var(--s02-ink);
}

.integration-segment--s02 .chart-year--orange {
  color: var(--s02-orange);
}

.integration-segment--s02 .chart-year--blue {
  color: var(--s02-blue);
}

.integration-segment--s02 .ees-kpi {
  padding-inline: 0.4cqw;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  color: #fff;
  font-family: var(--font-report-body);
  font-size: var(--s02-pt-10);
  font-weight: 700;
  line-height: 1.12;
  text-align: center;
}

.integration-segment--s02 .ees-kpi--production {
  background: var(--s02-blue);
}

.integration-segment--s02 .ees-kpi--consumption {
  background: #f18952;
}

.integration-segment--s02 .ees-kpi > [data-source-key]:first-child {
  display: block;
  flex-basis: 100%;
  font-weight: 900;
  text-transform: uppercase;
}

.integration-segment--s02 .ees-intro {
  align-content: center;
  line-height: 1.2;
}

.integration-segment--s02 .ees-intro > [data-source-key]:first-child {
  font-weight: 700;
}

.integration-segment--s02 .map-scroll,
.integration-segment--s02 .map-stage {
  min-width: 0;
  width: 100%;
  height: 100%;
}

.integration-segment--s02 .map-scroll {
  overflow: visible;
}

.integration-segment--s02 .map-stage {
  margin: 0;
  position: relative;
}

.integration-segment--s02 .map-base {
  width: 86.974133%;
  height: 81.940845%;
  position: absolute;
  left: 7.253784%;
  top: 5.526761%;
  z-index: 1;
  display: block;
}

.integration-segment--s02 .map-arrows {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 4;
  display: block;
  pointer-events: none;
}

.integration-segment--s02 .map-label {
  min-width: 0;
  position: absolute;
  left: var(--mx);
  top: var(--my);
  width: var(--mw);
  height: var(--mh);
  z-index: 5;
  font-family: var(--font-report-body);
}

.integration-segment--s02 .map-country {
  display: grid;
  place-items: center;
  color: var(--s02-blue);
  font-size: var(--s02-pt-12);
  font-weight: 900;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.integration-segment--s02 .map-country--asia {
  font-size: var(--s02-pt-10);
  text-transform: none;
}

.integration-segment--s02 .map-callout {
  display: grid;
  place-content: center;
  border: max(1px, 0.168067cqw) solid var(--s02-orange);
  border-radius: 0.952941cqw;
  color: var(--s02-orange);
  background: #fff;
  font-size: var(--s02-pt-8);
  font-weight: 900;
  line-height: 1.2;
  text-align: center;
  white-space: pre-line;
}

.integration-segment--s02 .map-callout--west {
  font-weight: 700;
}

.integration-segment--s02 .map-callout [data-source-key] {
  white-space: pre-line;
}

.integration-segment--s02 .zone-plaque {
  display: grid;
  place-items: center;
  border-radius: 0 1.428571cqw 0 1.428571cqw;
  color: #fff;
  font-size: var(--s02-pt-10);
  font-weight: 900;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.integration-segment--s02 .zone-plaque--west {
  background: var(--s02-blue);
}

.integration-segment--s02 .zone-plaque--north {
  background: var(--s02-green);
}

.integration-segment--s02 .zone-plaque--south {
  background: var(--s02-orange);
}

.integration-segment--s02 .zone-stats {
  color: #000;
  font-size: var(--s02-pt-8);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.integration-segment--s02 .zone-stats [data-source-key] {
  display: block;
  white-space: nowrap;
}

.integration-segment--s02 .production-band-slot {
  width: min(100vw, 90rem);
  min-height: min(39.522cqw, 35.57rem);
  margin-block-start: clamp(4.5rem, 7cqw, 5.65rem);
  margin-inline-start: 50%;
  transform: translateX(-50%);
  background: var(--s02-band);
}

.integration-segment--s02 .production-band {
  width: 100%;
  height: 100%;
  position: relative;
}

.integration-segment--s02 .production-band__rail {
  width: min(calc(100% - 2rem), 80.5rem);
  height: 100%;
  min-height: inherit;
  margin-inline: auto;
  position: relative;
  container-type: inline-size;
}

.integration-segment--s02 .production-band__title {
  position: absolute;
  left: 5.202798%;
  top: 17.039272%;
  color: var(--s02-ink);
  font-family: var(--font-report-body);
  font-size: var(--s02-pt-12);
  font-weight: 400;
  line-height: 1.1;
  white-space: nowrap;
}

.integration-segment--s02 .production-band__title-strong {
  color: var(--s02-blue);
  font-weight: 900;
}

.integration-segment--s02 .production-table-scroll {
  width: 89.593398%;
  height: 60%;
  position: absolute;
  left: 5.202798%;
  top: 32.672560%;
  overflow: visible;
}

.integration-segment--s02 .production-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3.225457%;
}

.integration-segment--s02 .production-zone {
  min-width: 0;
}

.integration-segment--s02 .production-zone h4 {
  height: 3.333333cqw;
  display: flex;
  align-items: center;
  color: var(--s02-blue);
  font-family: var(--font-report-body);
  font-size: var(--s02-pt-9);
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.integration-segment--s02 .production-zone--kz h4 {
  color: var(--s02-orange);
}

.integration-segment--s02 .production-zone table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--s02-ink);
  font-family: var(--font-report-body);
  font-size: var(--s02-pt-9);
  line-height: 1;
  font-variant-numeric: tabular-nums lining-nums;
}

.integration-segment--s02 .production-zone tr {
  height: 3.039496cqw;
}

.integration-segment--s02 .production-zone th,
.integration-segment--s02 .production-zone td {
  padding: 0 0.42cqw;
  border-block-end: max(1px, 0.084034cqw) solid var(--s02-blue);
  vertical-align: middle;
}

.integration-segment--s02 .production-zone tr:first-child th,
.integration-segment--s02 .production-zone tr:first-child td {
  border-block-start: max(2px, 0.336134cqw) solid var(--s02-blue);
}

.integration-segment--s02 .production-zone th {
  width: 51%;
  font-weight: 700;
  text-align: left;
}

.integration-segment--s02 .production-zone td {
  width: 49%;
  font-weight: 400;
  text-align: right;
}

.integration-segment--s02 .production-zone--kz th,
.integration-segment--s02 .production-zone--kz td {
  border-block-end-color: var(--s02-orange);
}

.integration-segment--s02 .production-zone--kz tr:first-child th,
.integration-segment--s02 .production-zone--kz tr:first-child td {
  border-block-start-color: var(--s02-orange);
}

@media (max-width: 56.25rem) {
  .integration-segment--s02 .s02-segment {
    padding-block: 2rem 4rem;
    gap: 5rem;
  }

  .integration-segment--s02 .s02-page {
    width: min(calc(100% - 2rem), 46rem);
    position: static;
    aspect-ratio: auto;
    container-type: normal;
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }

  .integration-segment--s02 .balance-layout {
    margin-block-start: 0;
    position: static;
  }

  .integration-segment--s02 .balance-story {
    column-count: auto;
  }

  .integration-segment--s02 .balance-story__bridge > [data-source-key],
.integration-segment--s02 .balance-story__start,
.integration-segment--s02 .balance-story__continuation {
    display: inline;
  }

  .integration-segment--s02 .balance-story__start {
    text-align-last: auto;
  }

  .integration-segment--s02 .balance-story__continuation {
    break-before: auto;
    padding-block-start: 0;
  }

  .integration-segment--s02 .balance-kpi {
    width: 100%;
    margin-block-start: 0.75rem;
    position: static;
  }

  .integration-segment--s02 .chart-pair {
    width: 100%;
    margin-block-start: 0;
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .integration-segment--s02 .ees-top {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .integration-segment--s02 .s02-page--ees > .s02-heading,
.integration-segment--s02 .map-slot,
.integration-segment--s02 .production-band-slot {
    margin-block-start: 0;
    margin-block-end: 0;
  }

  .integration-segment--s02 .source-box {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
  }

  .integration-segment--s02 .s02-heading__text {
    font-size: clamp(1.75rem, 7vw, 2.4rem);
    line-height: 1.05;
    white-space: normal;
  }

  .integration-segment--s02 .balance-story,
.integration-segment--s02 .balance-kpi__label,
.integration-segment--s02 .ees-intro {
    font-size: 1rem;
    line-height: 1.45;
  }

  .integration-segment--s02 .balance-story p {
    margin-block-end: 1rem;
  }

  .integration-segment--s02 .balance-story {
    text-align: left;
    hyphens: none;
  }

  .integration-segment--s02 .balance-kpi {
    display: grid;
    gap: 0.75rem;
  }

  .integration-segment--s02 .balance-kpi__value {
    gap: 0.5rem;
  }

  .integration-segment--s02 .balance-kpi__number {
    font-size: clamp(3rem, 13vw, 4.8rem);
  }

  .integration-segment--s02 .balance-kpi__unit {
    font-size: clamp(1.5rem, 6.5vw, 2.4rem);
  }

  .integration-segment--s02 .balance-kpi__rule {
    width: 100%;
    height: 2px !important;
    position: relative;
  }

  .integration-segment--s02 .balance-kpi__rule::after {
    width: 0.5rem;
    inset-inline-end: -0.1rem;
  }

  .integration-segment--s02 .chart-slot {
    width: min(100%, 39rem);
    margin-inline: 0 auto;
  }

  .integration-segment--s02 .chart-composition {
    aspect-ratio: 235.28 / 222.21;
  }

  .integration-segment--s02 .chart-composition h3 {
    font-size: clamp(0.9rem, 2.6vw, 1.1rem);
  }

  .integration-segment--s02 .chart-label {
    font-size: clamp(0.85rem, 2.8vw, 1.05rem);
  }

  .integration-segment--s02 .ees-kpi {
    min-height: 5rem;
    padding: 0.75rem 1rem;
    font-size: 1rem;
  }

  .integration-segment--s02 .ees-intro {
    padding-block: 0.25rem;
  }

  .integration-segment--s02 .map-slot {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .integration-segment--s02 .map-scroll {
    width: 100%;
    max-width: 100%;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
  }

  .integration-segment--s02 .map-stage {
    width: 42.5rem;
    min-width: 42.5rem;
    height: auto;
    aspect-ratio: 595.2755905512 / 355;
  }

  .integration-segment--s02 .map-country {
    font-size: 0.9rem;
  }

  .integration-segment--s02 .map-country--asia,
.integration-segment--s02 .zone-plaque {
    font-size: 0.76rem;
  }

  .integration-segment--s02 .map-callout,
.integration-segment--s02 .zone-stats {
    font-size: 0.66rem;
  }

  .integration-segment--s02 .map-callout {
    border-width: 1.5px;
    border-radius: 0.42rem;
  }

  .integration-segment--s02 .zone-plaque {
    border-radius: 0 0.65rem 0 0.65rem;
  }

  .integration-segment--s02 .production-band-slot {
    width: min(100vw, 90rem);
    max-width: 100vw;
    min-height: 0;
    margin-inline-start: 50%;
    transform: translateX(-50%);
    overflow: hidden;
  }

  .integration-segment--s02 .production-band__rail {
    width: min(calc(100% - 2rem), 46rem);
    min-height: 0;
  }

  .integration-segment--s02 .production-band {
    height: auto;
    padding: 2rem 1.25rem 1.5rem;
  }

  .integration-segment--s02 .production-band__title,
.integration-segment--s02 .production-table-scroll {
    position: static;
    width: auto;
    height: auto;
  }

  .integration-segment--s02 .production-band__title {
    margin-block-end: 1.5rem !important;
    font-size: 1.15rem;
    white-space: normal;
  }

  .integration-segment--s02 .production-table-scroll {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
  }

  .integration-segment--s02 .production-columns {
    width: 42.5rem;
    min-width: 42.5rem;
    gap: 1rem;
  }

  .integration-segment--s02 .production-zone h4 {
    height: 2rem;
    font-size: 0.84rem;
  }

  .integration-segment--s02 .production-zone table {
    font-size: 0.84rem;
  }

  .integration-segment--s02 .production-zone tr {
    height: 2.25rem;
  }

  .integration-segment--s02 .production-zone th,
.integration-segment--s02 .production-zone td {
    padding-inline: 0.25rem;
    border-block-end-width: 1px;
  }

  .integration-segment--s02 .production-zone tr:first-child th,
.integration-segment--s02 .production-zone tr:first-child td {
    border-block-start-width: 2px;
  }
}

@media (max-width: 30rem) {
  .integration-segment--s02 .s02-page {
    width: min(calc(100% - 1.5rem), 46rem);
  }

  .integration-segment--s02 .production-band__rail {
    width: min(calc(100% - 1.5rem), 46rem);
  }

  .integration-segment--s02 .balance-kpi__value {
    align-items: flex-end;
    flex-wrap: wrap;
  }

  .integration-segment--s02 .balance-kpi__number {
    font-size: 3rem;
  }

  .integration-segment--s02 .balance-kpi__unit {
    font-size: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .integration-segment--s02 .s02-segment *,
.integration-segment--s02 .s02-segment *::before,
.integration-segment--s02 .s02-segment *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}


/* S03 accepted revision CSS, integration-scoped. */
.integration-segment--s03 .s03-preview-body {
  min-width: 320px;
  overflow-x: hidden;
  background: #ffffff;
}

.integration-segment--s03 .s03-preview-body .s03-market {
  inset-inline-start: 0;
  margin-inline: auto;
  transform: none;
}

.integration-segment--s03 .s03-market {
  --s03-blue: #184d98;
  --s03-orange: #e94e0f;
  --s03-pale-blue: #b7ced8;
  --s03-light: #f3f7fd;
  --s03-text: #3c3c3b;
  --s03-body-size: clamp(16px, 1.65vw, 23.64px);
  --s03-h3-size: clamp(24px, 2.55vw, 36.77px);
  --s03-figure-size: clamp(30px, 3.28vw, 47.28px);
  --s03-graph-size: clamp(18px, 1.83vw, 26.27px);
  --s03-unit-size: clamp(14px, 1.46vw, 21.01px);
  padding-block: clamp(40px, 4.4vw, 64px) clamp(64px, 8vw, 116px);
  color: var(--s03-text);
  background: #ffffff;
  font-family: var(--font-report-body);
  font-size: var(--s03-body-size);
  line-height: 1.35;
  overflow-x: clip;
}

.integration-segment--s03 .s03-market,
.integration-segment--s03 .s03-market *,
.integration-segment--s03 .s03-market *::before,
.integration-segment--s03 .s03-market *::after {
  box-sizing: border-box;
}

.integration-segment--s03 .s03-market__flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.integration-segment--s03 .s03-market__diagram-row {
  --s03-body-size: var(--approved-type-body-size);
  --s03-graph-size: var(--approved-type-body-size);
  --s03-unit-size: var(--approved-type-footnote-size);
  margin-top: clamp(36px, 3.8vw, 56px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(32px, 4vw, 58px);
  align-items: start;
}

.integration-segment--s03 .s03-market__intro,
.integration-segment--s03 .s03-market__diagram-section,
.integration-segment--s03 .s03-market__table-section,
.integration-segment--s03 .s03-market__advantages,
.integration-segment--s03 .s03-market__challenges {
  min-width: 0;
}

.integration-segment--s03 .s03-market__heading,
.integration-segment--s03 .s03-market__visual-title,
.integration-segment--s03 .s03-market__list-title,
.integration-segment--s03 .s03-market__body,
.integration-segment--s03 .s03-market-share,
.integration-segment--s03 .s03-producer-share,
.integration-segment--s03 .s03-market__bullet-list {
  margin: 0;
}

.integration-segment--s03 .s03-market__heading {
  color: var(--s03-blue);
  font-family: var(--font-report-display);
  font-size: var(--s03-h3-size);
  font-weight: 700;
  line-height: 1.08;
}

.integration-segment--s03 .s03-market__heading + .s03-market__heading {
  margin-top: clamp(18px, 1.5vw, 24px);
}

.integration-segment--s03 .s03-market__body {
  max-width: 100%;
  margin-top: clamp(12px, 1vw, 16px);
  font-size: var(--s03-body-size);
  font-weight: 400;
  line-height: 1.35;
}

.integration-segment--s03 .s03-market__diagram-row .s03-market__diagram-section {
  min-width: 0;
  margin-top: 0;
}

.integration-segment--s03 .s03-market__diagram-section:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 4px;
}

.integration-segment--s03 .s03-market__visual-title {
  color: var(--s03-blue);
  font-family: var(--font-report-body);
  font-size: var(--s03-body-size);
  font-weight: 700;
  line-height: 1.2;
}

.integration-segment--s03 .s03-market-share {
  position: relative;
  width: 100%;
  aspect-ratio: 490.394 / 248;
  margin-top: clamp(14px, 1.2vw, 18px);
}

.integration-segment--s03 .s03-market-share__geometry {
  position: absolute;
  top: 15.571%;
  left: -2.352%;
  width: 102.352%;
  height: 84.429%;
  display: block;
}

.integration-segment--s03 .s03-market-share__value,
.integration-segment--s03 .s03-market-share__legend,
.integration-segment--s03 .s03-market-share__column-label {
  position: absolute;
  z-index: 1;
}

.integration-segment--s03 .s03-market-share__value {
  top: 0;
  width: 14.451%;
  color: var(--s03-text);
  font-family: var(--font-report-display);
  font-size: var(--s03-figure-size);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.integration-segment--s03 .s03-market-share__value--other { left: 0; }
.integration-segment--s03 .s03-market-share__value--samruk { left: 35.259%; }

.integration-segment--s03 .s03-market-share__legend {
  left: 19.363%;
  width: 14.451%;
  font-family: var(--font-report-display);
  font-size: var(--s03-graph-size);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.integration-segment--s03 .s03-market-share__legend--generation { top: 60.606%; }
.integration-segment--s03 .s03-market-share__legend--share { top: 66.324%; }

.integration-segment--s03 .s03-market-share__column-label {
  left: 85.549%;
  display: grid;
  justify-items: start;
  color: var(--s03-text);
  font-family: var(--font-report-display);
  line-height: 1;
  white-space: nowrap;
}

.integration-segment--s03 .s03-market-share__column-label strong {
  font-size: var(--s03-graph-size);
  font-weight: 700;
}

.integration-segment--s03 .s03-market-share__column-label small {
  margin-top: 0.24em;
  font-size: var(--s03-unit-size);
  font-weight: 700;
}

.integration-segment--s03 .s03-market-share__column-label--renewable { top: 32.955%; }
.integration-segment--s03 .s03-market-share__column-label--thermal { top: 60.606%; }

.integration-segment--s03 .s03-market-share__accessible,
.integration-segment--s03 .s03-producer-share__accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.integration-segment--s03 .s03-producer-share {
  
  --s03-producer-row-1: 10.130%;
  --s03-producer-row-2: 22.350%;
  --s03-producer-row-3: 33.620%;
  --s03-producer-row-4: 46.116%;
  --s03-producer-row-5: 57.818%;
  --s03-producer-row-6: 69.751%;
  --s03-producer-row-7: 81.704%;
  --s03-producer-row-8: 93.910%;
  position: relative;
  width: 100%;
  aspect-ratio: 490.394 / 248;
  margin-top: clamp(14px, 1.2vw, 18px);
  overflow: visible;
}

.integration-segment--s03 .s03-producer-share__geometry {
  position: absolute;
  left: 0;
  top: 10.130%;
  width: 56.727%;
  height: 83.780%;
  display: block;
  overflow: visible;
}

.integration-segment--s03 .s03-producer-share__series {
  position: absolute;
  left: 59.306%;
  top: 0;
  width: 29.461%;
  height: 100%;
  display: grid;
  grid-template-columns: 17.647% minmax(0, 1fr);
}

.integration-segment--s03 .s03-producer-share__percentages,
.integration-segment--s03 .s03-producer-share__labels {
  position: relative;
  min-width: 0;
  height: 100%;
  color: var(--s03-blue);
  font-family: var(--font-report-body);
  font-size: var(--s03-body-size);
  line-height: 1.08;
}

.integration-segment--s03 .s03-producer-share__percentages strong,
.integration-segment--s03 .s03-producer-share__labels span {
  position: absolute;
  inset-inline: 0;
  top: var(--s03-producer-row-y);
  display: block;
  transform: translateY(-50%);
}

.integration-segment--s03 .s03-producer-share__percentages strong:nth-child(1),
.integration-segment--s03 .s03-producer-share__labels span:nth-child(1) { --s03-producer-row-y: var(--s03-producer-row-1); }
.integration-segment--s03 .s03-producer-share__percentages strong:nth-child(2),
.integration-segment--s03 .s03-producer-share__labels span:nth-child(2) { --s03-producer-row-y: var(--s03-producer-row-2); }
.integration-segment--s03 .s03-producer-share__percentages strong:nth-child(3),
.integration-segment--s03 .s03-producer-share__labels span:nth-child(3) { --s03-producer-row-y: var(--s03-producer-row-3); }
.integration-segment--s03 .s03-producer-share__percentages strong:nth-child(4),
.integration-segment--s03 .s03-producer-share__labels span:nth-child(4) { --s03-producer-row-y: var(--s03-producer-row-4); }
.integration-segment--s03 .s03-producer-share__percentages strong:nth-child(5),
.integration-segment--s03 .s03-producer-share__labels span:nth-child(5) { --s03-producer-row-y: var(--s03-producer-row-5); }
.integration-segment--s03 .s03-producer-share__percentages strong:nth-child(6),
.integration-segment--s03 .s03-producer-share__labels span:nth-child(6) { --s03-producer-row-y: var(--s03-producer-row-6); }
.integration-segment--s03 .s03-producer-share__percentages strong:nth-child(7),
.integration-segment--s03 .s03-producer-share__labels span:nth-child(7) { --s03-producer-row-y: var(--s03-producer-row-7); }
.integration-segment--s03 .s03-producer-share__percentages strong:nth-child(8),
.integration-segment--s03 .s03-producer-share__labels span:nth-child(8) { --s03-producer-row-y: var(--s03-producer-row-8); }

.integration-segment--s03 .s03-producer-share__percentages strong {
  color: var(--s03-blue);
  font-weight: 900;
  white-space: nowrap;
}

.integration-segment--s03 .s03-producer-share__labels span {
  padding-left: 0.2em;
  font-weight: 500;
  white-space: nowrap;
}

.integration-segment--s03 .s03-market__diagram-row + .s03-market__table-section {
  margin-top: clamp(76px, 7.5vw, 108px);
}

@media (max-width: 960px) {
  .integration-segment--s03 .s03-market__diagram-row {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(52px, 7vw, 76px);
  }
}

.integration-segment--s03 .s03-market__table-scroll {
  max-width: 100%;
  margin-top: clamp(14px, 1.35vw, 20px);
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: auto;
}

.integration-segment--s03 .s03-market__table-scroll:focus-visible {
  outline: 3px solid #005fcc;
  outline-offset: 4px;
}

.integration-segment--s03 .s03-market__table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--s03-text);
  font-family: var(--font-report-body);
  font-size: var(--s03-body-size);
  line-height: 1.2;
}

.integration-segment--s03 .s03-market__table col:first-child { width: 53.76%; }
.integration-segment--s03 .s03-market__table col:not(:first-child) { width: 15.413%; }
.integration-segment--s03 .s03-market__table--thermal col:first-child { width: 53.76%; }
.integration-segment--s03 .s03-market__table--thermal col:not(:first-child) { width: 23.12%; }

/* The production table has three short year columns and should fit ordinary
   viewports before the local overflow fallback becomes necessary. */
.integration-segment--s03 .s03-market__table--production {
  min-width: 620px;
}

.integration-segment--s03 .s03-market__table--production col:first-child { width: 48%; }
.integration-segment--s03 .s03-market__table--production col:not(:first-child) { width: 17.333%; }
.integration-segment--s03 .s03-market__table--production .s03-market__nowrap { white-space: normal; }
.integration-segment--s03 .s03-market__table--production tbody td:last-child { font-weight: 700; }

/* Current reporting period: keep the factual 2025 column consistently
   emphasized without catching delta or multi-year tariff-period columns. */
.market-review-rebuild-owner .s03-market__table--production tr > :nth-child(4),
.market-review-rebuild-owner .s03-market__table--thermal tr > :nth-child(3),
.market-review-rebuild-owner .s04-table tr:not(.s04-table__group-row) > :nth-child(3),
.market-review-rebuild-owner .s06__table tr > :nth-child(4),
.market-review-rebuild-owner .source-table .current-period,
.market-review-rebuild-owner table[data-source-table-id="u64edi6502"] tr > :nth-child(5),
.market-review-rebuild-owner .mr-s05-cell--current,
.market-review-rebuild-owner .s09-table__current {
  font-weight: 700 !important;
}

.integration-segment--s03 .s03-market__table th,
.integration-segment--s03 .s03-market__table td {
  padding: clamp(12px, 1.2vw, 17px) clamp(14px, 1.2vw, 16px);
  border: 0;
  border-bottom: 1px solid var(--s03-blue);
  vertical-align: middle;
}

.integration-segment--s03 .s03-market__table thead th {
  padding-block: clamp(18px, 1.55vw, 22px);
  border-bottom: 0;
  color: #ffffff;
  background: var(--s03-blue);
  font-weight: 700;
  text-align: center;
}

.integration-segment--s03 .s03-market__table thead th:first-child,
.integration-segment--s03 .s03-market__table tbody th {
  text-align: left;
}

.integration-segment--s03 .s03-market__table tbody th {
  font-weight: 400;
}

.integration-segment--s03 .s03-market__table tbody td {
  text-align: center;
}

.integration-segment--s03 .s03-market__table thead th:last-child,
.integration-segment--s03 .s03-market__table tbody td:last-child {
  background: var(--s03-light);
}

.integration-segment--s03 .s03-market__table thead th:last-child {
  background: var(--s03-blue);
}

.integration-segment--s03 .s03-market__table tbody td:last-child {
  font-weight: 700;
}

.integration-segment--s03 .s03-market__table tbody tr:last-child > * {
  border-bottom-width: 4px;
}

.integration-segment--s03 .s03-market__nowrap { white-space: nowrap; }

.integration-segment--s03 .s03-market__advantages {
  margin-top: clamp(40px, 3.1vw, 44px);
  padding-inline: clamp(24px, 2.65vw, 34px);
}

.integration-segment--s03 .s03-market__list-title {
  color: var(--s03-text);
  font-family: var(--font-report-body);
  font-size: var(--s03-body-size);
  font-weight: 700;
  line-height: 1.35;
}

.integration-segment--s03 .s03-market__bullet-list.report-bullet-list {
  --report-bullet-marker-gap: 1.25em;
  --report-bullet-item-gap: 0.708661em;
  margin-top: 0.65em;
  color: var(--s03-text);
}

.integration-segment--s03 .s03-market__challenges {
  margin-top: clamp(24px, 2.2vw, 32px);
  padding: clamp(38px, 4.7vw, 64px) clamp(24px, 2.65vw, 34px) clamp(44px, 5.2vw, 70px);
  background: var(--s03-light);
  border-radius: 0 clamp(28px, 3.7vw, 50px) 0 clamp(28px, 3.7vw, 50px);
}

.integration-segment--s03 .s03-market__challenges + .s03-market__table-section {
  margin-top: clamp(54px, 4.3vw, 62px);
}

@media (max-width: 760px) {
  .integration-segment--s03 .s03-market-share,
.integration-segment--s03 .s03-producer-share {
    width: 760px;
  }

  .integration-segment--s03 .s03-market__diagram-section {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-gutter: stable;
  }

  .integration-segment--s03 .s03-market__diagram-section:focus-within {
    outline: 3px solid #005fcc;
    outline-offset: 4px;
  }

  .integration-segment--s03 .s03-market__table { min-width: 760px; }
  .integration-segment--s03 .s03-market__table--production { min-width: 620px; }
}

@media (max-width: 520px) {
  .integration-segment--s03 .s03-market__challenges {
    padding-inline: 28px;
    border-radius: 0 30px 0 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .integration-segment--s03 .s03-market *,
.integration-segment--s03 .s03-market *::before,
.integration-segment--s03 .s03-market *::after {
    scroll-behavior: auto !important;
  }
}


/* S04 accepted revision CSS, integration-scoped. */
.integration-segment--s04 {
  background: #fff;
}

.integration-segment--s04 {
  margin: 0;
  overflow-x: hidden;
  background: #fff;
}

.integration-segment--s04 .s04-owner {
  --s04-blue: #184d98;
  --s04-orange: #e94e0f;
  --s04-ink: #3c3c3b;
  --s04-blue-line: #7394c0;
  --s04-pale: #f0f4f8;
  min-height: 100vh;
  color: var(--s04-ink);
  background: #fff;
  font-family: var(--type-body-family, var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif));
  font-size: var(--type-body-size, 1rem);
  font-weight: var(--type-body-weight, 400);
  line-height: var(--type-body-leading, 1.55);
  font-synthesis: none;
}

.integration-segment--s04 .s04-spread {
  box-sizing: border-box;
  padding-block: clamp(36px, 4vw, 58px);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: clamp(52px, 5.55vw, 80px);
  align-items: start;
}

.integration-segment--s04 .s04-page,
.integration-segment--s04 .s04-copy-column,
.integration-segment--s04 .s04-chart,
.integration-segment--s04 .s04-chart__viewport,
.integration-segment--s04 .s04-table-region {
  min-width: 0;
}

.integration-segment--s04 .s04-page {
  display: flow-root;
}

.integration-segment--s04 .s04-page p,
.integration-segment--s04 .s04-page h2,
.integration-segment--s04 .s04-page h3,
.integration-segment--s04 .s04-page figure {
  margin: 0;
}

.integration-segment--s04 .s04-page p + p {
  margin-top: 0.7em;
}

.integration-segment--s04 .s04-page h3 {
  margin: 0 0 0.62em;
  color: var(--s04-blue);
  font-family: var(--type-subsection-heading-family, var(--font-report-display, "Samruk Energy Good Pro", Arial, sans-serif));
  font-size: var(--type-subsection-heading-size, 1.5rem);
  font-weight: var(--type-subsection-heading-weight, 700);
  line-height: var(--type-subsection-heading-leading, 1.08);
  letter-spacing: 0;
}

.integration-segment--s04 .s04-page p + h3,
.integration-segment--s04 .s04-page .s04-bullets + h3,
.integration-segment--s04 .s04-page .s04-formula + h3 {
  margin-top: 0.9em;
}

.integration-segment--s04 .s04-page .s04-subheading--heat-release {
  margin-top: clamp(32px, 3vw, 44px);
}

.integration-segment--s04 .s04-copy-grid,
.integration-segment--s04 .s04-top-grid,
.integration-segment--s04 .s04-loss-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: clamp(28px, 2.8vw, 40px);
  align-items: start;
}

.integration-segment--s04 .s04-copy-column {
  width: 100%;
  max-width: none;
}

.integration-segment--s04 .s04-copy-grid--generation {
  margin-top: clamp(40px, 4.15vw, 60px);
}

.integration-segment--s04 .s04-page .s04-chart--heat {
  margin-top: clamp(64px, 6vw, 88px);
}

.integration-segment--s04 .s04-loss-grid {
  margin-top: clamp(40px, 4.15vw, 60px);
}

.integration-segment--s04 .s04-top-grid {
  row-gap: clamp(52px, 5.55vw, 80px);
}

.integration-segment--s04 .s04-chart__viewport,
.integration-segment--s04 .s04-table-region {
  max-width: 100%;
  overflow-y: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--s04-blue-line) transparent;
}

.integration-segment--s04 .s04-chart__viewport {
  overflow-x: hidden;
}

.integration-segment--s04 .s04-table-region {
  overflow-x: auto;
}

.integration-segment--s04 .s04-chart__viewport:focus-visible,
.integration-segment--s04 .s04-table-region:focus-visible {
  outline: 3px solid var(--s04-orange);
  outline-offset: 4px;
}

.integration-segment--s04 .s04-chart__canvas {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}

.integration-segment--s04 .s04-chart__outside-title {
  margin: 0 0 clamp(14px, 1.35vw, 20px);
  color: var(--s04-blue);
}

.integration-segment--s04 .s04-chart--generation .s04-chart__canvas {
  width: min(100%, 1100px);
  max-width: 1100px;
}

.integration-segment--s04 .s04-chart--transmission .s04-chart__viewport {
  width: min(100%, 760px);
  margin-inline: 0;
}

.integration-segment--s04 .s04-chart--heat .s04-chart__canvas {
  width: min(100%, 1040px);
  max-width: 1040px;
}

.integration-segment--s04 .s04-chart__text {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: visible;
  color: var(--s04-ink);
  font-family: var(--font-report-display, "Samruk Energy Good Pro", Arial, sans-serif);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.05;
  font-synthesis: none;
  font-variant-numeric: tabular-nums lining-nums;
}

.integration-segment--s04 .s04-chart__title {
  padding: 0;
  display: flex;
  align-items: center;
  color: var(--s04-blue);
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.15;
  text-align: left;
}

.integration-segment--s04 .s04-chart__value--vertical {
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  transform-origin: center;
  white-space: nowrap;
}

.integration-segment--s04 .s04-chart__category {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: var(--s04-ink);
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
  font-size: 8px;
  font-weight: 700;
  line-height: 1.08;
  text-align: center;
  overflow-wrap: anywhere;
}

.integration-segment--s04 .s04-chart__legend {
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  align-items: center;
  color: var(--s04-ink);
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
  font-size: 8px;
  font-weight: 700;
  line-height: 1;
  text-align: left;
}

.integration-segment--s04 .s04-chart__heat-label,
.integration-segment--s04 .s04-chart__heat-value,
.integration-segment--s04 .s04-chart__network-value,
.integration-segment--s04 .s04-chart__network-loss,
.integration-segment--s04 .s04-chart__network-year {
  display: flex;
  align-items: center;
}

.integration-segment--s04 .s04-chart__heat-label,
.integration-segment--s04 .s04-chart__heat-value {
  justify-content: flex-start;
  text-align: left;
}

.integration-segment--s04 .s04-chart__network-value,
.integration-segment--s04 .s04-chart__network-loss,
.integration-segment--s04 .s04-chart__network-year {
  justify-content: center;
  text-align: center;
}

.integration-segment--s04 .s04-chart__network-loss {
  color: #fff;
}

.integration-segment--s04 .s04-chart__network-year {
  color: var(--s04-blue);
}

.integration-segment--s04 .s04-chart__title--transmission {
  display: block;
  padding-top: 2px;
}

.integration-segment--s04 .s04-chart__title--transmission span {
  display: inline;
}

.integration-segment--s04 .s04-bullets.report-bullet-list {
  --report-bullet-marker-gap: 1.25em;
  --report-bullet-item-gap: 0.708661em;
  color: var(--s04-ink);
}

.integration-segment--s04 .s04-copy-column > .s04-bullets {
  margin-top: 0.8em;
}

.integration-segment--s04 .s04-formula {
  margin-top: 1em !important;
}

.integration-segment--s04 .s04-table-region {
  margin-top: clamp(18px, 1.65vw, 24px);
}

.integration-segment--s04 .s04-table {
  width: 100%;
  border-collapse: collapse;
  border-block-end: 3px solid var(--s04-blue);
  color: var(--s04-ink);
  background: #fff;
  font-family: var(--type-table-body-family, var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif));
  font-size: var(--type-table-body-size, 1rem);
  font-weight: var(--type-table-body-weight, 400);
  line-height: var(--type-table-body-leading, 1.35);
  font-variant-numeric: tabular-nums lining-nums;
}

.integration-segment--s04 .s04-table col:not(.s04-table__name-col) {
  width: 15.39%;
}

.integration-segment--s04 .s04-table__name-col {
  width: 38.44%;
}

.integration-segment--s04 .s04-table th,
.integration-segment--s04 .s04-table td {
  box-sizing: border-box;
  padding: 5px 8px;
  border-block-end: 1px solid var(--s04-blue-line);
  text-align: center;
  vertical-align: middle;
}

.integration-segment--s04 .s04-table th:first-child,
.integration-segment--s04 .s04-table td:first-child {
  text-align: left;
}

.integration-segment--s04 .s04-table thead th {
  color: #fff;
  background: var(--s04-blue);
  font-family: var(--type-table-header-family, var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif));
  font-size: var(--type-table-header-size, 1rem);
  font-weight: var(--type-table-header-weight, 700);
  line-height: var(--type-table-header-leading, 1.25);
}

.integration-segment--s04 .s04-table__group-row th {
  padding-block: 7px;
  color: var(--s04-ink);
  background: var(--s04-pale);
  font-weight: 700 !important;
  text-align: center !important;
}

.integration-segment--s04 .s04-table__strong-row th,
.integration-segment--s04 .s04-table__strong-row td {
  font-weight: 700 !important;
}

.integration-segment--s04 .s04-table__strong-row td:last-child,
.integration-segment--s04 .s04-table__percent {
  background: var(--s04-pale);
  font-weight: 700 !important;
}

.integration-segment--s04 .s04-table__bullet-list.report-bullet-list {
  --report-bullet-marker-gap: 0.7em;
  --report-bullet-item-gap: 0;
}

.integration-segment--s04 .s04-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 680px) {
  .integration-segment--s04 .s04-spread {
    padding-block: 28px 48px;
    row-gap: 56px;
  }

  .integration-segment--s04 .s04-copy-grid,
.integration-segment--s04 .s04-top-grid,
.integration-segment--s04 .s04-loss-grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 28px;
  }

  .integration-segment--s04 .s04-copy-grid--generation,
.integration-segment--s04 .s04-loss-grid {
    margin-top: 36px;
  }

  .integration-segment--s04 .s04-page .s04-chart--heat {
    margin-top: 52px;
  }

  .integration-segment--s04 .s04-chart--generation .s04-chart__canvas,
.integration-segment--s04 .s04-chart--heat .s04-chart__canvas {
    width: 720px;
    min-width: 720px;
  }

  .integration-segment--s04 .s04-chart--generation .s04-chart__viewport,
.integration-segment--s04 .s04-chart--heat .s04-chart__viewport {
    overflow-x: auto;
  }

  .integration-segment--s04 .s04-table {
    min-width: 620px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .integration-segment--s04 .s04-owner *,
.integration-segment--s04 .s04-owner *::before,
.integration-segment--s04 .s04-owner *::after {
    scroll-behavior: auto !important;
  }
}


/* S05 accepted revision CSS, integration-scoped. */
.integration-segment--s05 .mr-s05 {
  --s05-blue: #184d98;
  --s05-orange: #e94e0f;
  --s05-ink: #3c3c3b;
  --s05-pale-blue: #f3f7fd;
  --s05-blue-front: #6379b6;
  --s05-blue-side: #bdc2e2;
  --s05-blue-cap: #d3d6ec;
  --s05-orange-side: #f18952;
  --s05-orange-cap: #f9bf9c;
  --s05-body-size: clamp(0.875rem, 0.972vw, 1rem);
  --s05-h3-size: clamp(1.375rem, 1.51vw, 1.55rem);
  --s05-graph-size: clamp(0.972rem, 1.08vw, 1.125rem);
  min-height: 100vh;
  padding-block: clamp(3rem, 6vw, 6rem);
  color: var(--s05-ink);
  background: #fff;
  font-family: var(--font-report-body);
  font-size: var(--s05-body-size);
  line-height: 1.36;
}

.integration-segment--s05 .mr-s05.report-canvas {
  inset-inline-start: 0;
  width: 100%;
  transform: none;
}

.integration-segment--s05 .mr-s05 *,
.integration-segment--s05 .mr-s05 *::before,
.integration-segment--s05 .mr-s05 *::after {
  box-sizing: border-box;
}

.integration-segment--s05 .mr-s05__rail {
  display: grid;
  gap: 0;
  min-width: 0;
}

.integration-segment--s05 .mr-s05-h3,
.integration-segment--s05 .mr-s05-table-title,
.integration-segment--s05 .mr-s05-copy,
.integration-segment--s05 .mr-s05-photo,
.integration-segment--s05 .mr-s05-chart {
  margin: 0;
}

.integration-segment--s05 .mr-s05-h3 {
  color: var(--s05-blue);
  font-family: var(--font-report-display);
  font-size: var(--s05-h3-size);
  font-weight: 700;
  line-height: 1.08;
}

.integration-segment--s05 .mr-s05-copy {
  font-size: var(--s05-body-size);
  font-weight: 400;
  line-height: 1.36;
  text-align: justify;
  text-wrap: pretty;
}

.integration-segment--s05 .mr-s05-forecast .mr-s05-copy {
  margin-top: clamp(1.25rem, 2.2vw, 2rem);
}

.integration-segment--s05 .mr-s05-table-scroll {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-gutter: stable;
}

.integration-segment--s05 .mr-s05-forecast + .mr-s05-table-scroll {
  margin-top: clamp(1.25rem, 2vw, 1.8rem);
}

.integration-segment--s05 .mr-s05-table-scroll:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 4px;
}

.integration-segment--s05 .mr-s05-table {
  width: 100%;
  min-width: 50rem;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--s05-ink);
  font-family: var(--font-report-body);
  font-size: var(--s05-body-size);
  line-height: 1.23;
}

.integration-segment--s05 .mr-s05-table :where(th, td) {
  border: 0;
  border-bottom: 1px solid var(--s05-blue);
  padding: 0.62em 0.78em;
  text-align: left;
  vertical-align: middle;
}

.integration-segment--s05 .mr-s05-table thead th {
  padding-block: 0.85em;
  color: #fff;
  background: var(--s05-blue);
  font-weight: 700;
  line-height: 1.18;
}

.integration-segment--s05 .mr-s05-table tbody th {
  font-weight: 400;
}

.integration-segment--s05 .mr-s05-table td:not(:first-child),
.integration-segment--s05 .mr-s05-table thead th:not(:first-child) {
  text-align: center;
}

.integration-segment--s05 .mr-s05-table strong {
  font-weight: 700;
}

.integration-segment--s05 .mr-s05-table .mr-s05-cell--current {
  background: var(--s05-pale-blue);
}

.integration-segment--s05 .mr-s05-table thead .mr-s05-cell--current {
  background: var(--s05-blue);
}

.integration-segment--s05 .mr-s05-table tbody tr:last-child > * {
  border-bottom-width: 3px;
}

.integration-segment--s05 .mr-s05-row--total > * {
  font-weight: 700;
}

.integration-segment--s05 .mr-s05-col--reliability-label { width: 65.32%; }
.integration-segment--s05 .mr-s05-col--reliability-year { width: 17.34%; }
.integration-segment--s05 .mr-s05-col--production-name { width: 50%; }
.integration-segment--s05 .mr-s05-col--production-number { width: 16.6667%; }
.integration-segment--s05 .mr-s05-col--generation-name { width: 53.76%; }
.integration-segment--s05 .mr-s05-col--generation-number { width: 23.12%; }

.integration-segment--s05 .mr-s05-market-copy,
.integration-segment--s05 .mr-s05-chart-photo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2.5rem, 4.5vw, 5rem);
  align-items: start;
  min-width: 0;
}

.integration-segment--s05 .mr-s05-market-copy > *,
.integration-segment--s05 .mr-s05-chart-photo > *,
.integration-segment--s05 .mr-s05-narrative,
.integration-segment--s05 .mr-s05-res-copy,
.integration-segment--s05 .mr-s05-production {
  min-width: 0;
}

.integration-segment--s05 .mr-s05-narrative {
  margin-top: clamp(3.5rem, 6vw, 6rem);
}

.integration-segment--s05 .mr-s05-narrative,
.integration-segment--s05 .mr-s05-res-copy {
  display: grid;
  gap: clamp(1.15rem, 1.8vw, 1.65rem);
}

.integration-segment--s05 .mr-s05-bullets.report-bullet-list {
  --report-bullet-marker-gap: 1.25em;
  --report-bullet-item-gap: 0.7087em;
}

.integration-segment--s05 .mr-s05-h3--res {
  margin-top: clamp(0.8rem, 1.5vw, 1.4rem);
}

.integration-segment--s05 .mr-s05-nowrap {
  white-space: nowrap;
}

.integration-segment--s05 .mr-s05-chart {
  container-type: inline-size;
}

.integration-segment--s05 .mr-s05-chart--market {
  width: 100%;
  margin: 0;
}

.integration-segment--s05 .mr-s05-market-copy {
  margin-top: clamp(4rem, 7vw, 7rem);
}

.integration-segment--s05 .mr-s05-market-copy .mr-s05-res-copy {
  margin-top: 0;
  padding-top: calc(var(--s05-body-size) * 1.22 + clamp(1rem, 2vw, 1.6rem));
}

.integration-segment--s05 .mr-s05-table-title {
  color: var(--s05-blue);
  font-family: var(--font-report-body);
  font-size: var(--s05-body-size);
  font-weight: 700;
  line-height: 1.22;
}

.integration-segment--s05 .mr-s05-chart-stage {
  position: relative;
  width: 100%;
  margin-top: clamp(1rem, 2vw, 1.6rem);
  overflow: visible;
}

.integration-segment--s05 .mr-s05-chart-stage--market {
  aspect-ratio: 235.276 / 218.179;
}

.integration-segment--s05 .mr-s05-chart-stage--samruk {
  aspect-ratio: 235.276 / 236.577;
}

.integration-segment--s05 .mr-s05-series {
  position: absolute;
  inset-block: 0;
  inset-inline-start: var(--series-x);
  width: 0;
}

.integration-segment--s05 .mr-s05-chart-geometry {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.integration-segment--s05 .mr-s05-chart-face--cap { fill: var(--s05-blue-cap); }
.integration-segment--s05 .mr-s05-chart-face--side { fill: var(--s05-blue-side); }
.integration-segment--s05 .mr-s05-chart-face--front { fill: var(--s05-blue-front); }

.integration-segment--s05 .mr-s05-chart-geometry__leader,
.integration-segment--s05 .mr-s05-chart-geometry__leader-cap {
  stroke: var(--s05-blue-front);
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

.integration-segment--s05 .mr-s05-chart-geometry__dot {
  fill: var(--s05-blue-front);
}

.integration-segment--s05 .mr-s05-chart-geometry__series--current .mr-s05-chart-face--cap { fill: var(--s05-orange-cap); }
.integration-segment--s05 .mr-s05-chart-geometry__series--current .mr-s05-chart-face--side { fill: var(--s05-orange-side); }
.integration-segment--s05 .mr-s05-chart-geometry__series--current .mr-s05-chart-face--front,
.integration-segment--s05 .mr-s05-chart-geometry__series--current .mr-s05-chart-geometry__dot { fill: var(--s05-orange); }
.integration-segment--s05 .mr-s05-chart-geometry__series--current .mr-s05-chart-geometry__leader,
.integration-segment--s05 .mr-s05-chart-geometry__series--current .mr-s05-chart-geometry__leader-cap { stroke: var(--s05-orange); }

.integration-segment--s05 .mr-s05-chart-value,
.integration-segment--s05 .mr-s05-chart-year {
  position: absolute;
  z-index: 2;
  inset-inline-start: 0;
  width: 4.5em;
  color: var(--s05-ink);
  font-family: var(--font-report-display);
  font-size: var(--s05-graph-size);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  transform: translateX(-50%);
}

.integration-segment--s05 .mr-s05-chart-value {
  inset-block-start: var(--value-top);
}

.integration-segment--s05 .mr-s05-chart-year {
  inset-block-end: 0;
  height: 7.8%;
  color: var(--s05-blue);
  display: grid;
  place-items: center;
}

.integration-segment--s05 .mr-s05-chart-stage--samruk .mr-s05-chart-year {
  height: 7.19%;
}

.integration-segment--s05 .mr-s05-series--current .mr-s05-chart-year {
  color: var(--s05-orange);
}

.integration-segment--s05 .mr-s05-chart-photo {
  margin-top: clamp(4rem, 7vw, 7rem);
  align-items: stretch;
}

.integration-segment--s05 .mr-s05-photo {
  position: relative;
  align-self: stretch;
  min-height: 0;
  overflow: hidden;
  border-start-end-radius: clamp(1rem, 2vw, 1.75rem);
  border-end-start-radius: clamp(1rem, 2vw, 1.75rem);
  background: var(--s05-pale-blue);
}

.integration-segment--s05 .mr-s05-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 69.746%;
}

.integration-segment--s05 .mr-s05-production {
  margin-top: clamp(3.75rem, 6vw, 6.5rem);
}

.integration-segment--s05 .mr-s05-production .mr-s05-table-scroll {
  margin-top: clamp(1rem, 1.8vw, 1.5rem);
}

@media (max-width: 56.25rem) {
  .integration-segment--s05 .mr-s05-market-copy,
.integration-segment--s05 .mr-s05-chart-photo {
    grid-template-columns: minmax(0, 1fr);
  }

  .integration-segment--s05 .mr-s05-market-copy .mr-s05-res-copy {
    padding-top: 0;
  }

  .integration-segment--s05 .mr-s05-chart,
.integration-segment--s05 .mr-s05-photo {
    width: min(100%, 38rem);
    margin-inline: auto;
  }

  .integration-segment--s05 .mr-s05-photo {
    width: min(100%, 32rem);
    aspect-ratio: 235.276 / 273.622;
    height: auto;
  }
}

@media (max-width: 40rem) {
  .integration-segment--s05 .mr-s05 {
    --report-content-gutter: 1.5rem;
    padding-block: 2.75rem;
    line-height: 1.42;
  }

  .integration-segment--s05 .mr-s05-copy {
    line-height: 1.42;
    text-align: left;
  }

  .integration-segment--s05 .mr-s05-table {
    min-width: 44rem;
  }

  .integration-segment--s05 .mr-s05-table--production {
    min-width: 48rem;
  }

  .integration-segment--s05 .mr-s05-market-copy,
.integration-segment--s05 .mr-s05-chart-photo {
    gap: 3rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .integration-segment--s05 .mr-s05 *,
.integration-segment--s05 .mr-s05 *::before,
.integration-segment--s05 .mr-s05 *::after {
    scroll-behavior: auto !important;
  }
}


/* S06 accepted revision CSS, integration-scoped. */
.integration-segment--s06 {
  --s06-blue: #184c97;
  --s06-orange: #e84d0e;
  --s06-ink: #3c3c3b;
  --s06-pale-blue: #edf3fa;
  --s06-rule-blue: #abc0ca;
}

.integration-segment--s06 * {
  box-sizing: border-box;
}

.integration-segment--s06 {
  background: #fff;
  color: var(--s06-ink);
}

.integration-segment--s06.s06-preview {
  margin: 0;
  overflow-x: clip;
  background: #fff;
  font-family: var(--font-report-body);
}

.integration-segment--s06 .s06-skip-link {
  position: fixed;
  z-index: 10;
  inset: 10px auto auto 10px;
  padding: 10px 14px;
  transform: translateY(-160%);
  background: #fff;
  color: var(--s06-blue);
}

.integration-segment--s06 .s06-skip-link:focus {
  transform: translateY(0);
}

.integration-segment--s06 .s06 {
  padding-block: clamp(56px, 6vw, 88px) clamp(64px, 6vw, 92px);
}

.integration-segment--s06 .s06__flow {
  display: grid;
  gap: clamp(88px, 9vw, 132px);
}

.integration-segment--s06 .s06__section {
  min-width: 0;
}

.integration-segment--s06 .s06__heading,
.integration-segment--s06 .s06__visual-title,
.integration-segment--s06 .s06__table-title,
.integration-segment--s06 .sales-chart__title {
  margin: 0;
  color: var(--s06-blue);
}

.integration-segment--s06 .s06__heading {
  margin-bottom: clamp(34px, 3.5vw, 50px);
  font-family: var(--font-report-display);
  font-size: clamp(27px, 2.15vw, 31px);
  font-weight: 700;
  line-height: 1.08;
}

.integration-segment--s06 .s06__editorial-flow,
.integration-segment--s06 .s06__results-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(22px, 2.2vw, 32px);
}

.integration-segment--s06 .s06__editorial-flow,
.integration-segment--s06 .s06__results-flow,
.integration-segment--s06 .s06__stripping,
.integration-segment--s06 .s06__kpi-caption {
  font-size: clamp(17px, 1.35vw, 19.5px);
  line-height: 1.37;
}

.integration-segment--s06 .s06__editorial-flow p,
.integration-segment--s06 .s06__results-flow p,
.integration-segment--s06 .s06__stripping,
.integration-segment--s06 .s06__kpi-caption {
  margin: 0;
}

.integration-segment--s06 .s06__report-list.report-bullet-list {
  --report-bullet-marker-gap: 1.25em;
  --report-bullet-item-gap: .7em;
  margin: 1.05em 0 1.1em;
}

.integration-segment--s06 .s06__coal-copy {
  margin-bottom: clamp(52px, 5vw, 72px);
}

.integration-segment--s06 .s06__table-title,
.integration-segment--s06 .s06__visual-title,
.integration-segment--s06 .sales-chart__title {
  font-family: var(--font-report-body);
  font-size: clamp(17px, 1.32vw, 19px);
  font-weight: 700;
  line-height: 1.25;
}

.integration-segment--s06 .s06__table-title {
  margin-bottom: 18px;
}

.integration-segment--s06 .s06__table-scroll,
.integration-segment--s06 .s06__fixed-scroll {
  max-width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
  outline-offset: 6px;
}

.integration-segment--s06 .s06__table-scroll:focus-visible,
.integration-segment--s06 .s06__fixed-scroll:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--s06-orange) 75%, white);
}

.integration-segment--s06 .s06__table {
  width: 100%;
  min-width: 780px;
  border-collapse: collapse;
  table-layout: fixed;
  font-family: var(--font-report-body);
  font-size: clamp(16px, 1.3vw, 19px);
  line-height: 1.25;
}

.integration-segment--s06 .s06__table-label-col {
  width: 32.57%;
}

.integration-segment--s06 .s06__table th,
.integration-segment--s06 .s06__table td {
  height: clamp(54px, 5vw, 64px);
  padding: 12px 16px;
  border-bottom: 1px solid color-mix(in srgb, var(--s06-blue) 60%, white);
  text-align: center;
  vertical-align: middle;
}

.integration-segment--s06 .s06__table th:first-child,
.integration-segment--s06 .s06__table td:first-child {
  text-align: left;
}

.integration-segment--s06 .s06__table thead th {
  background: var(--s06-blue);
  color: #fff;
  font-weight: 700;
}

.integration-segment--s06 .s06__table tbody th {
  font-weight: 400;
}

.integration-segment--s06 .s06__table-delta {
  background: var(--s06-pale-blue);
}

.integration-segment--s06 .s06__table-total th,
.integration-segment--s06 .s06__table-total td {
  border-bottom: 4px solid var(--s06-blue);
  font-weight: 700;
}

.integration-segment--s06 .s06__visual-title {
  margin-bottom: clamp(28px, 3vw, 42px);
}

.integration-segment--s06 .coal-flow {
  position: relative;
  container-type: inline-size;
  width: max(100%, 620px);
  aspect-ratio: 490.394 / 184.252;
  margin: 0;
}

.integration-segment--s06 .coal-flow__geometry {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.integration-segment--s06 .coal-flow__label {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: visible;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}

.integration-segment--s06 .coal-flow__label--company {
  left: 0;
  top: 36.15%;
  width: 28.90%;
  height: 27.69%;
  font-family: var(--font-report-body);
  font-size: 2.447cqw;
  font-weight: 700;
  line-height: 1.2;
}

.integration-segment--s06 .coal-flow__label--direct {
  left: 47.98%;
  top: 0;
  width: 52.02%;
  height: 27.69%;
  font-family: var(--font-report-body);
  font-size: 1.631cqw;
  font-weight: 500;
  line-height: 1.2;
}

.integration-segment--s06 .coal-flow__label--exchange {
  left: 47.98%;
  top: 72.33%;
  width: 20.23%;
  height: 27.67%;
  font-family: var(--font-report-body);
  font-size: 1.631cqw;
  font-weight: 500;
  line-height: 1.2;
}

.integration-segment--s06 .coal-flow__label--retail {
  left: 79.77%;
  top: 72.33%;
  width: 20.23%;
  height: 27.67%;
  font-family: var(--font-report-body);
  font-size: 1.631cqw;
  font-weight: 500;
  line-height: 1.2;
}

.integration-segment--s06 .s06__no-break {
  white-space: nowrap;
}

.integration-segment--s06 .s06__results-sales-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-areas: "sales kpi";
  gap: clamp(48px, 4.2vw, 60px);
  margin-top: calc(-1 * clamp(32px, 3vw, 44px));
  align-items: start;
}

.integration-segment--s06 .s06__results-sales-grid .s06__section--sales {
  grid-area: sales;
  min-width: 0;
}

.integration-segment--s06 .s06__results-sales-grid .sales-chart {
  width: 100%;
  min-width: 0;
  margin-inline: 0;
}

.integration-segment--s06 .s06__kpi {
  grid-area: kpi;
  width: 100%;
  margin-top: clamp(22px, 2vw, 32px);
}

.integration-segment--s06 .s06__kpi-line {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: .28em;
  margin: 0;
  color: var(--s06-blue);
  font-family: var(--font-report-display);
  font-weight: 700;
}

.integration-segment--s06 .s06__kpi-line strong {
  font-size: clamp(54px, 5.7vw, 78px);
  font-weight: 700;
  line-height: .95;
}

.integration-segment--s06 .s06__kpi-line span {
  font-size: clamp(27px, 2.8vw, 39px);
  line-height: 1;
  white-space: nowrap;
}

.integration-segment--s06 .s06__kpi-caption {
  max-width: 36ch;
  margin-top: 18px;
  white-space: pre-line;
}

.integration-segment--s06 .s06__kpi-rule {
  position: relative;
  display: block;
  height: 3px;
  margin-top: 32px;
  background: var(--s06-orange);
}

.integration-segment--s06 .s06__kpi-rule::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  transform: translate(50%, -50%);
  background: var(--s06-orange);
}

.integration-segment--s06 .sales-chart {
  position: relative;
  container-type: inline-size;
  width: max(100%, 620px);
  aspect-ratio: 490.4 / 246.91;
  margin: 0;
}

.integration-segment--s06 .sales-chart__geometry {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.integration-segment--s06 .sales-chart__brackets {
  fill: none;
  stroke: var(--s06-rule-blue);
  stroke-width: 1;
}

.integration-segment--s06 .sales-chart__prism--orange .sales-chart__face--top { fill: #f8be9b; }
.integration-segment--s06 .sales-chart__prism--orange .sales-chart__face--side { fill: #f18851; }
.integration-segment--s06 .sales-chart__prism--orange .sales-chart__face--front { fill: var(--s06-orange); }
.integration-segment--s06 .sales-chart__prism--blue .sales-chart__face--top { fill: #bdc2e1; }
.integration-segment--s06 .sales-chart__prism--blue .sales-chart__face--side { fill: #6278b6; }
.integration-segment--s06 .sales-chart__prism--blue .sales-chart__face--front { fill: var(--s06-blue); }

.integration-segment--s06 .sales-chart__leaders {
  fill: currentColor;
  stroke: currentColor;
  stroke-width: 1;
}

.integration-segment--s06 .sales-chart__leaders--blue { color: var(--s06-blue); }
.integration-segment--s06 .sales-chart__leaders--orange { color: var(--s06-orange); }
.integration-segment--s06 .sales-chart__growth-arrow { fill: #f18851; }
.integration-segment--s06 .sales-chart__legend-blue { fill: var(--s06-blue); }
.integration-segment--s06 .sales-chart__legend-orange { fill: var(--s06-orange); }

.integration-segment--s06 .sales-chart__label,
.integration-segment--s06 .sales-chart__legend {
  position: absolute;
  margin: 0;
}

.integration-segment--s06 .sales-chart__title {
  display: block;
  width: 100%;
  margin: 0 0 clamp(14px, 1.4vw, 20px);
  white-space: normal;
}

.integration-segment--s06 .sales-chart__label {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--s06-ink);
  font-family: var(--font-report-display);
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.integration-segment--s06 .sales-chart__label--total-2024,
.integration-segment--s06 .sales-chart__label--total-2025,
.integration-segment--s06 .sales-chart__label--delta-total,
.integration-segment--s06 .sales-chart__label--delta-internal {
  font-size: 3.671cqw;
}

.integration-segment--s06 .sales-chart__label--export-2024,
.integration-segment--s06 .sales-chart__label--internal-2024,
.integration-segment--s06 .sales-chart__label--export-2025,
.integration-segment--s06 .sales-chart__label--internal-2025 {
  font-size: 2.039cqw;
}

.integration-segment--s06 .sales-chart__label--year-2024,
.integration-segment--s06 .sales-chart__label--year-2025 {
  font-size: 2.447cqw;
}

.integration-segment--s06 .sales-chart__label--total-2024 { left: 15.89%; top: 15.33%; width: 16.18%; height: 8.04%; }
.integration-segment--s06 .sales-chart__label--export-2024 { left: 6.70%; top: 33.67%; width: 6.36%; height: 5.74%; }
.integration-segment--s06 .sales-chart__label--internal-2024 { left: 4.39%; top: 63.21%; width: 8.67%; height: 5.74%; }
.integration-segment--s06 .sales-chart__label--year-2024 { left: 19.65%; top: 93.11%; width: 8.67%; height: 6.89%; }
.integration-segment--s06 .sales-chart__label--delta-total { left: 45.86%; top: 28.08%; width: 8.09%; height: 10.33%; }
.integration-segment--s06 .sales-chart__label--delta-internal { left: 45.86%; top: 47.88%; width: 8.09%; height: 8.04%; color: #fff; }
.integration-segment--s06 .sales-chart__label--total-2025 { left: 72.06%; top: 15.33%; width: 16.18%; height: 8.04%; }
.integration-segment--s06 .sales-chart__label--export-2025 { left: 62.87%; top: 33.67%; width: 6.36%; height: 5.74%; }
.integration-segment--s06 .sales-chart__label--internal-2025 { left: 60.56%; top: 63.21%; width: 8.67%; height: 5.74%; }
.integration-segment--s06 .sales-chart__label--year-2025 { left: 75.82%; top: 93.11%; width: 8.67%; height: 6.89%; }

.integration-segment--s06 .sales-chart__legend {
  left: 47.48%;
  top: 85.86%;
  display: grid;
  gap: 1.6cqw;
  color: var(--s06-ink);
  font-family: var(--font-report-body);
  font-size: 1.835cqw;
  line-height: 1;
  white-space: nowrap;
}

@media (max-width: 900px) {
  .integration-segment--s06 .s06__flow {
    gap: 82px;
  }
}

@media (max-width: 1180px) {
  .integration-segment--s06 .s06__results-sales-grid {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "sales"
      "kpi";
    gap: 72px;
  }

  .integration-segment--s06 .s06__kpi {
    margin-top: 0;
  }
}

@media (max-width: 640px) {
  .integration-segment--s06 .s06 {
    padding-block: 44px 72px;
  }

  .integration-segment--s06 .s06__flow {
    gap: 70px;
  }

  .integration-segment--s06 .s06__heading {
    margin-bottom: 28px;
  }

  .integration-segment--s06 .s06__editorial-flow,
.integration-segment--s06 .s06__results-flow,
.integration-segment--s06 .s06__stripping,
.integration-segment--s06 .s06__kpi-caption {
    font-size: 16px;
    line-height: 1.45;
  }

  .integration-segment--s06 .s06__kpi-line {
    align-items: flex-end;
    flex-wrap: wrap;
  }

  .integration-segment--s06 .s06__kpi-line span {
    white-space: normal;
  }

  .integration-segment--s06 .s06__kpi-line strong {
    font-size: 52px;
  }

  .integration-segment--s06 .s06__kpi-line span {
    font-size: 25px;
  }
}


/* S07 accepted revision CSS, integration-scoped. */
.integration-segment--s07 {
  --s07-blue: #184d98;
  --s07-orange: #e94e0f;
  --s07-copy: #3c3c3b;
  --s07-light: #f0f8fc;
  --s07-column-gap: clamp(28px, 5.78%, 74px);
}

.integration-segment--s07 {
  color: var(--s07-copy);
  background: #fff;
}

.integration-segment--s07 {
  margin: 0;
  overflow-x: clip;
  background: #fff;
}

.integration-segment--s07 .s07-canvas {
  padding-block: clamp(48px, 6vw, 88px) clamp(72px, 8vw, 120px);
}

.integration-segment--s07 .s07-rail {
  display: grid;
  gap: clamp(76px, 7vw, 108px);
}

.integration-segment--s07 .forecast-section,
.integration-segment--s07 .tariff-section {
  min-width: 0;
}

.integration-segment--s07 .forecast-grid,
.integration-segment--s07 .tariff-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--s07-column-gap);
  align-items: start;
}

.integration-segment--s07 .source-h3 {
  margin: 0 0 clamp(20px, 2vw, 28px);
  color: var(--s07-blue);
  font-family: var(--type-subsection-heading-family);
  font-size: var(--type-subsection-heading-size);
  font-weight: var(--type-subsection-heading-weight);
  line-height: var(--type-subsection-heading-leading);
}

.integration-segment--s07 .source-copy {
  color: var(--s07-copy);
  font-family: var(--type-body-family);
  font-size: var(--type-body-size);
  font-weight: var(--type-body-weight);
  line-height: 1.5;
}

.integration-segment--s07 .source-copy p {
  margin: 0;
}

.integration-segment--s07 .source-copy p + p {
  margin-top: 1.5em;
}

.integration-segment--s07 .coal-figure {
  min-width: 0;
  margin: 0;
  aspect-ratio: 235.276 / 252.284;
  overflow: hidden;
  border-radius: 0 32px 0 32px;
}

.integration-segment--s07 .coal-figure img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center center;
}

.integration-segment--s07 .source-table-title {
  margin: clamp(54px, 5vw, 72px) 0 20px;
  color: var(--s07-blue);
  font-family: var(--type-table-header-family);
  font-size: var(--type-table-header-size);
  font-weight: var(--type-table-header-weight);
  line-height: var(--type-table-header-leading);
}

.integration-segment--s07 .source-table-scroll {
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  outline: none;
}

.integration-segment--s07 .source-table-scroll:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 4px;
}

.integration-segment--s07 .source-table {
  width: 100%;
  min-width: 720px;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--s07-copy);
  font-family: var(--type-table-body-family);
  font-size: var(--type-table-body-size);
  font-weight: var(--type-table-body-weight);
  line-height: var(--type-table-body-leading);
}

.integration-segment--s07 .source-table .label-column {
  width: 50%;
}

.integration-segment--s07 .source-table col:not(.label-column) {
  width: 16.6667%;
}

.integration-segment--s07 .source-table th,
.integration-segment--s07 .source-table td {
  padding: 10px 12px;
  border: 1px solid #d7e0e6;
  vertical-align: middle;
}

.integration-segment--s07 .source-table thead th {
  padding-block: 14px;
  color: #fff;
  background: var(--s07-blue);
  font-family: var(--type-table-header-family);
  font-weight: var(--type-table-header-weight);
  line-height: var(--type-table-header-leading);
  text-align: left;
}

.integration-segment--s07 .source-table .numeric-cell {
  text-align: center;
}

.integration-segment--s07 .source-table tbody th {
  font-weight: 400;
  text-align: left;
}

.integration-segment--s07 .source-table .current-period,
.integration-segment--s07 .source-table .current-column {
  background: var(--s07-light);
}

.integration-segment--s07 .source-table thead .current-period {
  background: var(--s07-blue);
}

.integration-segment--s07 .source-table .emphasis-row > * {
  color: var(--s07-copy);
  background: var(--s07-light);
  font-weight: 700;
}

.integration-segment--s07 .source-table .source-bold {
  font-weight: 700;
}

.integration-segment--s07 .source-table .source-nowrap {
  white-space: nowrap;
}

.integration-segment--s07 .source-table sup {
  position: relative;
  top: -0.35em;
  margin-left: 0.08em;
  font-size: 0.58em;
  line-height: 0;
}

.integration-segment--s07 .tariff-grid {
  margin-top: clamp(22px, 2vw, 30px);
}

.integration-segment--s07 .tariff-secondary {
  display: grid;
  gap: clamp(30px, 3vw, 44px);
}

.integration-segment--s07 .source-callout {
  padding: clamp(28px, 3vw, 44px);
  color: var(--s07-copy);
  background: var(--s07-light);
  border-radius: 0 32px 0 32px;
  font-family: var(--type-body-family);
  font-size: var(--type-body-size);
  line-height: 1.35;
}

.integration-segment--s07 .source-callout__lead {
  margin: 0 0 1.25em;
  color: var(--s07-blue);
  font-weight: 700;
}

.integration-segment--s07 .source-callout .report-bullet-list {
  --report-bullet-marker-gap: 0.72em;
  --report-bullet-item-gap: 0.72em;
}

.integration-segment--s07 .visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 900px) {
  .integration-segment--s07 .forecast-grid,
.integration-segment--s07 .tariff-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .integration-segment--s07 .coal-figure {
    max-width: 660px;
  }

  .integration-segment--s07 .source-table-title {
    margin-top: 48px;
  }
}

@media (max-width: 560px) {
  .integration-segment--s07 .s07-canvas {
    padding-block: 36px 64px;
  }

  .integration-segment--s07 .s07-rail {
    gap: 64px;
  }

  .integration-segment--s07 .coal-figure,
.integration-segment--s07 .source-callout {
    border-radius: 0 22px 0 22px;
  }

  .integration-segment--s07 .source-callout {
    padding: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .integration-segment--s07 *,
.integration-segment--s07 *::before,
.integration-segment--s07 *::after {
    scroll-behavior: auto !important;
  }
}


/* S08 accepted revision CSS, integration-scoped. */
.integration-segment--s08 {
  --s08-blue: #184d98;
  --s08-ink: #3c3c3b;
  --s08-pale: #edf4fb;
  --s08-pale-soft: #f6f9fc;
  --s08-canvas: #eef3f9;
  --s08-body-size: 1.04rem;
  --s08-body-leading: 1.42;
  --s08-note-size: 0.694rem;
}

.integration-segment--s08 * {
  box-sizing: border-box;
}

.integration-segment--s08 {
  color-scheme: light;
  background: #fff;
}

.integration-segment--s08 {
  margin: 0;
  min-width: 0;
  background: #fff;
  color: var(--s08-ink);
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
}

.integration-segment--s08 main {
  min-width: 0;
  background: #fff;
}

.integration-segment--s08 .s08-segment {
  width: min(100%, 90rem);
  min-width: 0;
  max-width: 90rem;
  margin: 0 auto;
  padding: 4.5rem 0 6rem;
  background: #fff;
}

.integration-segment--s08 .s08-rail {
  width: min(calc(100% - 2rem), 80.5rem);
  min-width: 0;
  margin-inline: auto;
}

.integration-segment--s08 .s08-module {
  width: 100%;
  min-width: 0;
}

.integration-segment--s08 .s08-module + .s08-module {
  margin-top: 3.25rem;
}

.integration-segment--s08 .s08-module > h2 {
  margin: 0 0 1rem;
  color: var(--s08-blue);
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
  font-size: var(--s08-body-size);
  font-weight: 700;
  line-height: 1.25;
}

.integration-segment--s08 .table-region {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
}

.integration-segment--s08 .table-region:focus-visible {
  outline: 0.2rem solid #f28b50;
  outline-offset: 0.25rem;
}

.integration-segment--s08 .table-region table {
  width: 100%;
  min-width: 58rem;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--s08-ink);
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
  font-size: var(--s08-body-size);
  line-height: 1.25;
}

.integration-segment--s08 .table-region--u6580 table,
.integration-segment--s08 .table-region--u660a table {
  min-width: 62rem;
}

.integration-segment--s08 .table-region th,
.integration-segment--s08 .table-region td {
  padding: 0.62rem 0.85rem;
  border: 0;
  border-bottom: 1px solid var(--s08-blue);
  vertical-align: middle;
}

.integration-segment--s08 .table-region thead th {
  padding-top: 0.88rem;
  padding-bottom: 0.88rem;
  background: var(--s08-blue);
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.integration-segment--s08 .table-region thead th:first-child,
.integration-segment--s08 .table-region tbody th {
  text-align: left;
}

.integration-segment--s08 .table-region tbody th {
  font-weight: 400;
}

.integration-segment--s08 .table-region tbody td {
  text-align: center;
}

.integration-segment--s08 .table-region tbody tr:last-child > * {
  border-bottom-width: 0.22rem;
}

.integration-segment--s08 .table-region--u64ed tbody > tr > :nth-child(5) {
  background: var(--s08-pale);
}

.integration-segment--s08 .table-region--u64ed tbody > tr > :nth-child(6) {
  background: var(--s08-pale-soft);
}

.integration-segment--s08 .table-region--u6580 .table-index-row > *,
.integration-segment--s08 .table-region--u6580 tbody > tr > :last-child,
.integration-segment--s08 .table-region--u660a tbody > tr > :last-child {
  background: var(--s08-pale);
}

.integration-segment--s08 .table-region--u6580 .table-index-row th {
  text-align: center;
}

.integration-segment--s08 .source-bold {
  font-weight: 700;
}

.integration-segment--s08 .source-no-break {
  white-space: nowrap;
}

.integration-segment--s08 .prose,
.integration-segment--s08 .s08-module--investment-intro {
  width: 100%;
  font-size: var(--s08-body-size);
  line-height: var(--s08-body-leading);
}

.integration-segment--s08 .prose p,
.integration-segment--s08 .s08-module--investment-intro > p {
  width: 100%;
  margin: 0;
}

.integration-segment--s08 .prose p + p {
  margin-top: 1rem;
}

.integration-segment--s08 .source-notes {
  width: 100%;
  margin-top: 2.5rem;
  padding-top: 1.15rem;
  border-top: 1px solid rgb(24 77 152 / 32%);
  font-size: var(--s08-note-size);
  line-height: 1.42;
}

.integration-segment--s08 .source-notes ol {
  margin: 0;
  padding-inline-start: 1.8rem;
}

.integration-segment--s08 .source-notes li {
  padding-inline-start: 0.25rem;
}

.integration-segment--s08 .source-notes li + li {
  margin-top: 0.35rem;
}

@media (max-width: 64rem) {
  .integration-segment--s08 .s08-segment {
    padding: 3rem 0 4rem;
  }

  .integration-segment--s08 .s08-module + .s08-module {
    margin-top: 2.5rem;
  }
}

@media (max-width: 48rem) {
  .integration-segment--s08 {
    --s08-body-size: 1rem;
    --s08-note-size: 0.75rem;
  }

  .integration-segment--s08 .s08-segment {
    padding: 2rem 0 3rem;
  }

  .integration-segment--s08 .s08-rail {
    width: min(calc(100% - 1.5rem), 80.5rem);
  }

  .integration-segment--s08 .table-region table,
.integration-segment--s08 .table-region--u6580 table,
.integration-segment--s08 .table-region--u660a table {
    min-width: 50rem;
  }

  .integration-segment--s08 .table-region th,
.integration-segment--s08 .table-region td {
    padding: 0.58rem 0.7rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .integration-segment--s08 *,
.integration-segment--s08 *::before,
.integration-segment--s08 *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}


/* S09 accepted revision CSS, integration-scoped. */
.integration-segment--s09 {
  --s09-blue: #184d98;
  --s09-pale-blue: #f3f7fd;
  --s09-orange: #e94e0f;
  --s09-ink: #3c3c3b;
  --s09-white: #ffffff;
  --s09-focus: #e94e0f;
  --s09-body-size: clamp(1rem, 1.18vw, 1.0625rem);
  --s09-body-leading: 1.45;
  --s09-table-size: clamp(0.9375rem, 1.12vw, 1.03125rem);
  --s09-module-gap: clamp(3.25rem, 5.25vw, 4.75rem);
  --s09-paragraph-gap: clamp(0.875rem, 1.25vw, 1.125rem);
}

.integration-segment--s09 *,
.integration-segment--s09 *::before,
.integration-segment--s09 *::after {
  box-sizing: border-box;
}

.integration-segment--s09 {
  color-scheme: light;
  background: var(--s09-white);
}

.integration-segment--s09 .s09-preview-body {
  min-width: 320px;
  margin: 0;
  overflow-x: clip;
  background: var(--s09-white);
  color: var(--s09-ink);
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
}

.integration-segment--s09 .s09-segment {
  min-width: 0;
  overflow: clip;
  background: var(--s09-white);
  color: var(--s09-ink);
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
  font-synthesis: none;
}

.integration-segment--s09 .s09-flow {
  min-width: 0;
  padding-block: clamp(3.5rem, 6vw, 5.5rem) clamp(5rem, 8vw, 8rem);
}

.integration-segment--s09 .s09-module,
.integration-segment--s09 .s09-photo {
  min-width: 0;
  width: 100%;
  margin: 0;
}

.integration-segment--s09 .s09-module + .s09-module,
.integration-segment--s09 .s09-module + .s09-photo {
  margin-top: var(--s09-module-gap);
}

.integration-segment--s09 .s09-table-title {
  margin: 0 0 clamp(0.875rem, 1.3vw, 1.125rem);
  color: var(--s09-blue);
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
  font-size: var(--s09-body-size);
  font-weight: 700;
  line-height: 1.25;
}

.integration-segment--s09 .s09-table-region {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

.integration-segment--s09 .s09-table-region:focus-visible {
  outline: 0.1875rem solid var(--s09-focus);
  outline-offset: 0.3125rem;
}

.integration-segment--s09 .s09-table {
  width: 100%;
  min-width: 52rem;
  border: 0;
  border-collapse: collapse;
  table-layout: fixed;
  color: var(--s09-ink);
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
  font-size: var(--s09-table-size);
  font-weight: 400;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
}

.integration-segment--s09 .s09-table th,
.integration-segment--s09 .s09-table td {
  padding: clamp(0.72rem, 1.05vw, 0.9375rem) clamp(0.7rem, 1.1vw, 1rem);
  border: 0;
  border-bottom: 1px solid var(--s09-blue);
  vertical-align: middle;
}

.integration-segment--s09 .s09-table thead th {
  padding-block: clamp(0.78rem, 1.15vw, 1rem);
  background: var(--s09-blue);
  color: var(--s09-white);
  font-weight: 700;
  text-align: center;
}

.integration-segment--s09 .s09-table thead th:first-child,
.integration-segment--s09 .s09-table tbody th {
  text-align: left;
}

.integration-segment--s09 .s09-table tbody th {
  font-weight: 400;
}

.integration-segment--s09 .s09-table tbody td {
  text-align: center;
}

.integration-segment--s09 .s09-table tbody tr:last-child > * {
  border-bottom-width: 0.1875rem;
}

.integration-segment--s09 .s09-table__current {
  background: var(--s09-pale-blue);
}

.integration-segment--s09 .s09-table__current strong {
  font-weight: 700;
}

.integration-segment--s09 .s09-prose {
  display: grid;
  gap: var(--s09-paragraph-gap);
  max-width: none;
  color: var(--s09-ink);
  font-family: var(--font-report-body, "Samruk Energy Roboto", Arial, sans-serif);
  font-size: var(--s09-body-size);
  font-weight: 400;
  line-height: var(--s09-body-leading);
}

.integration-segment--s09 .s09-prose p,
.integration-segment--s09 .s09-subsection,
.integration-segment--s09 .s09-prose__intro {
  margin: 0;
}

.integration-segment--s09 .s09-prose__intro,
.integration-segment--s09 .s09-subsection {
  display: grid;
  gap: var(--s09-paragraph-gap);
}

.integration-segment--s09 .s09-prose__closing {
  margin-top: clamp(0.25rem, 0.6vw, 0.5rem) !important;
}

.integration-segment--s09 .s09-bullets.report-bullet-list {
  --report-bullet-marker-gap: 1.25em;
  --report-bullet-item-gap: 0.708661em;
  color: var(--s09-ink);
}

.integration-segment--s09 .s09-bullets .report-bullet-list__marker {
  flex: none;
}

.integration-segment--s09 .source-no-break {
  white-space: nowrap;
}

.integration-segment--s09 .s09-prose--terminal {
  max-width: none;
  gap: clamp(2.75rem, 4.5vw, 4rem);
}

.integration-segment--s09 .s09-prose--terminal > .s09-prose__intro,
.integration-segment--s09 .s09-prose--terminal > .s09-subsection {
  max-width: none;
}

.integration-segment--s09 .s09-heading {
  margin: 0 0 clamp(0.125rem, 0.4vw, 0.375rem);
  color: var(--s09-blue);
  font-family: var(--font-report-display, "Samruk Energy Good Pro", Arial, sans-serif);
  font-size: clamp(1.5rem, 1.9vw, 1.625rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: none;
}

.integration-segment--s09 .s09-photo {
  position: relative;
  aspect-ratio: 291.968503937008 / 168.916961477757;
  overflow: hidden;
  background: var(--s09-pale-blue);
}

.integration-segment--s09 .s09-photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0%;
}

@media (max-width: 64rem) {
  .integration-segment--s09 {
    --s09-module-gap: clamp(2.75rem, 6vw, 3.75rem);
  }

  .integration-segment--s09 .s09-prose,
.integration-segment--s09 .s09-prose--terminal > .s09-prose__intro,
.integration-segment--s09 .s09-prose--terminal > .s09-subsection {
    max-width: 100%;
  }
}

@media (max-width: 48rem) {
  .integration-segment--s09 {
    --s09-body-size: 1rem;
    --s09-table-size: 0.9375rem;
    --s09-body-leading: 1.44;
  }

  .integration-segment--s09 .s09-flow {
    padding-block-start: 2.5rem;
  }

  .integration-segment--s09 .s09-table {
    min-width: 47.5rem;
  }

  .integration-segment--s09 .s09-table th,
.integration-segment--s09 .s09-table td {
    padding: 0.7rem 0.65rem;
  }

  .integration-segment--s09 .s09-heading {
    font-size: 1.5rem;
    line-height: 1.12;
  }
}

@media (max-width: 28rem) {
  .integration-segment--s09 .s09-table {
    min-width: 45rem;
  }

  .integration-segment--s09 .s09-bullets.report-bullet-list {
    --report-bullet-marker-gap: 1em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .integration-segment--s09 .s09-segment *,
.integration-segment--s09 .s09-segment *::before,
.integration-segment--s09 .s09-segment *::after {
    scroll-behavior: auto !important;
    animation: none !important;
    transition: none !important;
  }
}


@media (prefers-reduced-motion: reduce) {
  .market-review-rebuild-owner *,
  .market-review-rebuild-owner *::before,
  .market-review-rebuild-owner *::after {
    animation: none !important;
    transition: none !important;
  }
}

.market-review-rebuild-owner [tabindex="0"] {
  scroll-behavior: auto;
}

/* User-approved page motion: unified no-blur rhythm for S01–S09. */
.market-review-rebuild-owner .mr-number-counter {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

@media (prefers-reduced-motion: no-preference) {
  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-text,
  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-composite {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
    transition:
      opacity 460ms cubic-bezier(.16, 1, .3, 1) var(--mr-reveal-delay, 0ms),
      transform 560ms cubic-bezier(.16, 1, .3, 1) var(--mr-reveal-delay, 0ms);
    will-change: opacity, transform;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-text--heading {
    transform: translate3d(0, 18px, 0);
    transition-duration: 500ms, 620ms;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-text.is-visible,
  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-composite.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-visual {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
    clip-path: none;
    transition:
      opacity 480ms cubic-bezier(.16, 1, .3, 1) var(--mr-reveal-delay, 0ms),
      transform 580ms cubic-bezier(.16, 1, .3, 1) var(--mr-reveal-delay, 0ms);
    will-change: opacity, transform;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-visual.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    clip-path: inset(0 0 0 0);
  }

  /* Atomic infographics stay intact and open as one calm top-to-bottom sheet. */
  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-infographic {
    opacity: 0;
    transform: translate3d(0, -12px, 0);
    clip-path: none;
    transition:
      opacity 460ms cubic-bezier(.16, 1, .3, 1) var(--mr-reveal-delay, 0ms),
      transform 560ms cubic-bezier(.16, 1, .3, 1) var(--mr-reveal-delay, 0ms);
    will-change: opacity, transform;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-infographic.is-visible {
    opacity: 1;
    transform: none;
    clip-path: inset(0 0 0 0);
  }

  /* Directional chart construction is limited to the vector geometry layer. */
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-y.chart-composition > img,
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-y.s03-market-share > .s03-market-share__geometry,
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-y.s03-producer-share > .s03-producer-share__geometry,
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-y.s04-chart .s04-chart__canvas > image {
    opacity: .38;
    transform-box: fill-box;
    transform-origin: center bottom;
    transform: scaleY(.02);
    transition:
      opacity 300ms ease-out var(--mr-reveal-delay, 0ms),
      transform 920ms cubic-bezier(.2, .72, .24, 1) var(--mr-reveal-delay, 0ms);
    will-change: opacity, transform;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-y.is-visible.chart-composition > img,
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-y.is-visible.s03-market-share > .s03-market-share__geometry,
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-y.is-visible.s03-producer-share > .s03-producer-share__geometry,
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-y.is-visible.s04-chart .s04-chart__canvas > image {
    opacity: 1;
    transform: scaleY(1);
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-x.s04-chart .s04-chart__canvas > image {
    opacity: .38;
    transform-box: fill-box;
    transform-origin: left center;
    transform: scaleX(.02);
    transition:
      opacity 300ms ease-out var(--mr-reveal-delay, 0ms),
      transform 980ms cubic-bezier(.2, .72, .24, 1) var(--mr-reveal-delay, 0ms);
    will-change: opacity, transform;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-x.is-visible.s04-chart .s04-chart__canvas > image {
    opacity: 1;
    transform: scaleX(1);
  }

  /* Inline renewable-share prisms rise first; their leaders then reach the values. */
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-bars .mr-s05-chart-geometry__series:nth-of-type(1) {
    --mr-series-delay: 60ms;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-bars .mr-s05-chart-geometry__series:nth-of-type(2) {
    --mr-series-delay: 150ms;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-bars .mr-s05-chart-geometry__series:nth-of-type(3) {
    --mr-series-delay: 240ms;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-bars .mr-s05-chart-face {
    opacity: .32;
    transform-box: view-box;
    transform-origin: center bottom;
    transform: scaleY(.02);
    transition:
      opacity 280ms ease-out calc(var(--mr-reveal-delay, 0ms) + var(--mr-series-delay, 0ms)),
      transform 820ms cubic-bezier(.2, .72, .24, 1) calc(var(--mr-reveal-delay, 0ms) + var(--mr-series-delay, 0ms));
    will-change: opacity, transform;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-bars .mr-s05-chart-geometry__leader {
    opacity: .45;
    stroke-dasharray: 30;
    stroke-dashoffset: 30;
    transition:
      opacity 240ms ease-out calc(var(--mr-reveal-delay, 0ms) + var(--mr-series-delay, 0ms) + 560ms),
      stroke-dashoffset 420ms cubic-bezier(.2, .72, .24, 1) calc(var(--mr-reveal-delay, 0ms) + var(--mr-series-delay, 0ms) + 560ms);
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-bars .mr-s05-chart-geometry__leader-cap,
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-bars .mr-s05-chart-geometry__dot {
    opacity: 0;
    transition: opacity 220ms ease-out calc(var(--mr-reveal-delay, 0ms) + var(--mr-series-delay, 0ms) + 820ms);
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-bars.is-visible .mr-s05-chart-face {
    opacity: 1;
    transform: scaleY(1);
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-bars.is-visible .mr-s05-chart-geometry__leader {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-bars.is-visible .mr-s05-chart-geometry__leader-cap,
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-bars.is-visible .mr-s05-chart-geometry__dot {
    opacity: 1;
  }

  /* Coal sales remains one composition: prisms grow, then guides and the delta appear. */
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales .sales-chart__prism {
    opacity: .3;
    transform-box: view-box;
    transform-origin: center bottom;
    transform: scaleY(.02);
    transition:
      opacity 280ms ease-out calc(var(--mr-reveal-delay, 0ms) + 70ms),
      transform 860ms cubic-bezier(.2, .72, .24, 1) calc(var(--mr-reveal-delay, 0ms) + 70ms);
    will-change: opacity, transform;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales .sales-chart__prism--blue {
    transition-delay:
      calc(var(--mr-reveal-delay, 0ms) + 150ms),
      calc(var(--mr-reveal-delay, 0ms) + 150ms);
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales .sales-chart__brackets path,
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales .sales-chart__leaders path {
    opacity: .45;
    stroke-dasharray: 620;
    stroke-dashoffset: 620;
    transition:
      opacity 240ms ease-out calc(var(--mr-reveal-delay, 0ms) + 500ms),
      stroke-dashoffset 620ms cubic-bezier(.2, .72, .24, 1) calc(var(--mr-reveal-delay, 0ms) + 500ms);
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales .sales-chart__leaders circle,
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales .sales-chart__growth-arrow {
    opacity: 0;
    transition: opacity 260ms ease-out calc(var(--mr-reveal-delay, 0ms) + 880ms);
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales .sales-chart__growth-arrow {
    transform-box: fill-box;
    transform-origin: center;
    transform: translateY(8px);
    transition:
      opacity 260ms ease-out calc(var(--mr-reveal-delay, 0ms) + 880ms),
      transform 420ms cubic-bezier(.16, 1, .3, 1) calc(var(--mr-reveal-delay, 0ms) + 880ms);
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales.is-visible .sales-chart__prism {
    opacity: 1;
    transform: scaleY(1);
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales.is-visible .sales-chart__brackets path,
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales.is-visible .sales-chart__leaders path {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales.is-visible .sales-chart__leaders circle,
  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales.is-visible .sales-chart__growth-arrow {
    opacity: 1;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-chart-build-sales.is-visible .sales-chart__growth-arrow {
    transform: translateY(0);
  }

  .market-review-motion-ready .market-review-rebuild-owner .s06__kpi .s06__kpi-rule {
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 720ms cubic-bezier(.2, .72, .24, 1) calc(var(--mr-reveal-delay, 0ms) + 180ms);
  }

  .market-review-motion-ready .market-review-rebuild-owner .s06__kpi.is-visible .s06__kpi-rule {
    transform: scaleX(1);
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-table {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
    clip-path: none;
    transition:
      opacity 480ms cubic-bezier(.16, 1, .3, 1) var(--mr-reveal-delay, 0ms),
      transform 580ms cubic-bezier(.16, 1, .3, 1) var(--mr-reveal-delay, 0ms);
    will-change: opacity, transform;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-table.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    clip-path: inset(0 0 0 0);
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-table tr {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .market-review-motion-ready .market-review-rebuild-owner .mr-motion-table.is-visible tr {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  /* The map stays legible immediately; its flow and labels enter as one layer. */
  .market-review-motion-ready .market-review-rebuild-owner .map-stage.mr-motion-visual {
    opacity: 1;
    transform: none;
    clip-path: none;
    transition: none;
    will-change: auto;
  }

  .market-review-motion-ready .market-review-rebuild-owner .map-stage .map-arrows {
    opacity: 1;
    clip-path: none;
    transition: none;
    will-change: auto;
  }

  .market-review-motion-ready .market-review-rebuild-owner .map-stage .map-label {
    opacity: 1;
    transform: none;
    transition: none;
    will-change: auto;
  }

  .market-review-motion-ready .market-review-rebuild-owner .map-stage.is-visible .map-arrows {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }

  .market-review-motion-ready .market-review-rebuild-owner .map-stage.is-visible .map-label {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}