.ira-oversight-page .ira-chart-block {
  margin: 1.5rem 0 2rem;
}

.ira-oversight-page .ira-chart {
  background: #fff;
  margin-top: 1rem;
  position: relative;
}

.ira-oversight-page .ira-chart__body {
  display: grid;
  gap: 1rem;
  position: relative;
}

.ira-oversight-page .ira-chart__body::before {
  background:
    linear-gradient(to bottom, #c9c9c9, #c9c9c9) 16.6667% 0 / 1px 100% no-repeat,
    linear-gradient(to bottom, #c9c9c9, #c9c9c9) 33.3333% 0 / 1px 100% no-repeat,
    linear-gradient(to bottom, #c9c9c9, #c9c9c9) 50% 0 / 1px 100% no-repeat,
    linear-gradient(to bottom, #c9c9c9, #c9c9c9) 66.6667% 0 / 1px 100% no-repeat,
    linear-gradient(to bottom, #c9c9c9, #c9c9c9) 83.3333% 0 / 1px 100% no-repeat,
    linear-gradient(to bottom, #c9c9c9, #c9c9c9) 100% 0 / 1px 100% no-repeat;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

.ira-oversight-page .ira-chart__axis {
  display: grid;
  gap: 0.5rem;
  margin-top: 0.35rem;
}

.ira-oversight-page .ira-chart__axis-spacer {
  display: none;
}

.ira-oversight-page .ira-chart__axis-scale {
  color: #565c65;
  display: grid;
  font-size: 0.875rem;
  font-weight: 700;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  line-height: 1.2;
  list-style: none;
  margin: 0;
  padding: 0;
}

.ira-oversight-page .ira-chart__axis-scale li {
  text-align: right;
}

.ira-oversight-page .ira-chart__legend {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}

.ira-oversight-page .ira-chart__legend-item {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}

.ira-oversight-page .ira-chart__legend-swatch {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 0.125rem;
}

.ira-oversight-page .ira-chart__row {
  display: grid;
  gap: 0.5rem;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.ira-oversight-page .ira-chart__label {
  color: #1b1b1b;
  font-weight: 700;
}

.ira-oversight-page .ira-chart__bar-area {
  align-items: center;
  display: block;
  min-width: 0;
}

.ira-oversight-page .ira-chart__bar-track {
  min-height: 3rem;
  min-width: 0;
  overflow: visible;
  position: relative;
}

.ira-oversight-page .ira-chart__bar {
  display: flex;
  min-height: 3rem;
  border-radius: 0;
  position: relative;
  overflow: visible;
  width: var(--ira-row-width);
  z-index: 1;
}

.ira-oversight-page .ira-chart__segment {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  cursor: pointer;
  min-width: 0;
  padding: 0;
  position: relative;
  font-size: 0.95rem;
  line-height: 1.2;
  transition: filter 0.15s ease, transform 0.15s ease;
}

.ira-oversight-page .ira-chart__segment:first-child {
  border-radius: 0;
}

.ira-oversight-page .ira-chart__segment:last-child {
  border-radius: 0;
}

.ira-oversight-page .ira-chart__segment:hover {
  filter: brightness(1.05);
  z-index: 2;
}

.ira-oversight-page .ira-chart__segment:focus {
  filter: brightness(1.05);
  outline: 0.25rem solid #2491ff;
  outline-offset: 0.125rem;
  transform: translateY(-1px);
  z-index: 2;
}

.ira-oversight-page .ira-chart__value {
  display: none;
}

.ira-oversight-page .ira-chart__total {
  color: #565c65;
  font-weight: 700;
  left: calc(var(--ira-row-width) + 0.5rem);
  line-height: 1.2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  z-index: 2;
}

.ira-oversight-page .ira-chart__tooltip {
  background: #fff;
  border: 1px solid #a9aeb1;
  border-left: 0.35rem solid var(--ira-segment-color, #162e51);
  border-radius: 0.25rem;
  bottom: calc(100% + 0.5rem);
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
  color: #1b1b1b;
  font-size: 0.875rem;
  font-weight: 700;
  left: 50%;
  line-height: 1.35;
  max-width: 18rem;
  min-width: 13rem;
  opacity: 0;
  padding: 0.5rem 0.75rem;
  pointer-events: none;
  position: absolute;
  text-align: left;
  transform: translate(-50%, 0.25rem);
  transition: opacity 0.15s ease, transform 0.15s ease;
  visibility: hidden;
  white-space: normal;
  z-index: 5;
}

.ira-oversight-page .ira-chart__segment:first-child .ira-chart__tooltip {
  left: 0;
  transform: translateY(0.25rem);
}

.ira-oversight-page .ira-chart__segment:last-child .ira-chart__tooltip {
  left: 0;
  right: auto;
  transform: translateY(0.25rem);
}

.ira-oversight-page .ira-chart__segment:hover .ira-chart__tooltip,
.ira-oversight-page .ira-chart__segment:focus .ira-chart__tooltip {
  opacity: 1;
  transform: translate(-50%, 0);
  visibility: visible;
}

.ira-oversight-page .ira-chart__segment:first-child:hover .ira-chart__tooltip,
.ira-oversight-page .ira-chart__segment:first-child:focus .ira-chart__tooltip,
.ira-oversight-page .ira-chart__segment:last-child:hover .ira-chart__tooltip,
.ira-oversight-page .ira-chart__segment:last-child:focus .ira-chart__tooltip {
  transform: translateY(0);
}

.ira-oversight-page .ira-chart__table {
  margin-top: 1rem;
}

.ira-oversight-page .ira-chart__table th,
.ira-oversight-page .ira-chart__table td {
  white-space: nowrap;
}

.ira-oversight-page .ira-chart__source {
  margin-top: 1rem;
}

.ira-oversight-page .media--view-mode-inline-image-medium {
  margin: 1rem 0 1.5rem;
}

.ira-oversight-page .media--view-mode-inline-image-medium img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.ira-oversight-page .cms-accordion-set.usa-section {
  padding-bottom: 0;
  padding-top: 0;
}

.ira-oversight-page .cms-accordion-set > h2 {
  display: none;
}

.ira-oversight-page .cms-accordion-set .usa-accordion__button .field {
  font-size: 1em;
  line-height: 1.15;
  margin: 0.83em 0;
}

@media (min-width: 40em) {
  .ira-oversight-page .ira-chart {
    --ira-chart-gap: 0.5rem;
    --ira-label-column: 19rem;
  }

  .ira-oversight-page .ira-chart__body::before {
    left: calc(var(--ira-label-column) + var(--ira-chart-gap));
  }

  .ira-oversight-page .ira-chart__axis {
    grid-template-columns: var(--ira-label-column) minmax(0, 1fr);
  }

  .ira-oversight-page .ira-chart__axis-spacer {
    display: block;
  }

  .ira-oversight-page .ira-chart__row {
    grid-template-columns: var(--ira-label-column) minmax(0, 1fr);
    align-items: center;
  }

  .ira-oversight-page .ira-chart__label {
    text-align: right;
    white-space: nowrap;
  }
}