.ntgy-block-data-tabs {
  padding-block: 4rem;
  background: var(--ntgy-color-white-true);
}

.entry-content > .ntgy-block-data-tabs:not(.alignfull),
.editor-styles-wrapper .is-root-container > .ntgy-block-data-tabs:not(.alignfull) {
  width: min(100% - (var(--ntgy-gutter) * 2), var(--ntgy-layout-wide));
  max-width: var(--ntgy-layout-wide);
  margin-inline: auto;
}

.ntgy-block-data-tabs.alignfull {
  width: 100%;
  max-width: var(--ntgy-layout-full-max);
  margin-inline: auto;
}

.ntgy-block-data-tabs.alignwide {
  width: min(100% - (var(--ntgy-gutter) * 2), var(--ntgy-layout-wide));
  max-width: var(--ntgy-layout-wide);
  margin-inline: auto;
}

.ntgy-block-data-tabs__inner {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: 100%;
  max-width: var(--ntgy-layout-wide);
  margin-inline: auto;
}

.ntgy-block-data-tabs.alignfull .ntgy-block-data-tabs__inner {
  max-width: none;
}

.ntgy-block-data-tabs__tabs {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ntgy-block-data-tabs__mobile-action {
  display: none;
}

.ntgy-block-data-tabs__tablist {
  display: flex;
  gap: 0.375rem;
  align-items: flex-end;
  overflow-x: auto;
  width: 100%;
  padding: 0.25rem;
  border-radius: var(--ntgy-radius-md);
  background: var(--ntgy-color-menu-surface);
  scrollbar-width: thin;
}

.ntgy-block-data-tabs__tab {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.5rem;
  padding: 0.75rem 1rem;
  border: 0;
  border-radius: var(--ntgy-radius-sm);
  color: var(--ntgy-color-blue-100);
  background: var(--ntgy-color-gray-40);
  font: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition:
    color var(--ntgy-transition-duration) var(--ntgy-transition-timing),
    background-color var(--ntgy-transition-duration) var(--ntgy-transition-timing),
    box-shadow var(--ntgy-transition-duration) var(--ntgy-transition-timing);
}

.ntgy-block-data-tabs__tab:hover {
  background: var(--ntgy-color-blue-20);
}

.ntgy-block-data-tabs__tab.is-active,
.ntgy-block-data-tabs__tab[aria-selected="true"] {
  color: var(--ntgy-color-white);
  background: var(--ntgy-color-blue-100);
  font-weight: 600;
}

.ntgy-block-data-tabs__tab:focus-visible {
  outline: 0;
  box-shadow:
    0 0 0 2px var(--ntgy-color-white),
    0 0 0 4px var(--ntgy-color-blue-100);
}

.ntgy-block-data-tabs__panels {
  border-radius: var(--ntgy-radius-md);
  background: var(--ntgy-color-menu-surface);
}

.ntgy-block-data-tabs__panel {
  position: relative;
  display: grid;
  grid-template-columns: minmax(18rem, 1fr) minmax(20rem, 32.1875rem);
  gap: 2rem;
  align-items: end;
  justify-content: space-between;
  min-height: 18rem;
  padding: 1.5rem;
}

.ntgy-block-data-tabs__panel[hidden] {
  display: none;
}

.ntgy-block-data-tabs__featured {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  max-width: 31.4375rem;
  padding-block: 1rem;
}

.ntgy-block-data-tabs__panel-title {
  margin: 0;
  color: var(--ntgy-color-blue-100);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: var(--ntgy-line-height-ui);
}

.ntgy-block-data-tabs__featured-data {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ntgy-block-data-tabs__featured-label,
.ntgy-block-data-tabs__featured-value,
.ntgy-block-data-tabs__data-label,
.ntgy-block-data-tabs__data-value {
  margin: 0;
  color: var(--ntgy-color-blue-100);
  line-height: var(--ntgy-line-height-ui);
}

.ntgy-block-data-tabs__featured-label {
  font-size: 2rem;
  font-weight: 400;
}

.ntgy-block-data-tabs__featured-value {
  font-size: clamp(4rem, 7vw, 6.32038rem);
  font-weight: 400;
  letter-spacing: -0.30395rem;
  line-height: 1.05;
  white-space: nowrap;
}

.ntgy-block-data-tabs__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  padding: 1.5rem;
  border-radius: 0.375rem;
  background: var(--ntgy-color-white-true);
}

.ntgy-block-data-tabs__data-box {
  min-height: 8.5rem;
  padding-block: 1.5rem 3.5rem;
  border-top: 1px solid var(--ntgy-color-blue-60);
}

.ntgy-block-data-tabs__data-label {
  margin-block-end: 0.125rem;
  font-size: 1.25rem;
  font-weight: 400;
}

.ntgy-block-data-tabs__data-value {
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: -0.125rem;
}

.ntgy-block-data-tabs__panel--challenge {
  display: block;
  padding: 1.5rem;
}

.ntgy-block-data-tabs__challenge-surface {
  padding: 1.5rem;
  border-radius: var(--ntgy-radius-md);
  background: var(--ntgy-color-white-true);
}

.ntgy-block-data-tabs__challenge-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 34.375rem;
  gap: clamp(2rem, 5vw, 4.5rem);
  align-items: center;
  min-height: 30.9375rem;
  margin-block-start: 1rem;
}

