/* Custom target-source compositions for high-risk pages in sections 04–05. */

.idml-source-bold {
  font-weight: 700;
}

.localization-layout-pending {
  position: relative;
  border: 1px dashed color-mix(in srgb, var(--bronze, #a87d3b) 72%, transparent);
  padding: clamp(24px, 2.5vw, 38px) clamp(16px, 2vw, 28px) clamp(16px, 2vw, 28px);
}

.localization-layout-pending::before {
  content: attr(data-layout-pending-label);
  position: absolute;
  inset: 0 auto auto 0;
  padding: 4px 9px;
  color: #fff;
  background: var(--bronze, #a87d3b);
  font: 600 12px/1.1 "Good Pro", Arial, sans-serif;
  letter-spacing: .02em;
}

.sdg-goal-card-localized {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  min-width: 0;
  color: #fff;
}

.sdg-goal-card-localized__number {
  font: 600 clamp(28px, 3.2vw, 52px)/1 "DIN Pro Cond", "Arial Narrow", sans-serif;
}

.sdg-goal-card-localized--03 { background: #4c9f38; }
.sdg-goal-card-localized--04 { background: #c5192d; }
.sdg-goal-card-localized--05 { background: #ff3a21; }
.sdg-goal-card-localized--07 { color: #111; background: #fcc30b; }
.sdg-goal-card-localized--08 { background: #a21942; }
.sdg-goal-card-localized--09 { background: #fd6925; }
.sdg-goal-card-localized--10 { background: #dd1367; }
.sdg-goal-card-localized--11 { color: #111; background: #fd9d24; }
.sdg-goal-card-localized--13 { background: #3f7e44; }
.sdg-goal-card-localized--16 { background: #00689d; }
.sdg-goal-card-localized--17 { background: #19486a; }

.sdg-target-only-ltif {
  margin-top: 20px;
}

.governance-chart-static--localized {
  position: relative;
}

.governance-chart-static--localized > img {
  display: block;
  width: 100%;
  height: auto;
}

.governance-chart-static__source-copy {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.board-committees-diagram--localized {
  position: relative;
}

.board-committees-diagram--localized > img {
  display: block;
  width: 100%;
  height: auto;
}

.board-committees-diagram__source-copy {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.governance-chart--localized {
  display: grid;
  gap: clamp(28px, 4vw, 56px);
  margin-top: clamp(36px, 5vw, 72px);
}

.governance-tier {
  display: grid;
  grid-template-columns: minmax(170px, .23fr) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 46px);
  align-items: start;
}

.governance-tier__label {
  position: sticky;
  top: 96px;
  margin: 0;
  color: var(--bronze, #a87d3b);
  font-family: "Good Pro Cond", "Arial Narrow", sans-serif;
  font-size: clamp(28px, 2.5vw, 40px);
  line-height: 1;
  text-transform: uppercase;
}

.governance-tier__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.governance-node {
  min-width: 0;
  padding: clamp(18px, 2vw, 28px);
  border: 1px solid rgba(20, 60, 92, .2);
  border-radius: 18px;
  background: rgba(255, 255, 255, .9);
}

.governance-node__title {
  margin: 0 0 10px;
  color: var(--bronze, #a87d3b);
  font-family: "Good Pro Cond", "Arial Narrow", sans-serif;
  font-size: clamp(22px, 2vw, 31px);
  line-height: 1.05;
}

.governance-node__description {
  margin: 0;
}

.governance-node__description + .governance-node__description {
  margin-top: 12px;
}

.governance-node--description-only {
  border-style: dashed;
}

.esg-ratings-table--localized th,
.esg-ratings-table--localized td {
  vertical-align: top;
}

.esg-ratings-table--localized td:last-child {
  width: 24%;
  text-align: right;
}

.esg-ratings-table-intro--source-duplicate {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.corporate-governance-compliance {
  margin: clamp(42px, 6vw, 88px) 0;
}

.corporate-governance-compliance__copy {
  columns: 2;
  column-gap: clamp(28px, 4vw, 58px);
}

.corporate-governance-compliance__copy p {
  break-inside: avoid;
  margin-top: 0;
}

.board-target-only-placement {
  margin: 28px 0;
}

.management-board-kpi--localized {
  display: grid;
}

.management-board-kpi__number {
  display: block;
  margin: 0;
  color: var(--samruk-blue, #3f5d91);
  font-family: var(--font-report-good-cond);
  font-size: 116px;
  font-weight: 400;
  line-height: .82;
}

.management-board-page .management-board-kpi--localized .management-board-kpi__number > span {
  color: inherit;
  font: inherit;
  line-height: inherit;
}

.management-board-committees-diagram--localized {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  align-items: stretch;
  gap: 58px;
  width: min(100%, 940px);
  margin: clamp(28px, 4vw, 56px) 0;
  padding: clamp(24px, 3vw, 42px) clamp(18px, 3vw, 34px);
  background: #f4f7fb;
}

.management-board-committees-diagram__rail {
  position: relative;
  display: grid;
  min-height: 474px;
  place-items: center;
  border-radius: 999px;
  background: var(--samruk-blue, #3f5d91);
  color: #fff;
}

.management-board-committees-diagram__rail::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 29px;
  border-top: 1px solid #cbbda8;
}

.management-board-committees-diagram__rail-label {
  max-height: 420px;
  font-family: var(--font-report-good-cond, "Good Pro Cond", "Arial Narrow", sans-serif);
  font-size: clamp(14px, 1.35vw, 18px);
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

.management-board-committees-diagram__nodes {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

.management-board-committees-diagram__nodes::before {
  content: "";
  position: absolute;
  top: 38px;
  bottom: 38px;
  left: -30px;
  border-left: 1px solid #cbbda8;
}

.management-board-committees-diagram__node {
  position: relative;
  display: grid;
  min-height: 68px;
  place-items: center;
  padding: 12px 26px;
  border: 2px solid #d5c9b8;
  border-radius: 999px;
  color: inherit;
  text-align: center;
  text-decoration: none;
}

.management-board-committees-diagram__node::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  width: 30px;
  border-top: 1px solid #cbbda8;
}

.management-board-committees-diagram__node::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #cbbda8;
  transform: translate(-50%, -50%);
}

.management-board-committees-diagram__label {
  margin: 0;
  font-family: "Good Pro Cond", "Arial Narrow", sans-serif;
  font-size: clamp(16px, 1.5vw, 21px);
  line-height: 1.08;
  text-transform: uppercase;
}

.management-board-committees-diagram__marker {
  font: 500 42px/1 "DIN Pro Cond", "Arial Narrow", sans-serif;
  color: var(--bronze, #a87d3b);
}

@media (max-width: 900px) {
  .governance-tier {
    grid-template-columns: 1fr;
  }

  .governance-tier__label {
    position: static;
  }

  .management-board-committees-diagram--localized {
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 42px;
  }

  .management-board-committees-diagram__rail::after {
    width: 21px;
  }

  .management-board-committees-diagram__nodes::before {
    left: -21px;
  }

  .management-board-committees-diagram__node::before {
    width: 21px;
  }

  .corporate-governance-compliance__copy {
    columns: 1;
  }
}

@media (max-width: 700px) {
  .governance-tier__grid {
    grid-template-columns: 1fr;
  }

  .management-board-committees-diagram--localized {
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 30px;
    padding: 20px 12px;
  }

  .management-board-committees-diagram__rail {
    min-height: 438px;
  }

  .management-board-committees-diagram__rail::after {
    width: 15px;
  }

  .management-board-committees-diagram__rail-label {
    max-height: 390px;
    font-size: 12px;
  }

  .management-board-committees-diagram__nodes::before {
    left: -15px;
  }

  .management-board-committees-diagram__node {
    min-height: 62px;
    padding: 10px 14px;
  }

  .management-board-committees-diagram__node::before {
    width: 15px;
  }

  .management-board-committees-diagram__label {
    font-size: 14px;
  }

  .localization-layout-pending {
    padding: 34px 14px 16px;
  }
}