.test-consideration-metrics-page {
  --metric-gap: clamp(1rem, 2vw, 1.5rem);
  --metric-card-min-height: 12.5rem;
}

.test-consideration-metrics-page .container-fluid { width: 100%; max-width: 100%; min-width: 0; }
.test-consideration-metrics-page .tile-card { height: 100%; }
.test-consideration-metrics-page .tile-card .card-body { min-width: 0; }
.test-consideration-metrics-page .test-consideration-top-row { display: flex; align-items: stretch; gap: var(--metric-gap); width: 100%; min-width: 0; margin-bottom: var(--metric-gap); }
.test-consideration-metrics-page .test-consideration-intro-col {
  display: flex;
  flex: 1 1 16.25rem;
  min-width: 12rem;
}
.test-consideration-metrics-page .test-consideration-intro-col > .tile-card {
  flex: 1 1 auto;
  min-height: var(--metric-card-min-height);
}
.test-consideration-metrics-page .test-consideration-gauge-group { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--metric-gap); flex: 0 1 54.4rem; min-width: 0; }
.test-consideration-metrics-page .test-pic-gauge-col,
.test-consideration-metrics-page .test-strength-gauge-col { min-width: 0; min-height: var(--metric-card-min-height); }
.test-consideration-metrics-page .test-consideration-chart-row { display: grid; grid-template-columns: minmax(0, 2fr) minmax(20rem, 1fr); grid-auto-rows: clamp(24rem, 32vw, 32rem); gap: var(--metric-gap); width: 100%; min-width: 0; margin-bottom: var(--metric-gap); }
.test-consideration-metrics-page .test-strength-top-row { display: grid; grid-template-columns: minmax(16.25rem, 0.9fr) minmax(20rem, 1.4fr); gap: var(--metric-gap); align-items: stretch; width: 100%; min-width: 0; margin-bottom: var(--metric-gap); }
.test-consideration-metrics-page .test-strength-intro-col {
  display: flex;
  min-width: 0;
}
.test-consideration-metrics-page .test-strength-intro-col > .tile-card {
  flex: 1 1 auto;
  min-height: var(--metric-card-min-height);
}
.test-consideration-metrics-page .test-strength-chart-row { display: grid; grid-template-columns: minmax(0, 5fr) minmax(22.5rem, 7fr); grid-auto-rows: clamp(24rem, 32vw, 32rem); gap: var(--metric-gap); align-items: stretch; width: 100%; min-width: 0; }
.test-consideration-metrics-page .test-strength-line-col,
.test-consideration-metrics-page .test-strength-scatter-col { display: flex; min-width: 0; min-height: 0; }
.test-consideration-metrics-page .test-strength-line-col > .tile-card,
.test-consideration-metrics-page .test-strength-scatter-col > .tile-card { flex: 1 1 auto; min-width: 0; }
.test-consideration-metrics-page .test-strength-line-col .test-consideration-chart-body,
.test-consideration-metrics-page .test-strength-scatter-col .test-consideration-chart-body,
.test-consideration-metrics-page .test-strength-line-col .test-consideration-chart-graph,
.test-consideration-metrics-page .test-strength-scatter-col .test-consideration-chart-graph { min-width: 0; }
.test-consideration-metrics-page .test-residuary-top-row { display: flex; align-items: stretch; gap: var(--metric-gap); width: 100%; min-width: 0; margin-bottom: var(--metric-gap); }
.test-consideration-metrics-page .test-residuary-gauge-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--metric-gap); flex: 0 1 36.25rem; min-width: 0; }
.test-consideration-metrics-page .test-residuary-intro-col {
  display: flex;
  flex: 1 1 18.75rem;
  min-width: 13.75rem;
}
.test-consideration-metrics-page .test-residuary-intro-col > .tile-card {
  flex: 1 1 auto;
  min-height: var(--metric-card-min-height);
}
.test-consideration-metrics-page .test-residuary-chart-row { width: 100%; height: 32.5rem; min-width: 0; min-height: 0; }
.test-consideration-metrics-page .test-residuary-chart-row .test-consideration-chart-body { display: flex; flex-direction: column; height: 100%; min-height: 0; }
.test-consideration-metrics-page .test-residuary-chart-row .test-consideration-chart-graph { flex: 1 1 auto; min-height: 0; }
.test-consideration-metrics-page .test-residuary-chart-row .test-consideration-chart-graph > div,
.test-consideration-metrics-page .test-residuary-chart-row .test-consideration-chart-graph .dash-graph,
.test-consideration-metrics-page .test-residuary-chart-row .test-consideration-chart-graph .js-plotly-plot { height: 100% !important; }
.test-consideration-metrics-page .test-consideration-main-chart-col,
.test-consideration-metrics-page .test-consideration-ucs-col { display: flex; min-width: 0; min-height: 0; }
.test-consideration-metrics-page .test-consideration-main-chart-col > .tile-card,
.test-consideration-metrics-page .test-consideration-ucs-col > .tile-card { flex: 1 1 auto; min-width: 0; }
.test-consideration-metrics-page .test-consideration-main-chart-col .card-body,
.test-consideration-metrics-page .test-consideration-ucs-col .card-body,
.test-consideration-metrics-page .test-consideration-main-chart-col .card-body > div,
.test-consideration-metrics-page .test-consideration-ucs-col .card-body > div { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; }
.test-consideration-metrics-page .test-consideration-main-chart-col .test-consideration-chart-body,
.test-consideration-metrics-page .test-consideration-ucs-col .test-consideration-ucs-body { min-height: 0; }
.test-consideration-metrics-page .test-consideration-main-chart-col .test-consideration-chart-graph,
.test-consideration-metrics-page .test-consideration-ucs-col .test-consideration-ucs-graph { min-height: 0; }
.test-consideration-metrics-page .test-consideration-main-chart-col .test-consideration-chart-graph .js-plotly-plot,
.test-consideration-metrics-page .test-consideration-main-chart-col .test-consideration-chart-graph .plot-container,
.test-consideration-metrics-page .test-consideration-main-chart-col .test-consideration-chart-graph .svg-container,
.test-consideration-metrics-page .test-consideration-ucs-col .test-consideration-ucs-graph .js-plotly-plot,
.test-consideration-metrics-page .test-consideration-ucs-col .test-consideration-ucs-graph .plot-container,
.test-consideration-metrics-page .test-consideration-ucs-col .test-consideration-ucs-graph .svg-container { height: 100% !important; }
.test-consideration-metrics-page .test-consideration-gauge-title { min-height: 2.5rem; overflow-wrap: anywhere; }
.test-consideration-metrics-page .test-consideration-intro-body { overflow-wrap: anywhere; }

@media (max-width: 991.98px) {
  .test-consideration-metrics-page .test-consideration-chart-row,
  .test-consideration-metrics-page .test-strength-top-row,
  .test-consideration-metrics-page .test-strength-chart-row { grid-template-columns: 1fr; }
  .test-consideration-metrics-page .test-residuary-top-row,
  .test-consideration-metrics-page .test-consideration-top-row { flex-direction: column; }
  .test-consideration-metrics-page .test-consideration-intro-col,
  .test-consideration-metrics-page .test-residuary-intro-col { flex-basis: auto; min-width: 0; }
  .test-consideration-metrics-page .test-consideration-gauge-group,
  .test-consideration-metrics-page .test-residuary-gauge-group { flex-basis: auto; width: 100%; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .test-consideration-metrics-page .test-strength-top-row { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
}

@media (max-width: 720px) {
  .test-consideration-metrics-page .test-consideration-gauge-group,
  .test-consideration-metrics-page .test-residuary-gauge-group { grid-template-columns: 1fr; }
}