.ntgy-block-data-tabs__challenge-diagram {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 25.9375rem;
}

.ntgy-block-data-tabs__info-button {
  position: absolute;
  z-index: 3;
  top: 1.5rem;
  right: 1.5rem;
  appearance: none;
  display: inline-flex;
  gap: 0.125rem;
  align-items: center;
  justify-content: flex-start;
  padding: 0.25rem 0.75rem;
  border: 1px solid var(--ntgy-color-blue-100);
  border-radius: 0.125rem;
  color: var(--ntgy-color-blue-80, #336a8d);
  background: var(--ntgy-color-white-true, #fdfefe);
  font: inherit;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  transition:
    color var(--ntgy-transition-duration) var(--ntgy-transition-timing),
    background-color var(--ntgy-transition-duration) var(--ntgy-transition-timing),
    box-shadow var(--ntgy-transition-duration) var(--ntgy-transition-timing);
}

.ntgy-block-data-tabs__challenge-diagram > .ntgy-block-data-tabs__info-button {
  top: 0;
  right: 0;
}

.ntgy-block-data-tabs__info-mobile {
  display: none;
}

.ntgy-block-data-tabs__info-button:hover {
  color: var(--ntgy-color-blue-100);
  background: var(--ntgy-color-blue-20);
}

.ntgy-block-data-tabs__info-button:focus-visible {
  outline: 0;
  box-shadow:
    0 0 0 2px var(--ntgy-color-white),
    0 0 0 4px var(--ntgy-color-blue-100);
}

.ntgy-block-data-tabs__info-button-label {
  display: block;
  line-height: 1;
  white-space: nowrap;
}

.ntgy-block-data-tabs__info-button-icon {
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
}

.ntgy-block-data-tabs__info-button-icon img {
  display: block;
  width: 0.74038rem;
  height: 0.74038rem;
  object-fit: contain;
}

.ntgy-block-data-tabs__info-modal {
  position: absolute;
  z-index: 20;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

.ntgy-block-data-tabs__info-modal[hidden] {
  display: none;
}

.ntgy-block-data-tabs__info-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(191, 191, 191, 0.5);
}

.ntgy-block-data-tabs__info-modal-card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: min(100%, 37.5rem);
  min-height: 20.4375rem;
  padding: 2rem;
  border-radius: var(--ntgy-radius-md);
  background: var(--ntgy-color-white-true, #fdfefe);
  box-shadow: 0 1.25rem 1.625rem rgba(0, 0, 0, 0.5);
}

.ntgy-block-data-tabs__info-modal-card:focus {
  outline: none;
}

.ntgy-block-data-tabs__info-modal-content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  color: var(--ntgy-color-blue-100);
}

.ntgy-block-data-tabs__info-modal-title {
  margin: 0;
  color: var(--ntgy-color-blue-100);
  font-size: 1.75rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
}

.ntgy-block-data-tabs__info-modal-text {
  color: var(--ntgy-color-blue-100);
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4;
}

.ntgy-block-data-tabs__info-modal-text p,
.ntgy-block-data-tabs__info-modal-text ul,
.ntgy-block-data-tabs__info-modal-text ol {
  margin: 0;
}

.ntgy-block-data-tabs__info-modal-text p + p,
.ntgy-block-data-tabs__info-modal-text p + ul,
.ntgy-block-data-tabs__info-modal-text p + ol,
.ntgy-block-data-tabs__info-modal-text ul + p,
.ntgy-block-data-tabs__info-modal-text ol + p {
  margin-block-start: 0.75rem;
}

.ntgy-block-data-tabs__info-modal-close {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.625rem;
  height: 2.625rem;
  padding: 0.625rem;
  border: 0;
  border-radius: 2.5rem;
  color: var(--ntgy-color-blue-100);
  background: var(--ntgy-color-gray-10, #f9f8f7);
  cursor: pointer;
}

.ntgy-block-data-tabs__info-modal-close::before {
  width: 1.25rem;
  height: 1.25rem;
  background: currentColor;
  content: "";
  mask: url("../../assets/images/icons/filter-close-figma.svg") center / contain no-repeat;
  -webkit-mask: url("../../assets/images/icons/filter-close-figma.svg") center / contain no-repeat;
}

.ntgy-block-data-tabs__info-modal-close:hover {
  background: var(--ntgy-color-blue-20);
}

.ntgy-block-data-tabs__info-modal-close:focus-visible {
  outline: 0;
  box-shadow:
    0 0 0 2px var(--ntgy-color-white),
    0 0 0 4px var(--ntgy-color-blue-100);
}

body.ntgy-data-tabs-info-open {
  overflow: hidden;
}

.ntgy-block-data-tabs__challenge-diagram-image {
  display: block;
  width: 100%;
  max-width: 44rem;
  height: auto;
}

.ntgy-block-data-tabs__challenge-diagram-figma {
  position: relative;
  width: min(100%, 37.9782rem);
  height: 25.941rem;
}

.ntgy-block-data-tabs__challenge-ring,
.ntgy-block-data-tabs__challenge-center-bg,
.ntgy-block-data-tabs__challenge-arrow {
  position: absolute;
  display: block;
  pointer-events: none;
}

.ntgy-block-data-tabs__challenge-ring {
  top: 1.629rem;
  left: 6.07rem;
  width: 24.375rem;
  height: 24.3125rem;
}

.ntgy-block-data-tabs__challenge-center-bg {
  top: 8.9375rem;
  left: 13.375rem;
  width: 9.75rem;
  height: 9.6875rem;
}

.ntgy-block-data-tabs__challenge-arrow--left {
  top: 3.972rem;
  left: 6.07rem;
  width: 4.993rem;
  height: 10.747rem;
}

.ntgy-block-data-tabs__challenge-arrow--right {
  top: 3.806rem;
  left: 25.219rem;
  width: 5.226rem;
  height: 11.007rem;
}

.ntgy-block-data-tabs__challenge-arrow--bottom {
  top: 22.19rem;
  left: 9.453rem;
  width: 17.61rem;
  height: 3.751rem;
}

.ntgy-block-data-tabs__challenge-center-label {
  position: absolute;
  top: 13.0625rem;
  left: 15.75rem;
  color: var(--ntgy-color-blue-100);
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
}

.ntgy-block-data-tabs__challenge-node {
  position: absolute;
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 1.5rem;
  border: 1px solid var(--ntgy-color-orange-80, #ea8e33);
  border-radius: 4rem;
  color: var(--ntgy-color-blue-100);
  background: var(--ntgy-color-white-true);
}

.ntgy-block-data-tabs__challenge-node--top {
  top: 0;
  left: 11.5625rem;
}

.ntgy-block-data-tabs__challenge-node--left {
  top: 17.502rem;
  left: 0;
}

.ntgy-block-data-tabs__challenge-node--right {
  top: 17.502rem;
  left: 24.875rem;
}

.ntgy-block-data-tabs__challenge-node-icon {
  display: inline-flex;
  width: 2.0625rem;
  height: 2.0625rem;
}

.ntgy-block-data-tabs__challenge-node-copy {
  display: flex;
  flex-direction: column;
  gap: 0.267rem;
  line-height: 1;
  white-space: nowrap;
}

.ntgy-block-data-tabs__challenge-node-copy strong {
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.033rem;
}

.ntgy-block-data-tabs__challenge-node-copy span {
  font-size: 1rem;
  letter-spacing: -0.013rem;
}

.ntgy-block-data-tabs__challenge-axis {
  position: absolute;
  color: var(--ntgy-color-blue-100);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}

.ntgy-block-data-tabs__challenge-axis--emissions {
  top: 5.875rem;
  left: 8.8125rem;
  transform: rotate(-50deg);
}

.ntgy-block-data-tabs__challenge-axis--cost {
  top: 14.9375rem;
  left: 5rem;
  transform: rotate(-85deg);
}

.ntgy-block-data-tabs__challenge-axis--reliability {
  top: 22.125rem;
  left: 11.4375rem;
  transform: rotate(50deg);
}

.ntgy-block-data-tabs__challenge-axis--price {
  top: 5.8125rem;
  left: 27.75rem;
  transform: rotate(50deg);
}

.ntgy-block-data-tabs__challenge-axis--impact {
  top: 15.25rem;
  left: 31.125rem;
  transform: rotate(78deg);
}

.ntgy-block-data-tabs__challenge-axis--access {
  top: 22.125rem;
  left: 27.875rem;
  transform: rotate(-50deg);
}

.ntgy-block-data-tabs__challenge-cards {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.ntgy-block-data-tabs__info-card {
  display: grid;
  grid-template-columns: 3.375rem minmax(0, 1fr);
  gap: 1.5rem;
  align-items: start;
  min-height: 8rem;
  padding: 1.5rem;
  border-radius: var(--ntgy-radius-md);
  background: var(--ntgy-color-orange-10, #fcf1e6);
}

.ntgy-block-data-tabs__editorial-icon,
.ntgy-block-data-tabs__scenario-icon {
  display: inline-flex;
  flex: 0 0 auto;
  width: 3.375rem;
  height: 3.375rem;
  color: var(--ntgy-color-orange-100);
}

.ntgy-block-data-tabs__editorial-icon-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ntgy-block-data-tabs__editorial-icon-image path {
  fill: none;
  stroke: currentColor;
  stroke-width: 3.25;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.ntgy-block-data-tabs__editorial-icon-image text {
  fill: currentColor;
}

.ntgy-block-data-tabs__info-card-title,
.ntgy-block-data-tabs__scenario-title {
  margin: 0;
  color: var(--ntgy-color-blue-100);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.3;
}

.ntgy-block-data-tabs__info-card-text,
.ntgy-block-data-tabs__scenario-text {
  margin: 0.5rem 0 0;
  color: var(--ntgy-color-blue-80);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
}

.ntgy-block-data-tabs__editorial-card--tension .ntgy-block-data-tabs__scenario-title {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
}

.ntgy-block-data-tabs__editorial-card--tension .ntgy-block-data-tabs__scenario-text {
  font-size: 1rem;
  line-height: 1.42;
}

.ntgy-block-data-tabs__editorial-card--response .ntgy-block-data-tabs__scenario-title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}

.ntgy-block-data-tabs__editorial-card--response .ntgy-block-data-tabs__scenario-text {
  font-size: 1rem;
  line-height: 1.35;
}

.ntgy-block-data-tabs__panel--tension,
.ntgy-block-data-tabs__panel--response {
  grid-template-columns: minmax(18rem, 22.25rem) minmax(0, 1fr);
  gap: clamp(2rem, 3.35vw, 3rem);
  align-items: start;
  min-height: 37.75rem;
  padding: 2.5rem;
}

.ntgy-block-data-tabs__split-copy {
  align-self: start;
}

.ntgy-block-data-tabs__split-kicker {
  margin: 0;
  color: var(--ntgy-color-blue-100);
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
}

.ntgy-block-data-tabs__split-title {
  max-width: 20rem;
  margin: 2rem 0 0;
  color: var(--ntgy-color-blue-100);
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.03;
}

.ntgy-block-data-tabs__split-text {
  max-width: 18rem;
  margin: 1.25rem 0 0;
  color: var(--ntgy-color-black-80);
  font-size: 1rem;
  line-height: 1.25;
}

.ntgy-block-data-tabs__editorial-cards-frame {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  align-self: start;
  min-height: 29rem;
  margin-block-start: 2.5rem;
  padding: 1rem;
  border-radius: var(--ntgy-radius-md);
  background: var(--ntgy-color-white-true);
}

.ntgy-block-data-tabs__editorial-card {
  min-height: 27rem;
  padding: 1.75rem 1rem 1.5rem;
  border-radius: var(--ntgy-radius-sm);
  background: var(--ntgy-color-orange-8);
}

.ntgy-block-data-tabs__editorial-card--tension {
  display: flex;
  flex-direction: column;
}

.ntgy-block-data-tabs__editorial-card--response {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
}

.ntgy-block-data-tabs__scenario-icon {
  width: 3.875rem;
  height: 3.875rem;
  margin-block-end: 1.75rem;
}

.ntgy-block-data-tabs__scenario-value {
  margin: 0.75rem 0 1rem;
  color: var(--ntgy-color-blue-100);
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
}

.ntgy-block-data-tabs__editorial-card--response .ntgy-block-data-tabs__scenario-title {
  margin-block-start: 1.25rem;
}

.ntgy-block-data-tabs__editorial-card--response .ntgy-block-data-tabs__scenario-value {
  margin: 0;
  color: var(--ntgy-color-orange-100);
  font-size: 3rem;
  line-height: 0.95;
}

.ntgy-block-data-tabs__scenario-meta {
  margin: 0.25rem 0 1.5rem;
  color: var(--ntgy-color-blue-100);
  font-size: 1rem;
  line-height: 1.2;
}

.ntgy-block-data-tabs__progress {
  position: relative;
  overflow: hidden;
  height: 0.75rem;
  border-radius: 999rem;
  background: var(--ntgy-color-white-true);
}

.ntgy-block-data-tabs__progress::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: var(--ntgy-data-tabs-progress, 38%);
  border-radius: inherit;
  background: var(--ntgy-color-orange-100);
}

.ntgy-block-data-tabs__button {
  --ntgy-data-tabs-button-arrow: url("data:image/svg+xml,%3Csvg viewBox='0 0 12.4615 12.4615' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.4806 7.03376L0.0010109 7.02743L0 5.42556L9.47904 5.43132L5.29934 1.13213L6.40001 0L12.4615 6.23481L6.40787 12.4615L5.30577 11.3279L9.4806 7.03376Z' fill='black'/%3E%3C/svg%3E");

  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  width: max-content;
  max-width: 100%;
  height: 2.75rem;
  min-height: 2.75rem;
  overflow: hidden;
  padding: 0.25rem 0.25rem 0.25rem 1rem;
  border: 1px solid var(--ntgy-color-blue-100);
  border-radius: var(--ntgy-radius-pill);
  color: var(--ntgy-color-blue-100);
  background: transparent;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition:
    border-color var(--ntgy-transition-duration) var(--ntgy-transition-timing),
    box-shadow var(--ntgy-transition-duration) var(--ntgy-transition-timing);
}

.ntgy-block-data-tabs__button::before {
  position: absolute;
  z-index: 0;
  inset-block-start: 50%;
  inset-inline-start: -22.53688rem;
  width: 22.01713rem;
  height: 3.21206rem;
  border-radius: 2.1875rem;
  background: var(--ntgy-color-blue-100);
  content: "";
  transform: translateY(-50%);
  transition: inset-inline-start var(--ntgy-transition-duration) var(--ntgy-transition-timing);
}

.ntgy-block-data-tabs__button-label,
.ntgy-block-data-tabs__button-icon {
  position: relative;
  z-index: 1;
}

.ntgy-block-data-tabs__button-icon {
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.20694rem;
  height: 2.25rem;
  flex: 0 0 3.20694rem;
  border-radius: var(--ntgy-radius-pill);
  color: var(--ntgy-color-white);
  background: var(--ntgy-color-blue-100);
  transition: color var(--ntgy-transition-duration) var(--ntgy-transition-timing);
}

.ntgy-block-data-tabs__button-icon::after {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -3.51063rem;
  width: 3.20694rem;
  height: 2.25rem;
  border-radius: var(--ntgy-radius-pill);
  background: var(--ntgy-color-white);
  content: "";
  transition: inset-inline-start var(--ntgy-transition-duration) var(--ntgy-transition-timing);
}

.ntgy-block-data-tabs__button-icon::before {
  position: relative;
  z-index: 1;
  width: 0.77884rem;
  height: 0.77884rem;
  background: currentColor;
  content: "";
  mask: var(--ntgy-data-tabs-button-arrow) center / contain no-repeat;
  -webkit-mask: var(--ntgy-data-tabs-button-arrow) center / contain no-repeat;
}

.ntgy-block-data-tabs__button:hover {
  border-color: var(--ntgy-color-blue-100);
  color: var(--ntgy-color-white);
}

.ntgy-block-data-tabs__button:hover::before {
  inset-inline-start: 0;
}

.ntgy-block-data-tabs__button:hover .ntgy-block-data-tabs__button-icon,
.ntgy-block-data-tabs__button:hover .ntgy-block-data-tabs__button-icon::after {
  color: var(--ntgy-color-blue-100);
}

.ntgy-block-data-tabs__button:hover .ntgy-block-data-tabs__button-icon::after {
  inset-inline-start: 0;
}

.ntgy-block-data-tabs__button:focus-visible {
  outline: 0;
  box-shadow:
    0 0 0 2px var(--ntgy-color-white),
    0 0 0 4px var(--ntgy-color-blue-100),
    0 0 0 6px var(--ntgy-color-white),
    0 0 0 8px var(--ntgy-color-blue-100);
}

@media (max-width: 1023px) {
  .ntgy-block-data-tabs {
    padding-block: 3rem;
  }

  .ntgy-block-data-tabs__panel {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    min-height: 0;
  }

  .ntgy-block-data-tabs__challenge-layout,
  .ntgy-block-data-tabs__panel--tension,
  .ntgy-block-data-tabs__panel--response {
    grid-template-columns: 1fr;
  }

  .ntgy-block-data-tabs__challenge-diagram {
    min-height: 26rem;
  }

  .ntgy-block-data-tabs__split-title,
  .ntgy-block-data-tabs__split-text {
    max-width: 44rem;
  }

  .ntgy-block-data-tabs__editorial-cards-frame {
    grid-template-columns: 1fr;
  }

  .ntgy-block-data-tabs__featured {
    max-width: none;
    min-height: 16rem;
  }

  .ntgy-block-data-tabs__featured-value {
    white-space: normal;
  }
}

@media (max-width: 767px) {
  .ntgy-block-data-tabs {
    box-sizing: border-box;
    padding-block: 0 2.5rem;
  }

  .entry-content > .ntgy-block-data-tabs.alignfull,
  .entry-content > .ntgy-block-data-tabs.alignwide,
  .editor-styles-wrapper .is-root-container > .ntgy-block-data-tabs.alignfull,
  .editor-styles-wrapper .is-root-container > .ntgy-block-data-tabs.alignwide,
  .ntgy-block-data-tabs.alignfull,
  .ntgy-block-data-tabs.alignwide {
    width: var(--ntgy-mobile-module-width);
    max-width: var(--ntgy-mobile-module-width);
    margin-inline: var(--ntgy-mobile-module-margin-inline);
    padding-inline: 0;
  }

  .ntgy-block-data-tabs__inner {
    gap: 0;
    width: 100%;
    max-width: none;
  }

  .ntgy-block-data-tabs__tabs {
    gap: 0.25rem;
    width: 100%;
  }

  .ntgy-block-data-tabs__tablist {
    gap: 0.25rem;
    overflow-x: auto;
    overflow-y: hidden;
    margin-inline: 0;
    width: 100%;
    padding: 0.25rem;
    border-radius: var(--ntgy-radius-md);
    scroll-padding-inline: 0.25rem;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .ntgy-block-data-tabs__panels {
    width: 100%;
  }

  .ntgy-block-data-tabs__tablist::-webkit-scrollbar {
    display: none;
  }

  .ntgy-block-data-tabs__tab {
    flex: 0 0 auto;
    min-height: 2.75rem;
    padding: 0.75rem;
    scroll-snap-align: start;
  }

  .ntgy-block-data-tabs__panel {
    gap: 0;
    padding: 1rem;
  }

  .ntgy-block-data-tabs__panel > .ntgy-block-data-tabs__info-button {
    position: static;
    justify-self: end;
    margin-block-end: 1rem;
  }

  .ntgy-block-data-tabs__panel--challenge {
    padding: 1rem;
  }

  .ntgy-block-data-tabs__panel--tension,
  .ntgy-block-data-tabs__panel--response {
    gap: 1.5rem;
    padding: 1rem;
  }

  .ntgy-block-data-tabs__challenge-surface {
    padding: 1rem;
    border-radius: var(--ntgy-radius-md);
    background: var(--ntgy-color-white-true);
  }

  .ntgy-block-data-tabs__challenge-layout {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    min-height: 0;
    margin-block-start: 1rem;
  }

  .ntgy-block-data-tabs__challenge-diagram {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    padding-block-end: 1.75rem;
  }

  .ntgy-block-data-tabs__challenge-diagram > .ntgy-block-data-tabs__info-button {
    top: auto;
    right: 0;
    bottom: 0;
  }

  .ntgy-block-data-tabs__challenge-diagram-figma {
    width: min(100%, 18.625rem);
    height: auto;
    aspect-ratio: 297 / 217;
    transform-origin: top center;
  }

  .ntgy-block-data-tabs__challenge-diagram-figma > * {
    transform: scale(0.49);
    transform-origin: top left;
  }

  .ntgy-block-data-tabs__info-modal {
    position: fixed;
    padding: 1.25rem;
  }

  .ntgy-block-data-tabs__info-modal-card {
    min-height: 18rem;
    padding: 1.5rem;
  }

  .ntgy-block-data-tabs__info-modal-title {
    font-size: 1.5rem;
  }

  .ntgy-block-data-tabs__info-modal-text {
    font-size: 1rem;
  }

  .ntgy-block-data-tabs__challenge-cards {
    gap: 1rem;
  }

  .ntgy-block-data-tabs__info-card {
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1rem;
    min-height: 0;
    padding: 1rem;
    border-radius: 0.375rem;
  }

  .ntgy-block-data-tabs__info-card .ntgy-block-data-tabs__editorial-icon {
    width: 3rem;
    height: 3rem;
  }

  .ntgy-block-data-tabs__scenario-icon {
    width: 3.25rem;
    height: 3.25rem;
  }

  .ntgy-block-data-tabs__featured {
    gap: 1rem;
    justify-content: start;
    min-height: 0;
    padding-block: 1rem;
  }

  .ntgy-block-data-tabs__panel-title {
    margin-block-end: 1rem;
    font-size: 1.5rem;
    line-height: var(--ntgy-line-height-ui);
  }

  .ntgy-block-data-tabs__split-kicker {
    font-size: 1.5rem;
  }

  .ntgy-block-data-tabs__split-title {
    margin-block-start: 1.25rem;
    font-size: 2rem;
    line-height: 1;
  }

  .ntgy-block-data-tabs__split-text {
    font-size: 1.125rem;
  }

  .ntgy-block-data-tabs__editorial-cards-frame {
    gap: 0.75rem;
    padding: 0.75rem;
  }

  .ntgy-block-data-tabs__editorial-card {
    min-height: 0;
    padding: 1.5rem;
  }

  .ntgy-block-data-tabs__scenario-icon {
    margin-block-end: 1.25rem;
  }

  .ntgy-block-data-tabs__scenario-title {
    font-size: 1.35rem;
  }

  .ntgy-block-data-tabs__scenario-text {
    font-size: 1.05rem;
  }

  .ntgy-block-data-tabs__info-card-title {
    font-size: 1rem;
    line-height: 1.2;
  }

  .ntgy-block-data-tabs__info-card-text {
    margin-block-start: 0.5rem;
    font-size: 0.9375rem;
    line-height: 1.35;
  }

  .ntgy-block-data-tabs__editorial-card--tension .ntgy-block-data-tabs__scenario-title,
  .ntgy-block-data-tabs__editorial-card--response .ntgy-block-data-tabs__scenario-title {
    font-size: 1rem;
    line-height: 1.2;
  }

  .ntgy-block-data-tabs__editorial-card--tension .ntgy-block-data-tabs__scenario-text,
  .ntgy-block-data-tabs__editorial-card--response .ntgy-block-data-tabs__scenario-text {
    font-size: 1.125rem;
    line-height: 1.4;
  }

  .ntgy-block-data-tabs__scenario-value,
  .ntgy-block-data-tabs__editorial-card--response .ntgy-block-data-tabs__scenario-value {
    font-size: 2rem;
    letter-spacing: 0;
  }

  .ntgy-block-data-tabs__featured-label {
    font-size: 1.25rem;
  }

  .ntgy-block-data-tabs__featured-value {
    color: var(--ntgy-color-orange-100);
    font-size: clamp(3.75rem, 16.3vw, 4rem);
    letter-spacing: -0.30395rem;
    line-height: 1.1;
    white-space: nowrap;
  }

  .ntgy-block-data-tabs__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
  }

  .ntgy-block-data-tabs__mobile-action {
    display: flex;
    justify-content: center;
    padding-block-start: 2rem;
  }

  .ntgy-block-data-tabs__mobile-action[hidden] {
    display: none;
  }

  .ntgy-block-data-tabs__data-box {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    min-height: auto;
    padding-block: 1rem 2rem;
    border-top: 0;
  }

  .ntgy-block-data-tabs__data-box:nth-child(n + 3) {
    border-top: 1px solid var(--ntgy-color-blue-60);
  }

  .ntgy-block-data-tabs__data-label {
    font-size: 1.125rem;
  }

  .ntgy-block-data-tabs__data-value {
    font-size: 2rem;
    letter-spacing: -0.125rem;
  }
}