.ddm-page { --ddm-card: linear-gradient(135deg, #1e2a4a 0%, #1b1d3c 42%, #162040 100%); --ddm-border: rgba(126, 148, 198, .26); color:#f8fafc; }
.ddm-page .tile-card { background:var(--ddm-card)!important; border:1px solid var(--ddm-border)!important; border-radius:.7rem!important; box-shadow:0 1.15rem 2.8rem rgba(0,0,0,.18)!important; }

.ddm-page .tile-card .card-body {
  min-width: 0;
}

.ddm-page .tile-card h6 {
  margin-bottom: 0;
}

.ddm-page .test-consideration-gauge-slot {
  --test-gauge-width: clamp(14.25rem, 76%, 17.5rem);
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 10.1rem;
  padding-top: 0.85rem;
}

.ddm-page .test-consideration-gauge-slot .test-pic-gauge-custom,
.ddm-page .test-consideration-gauge-slot .metric-gauge {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ddm-page .metric-gauge-readout,
.ddm-page .test-pic-gauge-readout {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: var(--test-gauge-badge-offset);
}

.ddm-page .metric-gauge-change,
.ddm-page .test-pic-change-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: max(0.42rem, calc(var(--test-gauge-badge-gap) * 2.2));
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: calc(var(--test-gauge-label-size) * 1.18);
  line-height: 1.15;
}

.ddm-page .metric-gauge-change-pill,
.ddm-page .test-pic-change-pill {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  height: var(--test-gauge-pill-height);
}

.ddm-page .metric-gauge-change-icon,
.ddm-page .test-pic-change-badge-icon {
  width: calc(var(--test-gauge-pill-icon-size) * 1.22);
  height: calc(var(--test-gauge-pill-icon-size) * 1.40);
  flex: 0 0 auto;
}

.ddm-page .test-pic-change-badge-icon-placeholder {
  visibility: hidden;
  display: inline-block;
}

.ddm-page .metric-gauge-change-label,
.ddm-page .test-pic-change-badge-label {
  color: rgba(255, 255, 255, 0.58) !important;
  font-weight: 400;
  font-size: calc(var(--test-gauge-label-size) * 1.18);
  white-space: nowrap;
}

.ddm-page .metric-gauge-change-detail,
.ddm-page .test-pic-change-badge-detail {
  font-size: calc(var(--test-gauge-label-size) * 1.55);
  font-weight: 600;
}

.ddm-page .metric-gauge-change:not(.metric-gauge-change-directional) .metric-gauge-change-detail,
.ddm-page .test-pic-change-badge:not(.test-pic-change-badge-directional) .test-pic-change-badge-detail {
  font-size: calc(var(--test-gauge-label-size) * 1.95);
  font-weight: 700;
}

.ddm-page .metric-gauge-change:not(.metric-gauge-change-directional) .metric-gauge-change-icon,
.ddm-page .test-pic-change-badge:not(.test-pic-change-badge-directional) .test-pic-change-badge-icon {
  width: calc(var(--test-gauge-pill-icon-size) * 1.50);
  height: calc(var(--test-gauge-pill-icon-size) * 1.72);
}

.ddm-page .metric-gauge-change-up .metric-gauge-change-icon,
.ddm-page .metric-gauge-change-up .metric-gauge-change-detail,
.ddm-page .test-pic-change-badge-up .test-pic-change-badge-icon,
.ddm-page .test-pic-change-badge-up .test-pic-change-badge-detail {
  color: #06A26B !important;
}

.ddm-page .metric-gauge-change-down .metric-gauge-change-icon,
.ddm-page .metric-gauge-change-down .metric-gauge-change-detail,
.ddm-page .test-pic-change-badge-down .test-pic-change-badge-icon,
.ddm-page .test-pic-change-badge-down .test-pic-change-badge-detail {
  color: #FF7775 !important;
}

.ddm-page .metric-gauge-change-directional .metric-gauge-change-icon,
.ddm-page .metric-gauge-change-directional .metric-gauge-change-detail,
.ddm-page .test-pic-change-badge-directional .test-pic-change-badge-icon,
.ddm-page .test-pic-change-badge-directional .test-pic-change-badge-detail {
  opacity: 0.65;
}

.ddm-page .metric-gauge-change-neutral .metric-gauge-change-icon,
.ddm-page .metric-gauge-change-neutral .metric-gauge-change-detail,
.ddm-page .test-pic-change-badge-neutral .test-pic-change-badge-icon,
.ddm-page .test-pic-change-badge-neutral .test-pic-change-badge-detail {
  color: #FDC501 !important;
}

@media (max-width: 767.98px) {
  .ddm-page .test-consideration-gauge-slot {
    --test-gauge-width: clamp(13.5rem, 64vw, 16.25rem);
    min-height: 9.75rem;
    padding-top: 0.7rem;
  }
}