/* One summary surface; shared text tracks and width-driven layout. */
.metric-grid-host { container: metric-cards / inline-size; min-width: 0; }
.public-glass .metric-grid-host > .hero-metrics,
.public-glass .metric-grid-host > .metrics {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch; gap: 0; margin: 0 0 1.125rem; padding: .875rem 0;
  border: 1px solid var(--ui-border); border-radius: var(--ui-radius-lg);
  background: var(--ui-panel); box-shadow: var(--ui-shadow);
}
.public-glass .metric-grid-host .metric,
.public-glass .metric-grid-host .metric:first-child,
.public-glass .metric-grid-host .metric:last-child {
  position: relative; display: grid; container-type: normal;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch; justify-items: stretch; text-align: left;
  grid-template-rows: minmax(1.75rem, auto) minmax(2.5rem, auto) minmax(2.5rem, auto);
  align-content: center; row-gap: .375rem; grid-column: auto;
  min-width: 0; min-height: 7.75rem; margin: 0;
  padding: .375rem clamp(.75rem, 1.4vw, 1.5rem);
  border: 0; border-radius: 0; background: transparent; box-shadow: none;
}
.public-glass .metric-grid-host .metric + .metric::before {
  content: ""; position: absolute; inset: 1rem auto 1rem 0;
  width: 1px; background: var(--ui-line);
}
.public-glass .metric-grid-host .metric > .label {
  align-self: stretch; display: flex; align-items: center;
  min-width: 0; min-height: 1.75rem; font-size: .75rem;
  line-height: 1.5; overflow-wrap: anywhere;
}
.public-glass .metric-grid-host .metric-label-action {
  justify-content: space-between; flex-wrap: wrap; gap: .125rem .375rem;
}
.public-glass .metric-grid-host .metric-label-action a,
.public-glass .metric-grid-host .profit-breakdown-toggle {
  color: var(--ui-accent); font-size: .6875rem; line-height: 1.5;
  min-height: 1.75rem; white-space: nowrap; text-decoration: none;
}
.public-glass .metric-grid-host .metric > .value {
  align-self: center; min-width: 0; max-width: 100%; margin: 0;
  overflow: visible; font-size: clamp(1.25rem, 1rem + .65vw, 1.75rem);
  line-height: 1.2; white-space: normal; text-overflow: clip;
  overflow-wrap: anywhere; font-variant-numeric: tabular-nums;
}
.public-glass .metric-grid-host .metric.primary > .value { white-space: nowrap; font-size: clamp(1.5rem, 1.15rem + 1vw, 2.25rem); }
.public-glass .metric-grid-host .metric > .subvalue,
.public-glass .metric-grid-host .metric > .metric-caption {
  align-self: center; min-width: 0; margin: 0; color: var(--ui-muted);
  font-size: .75rem; line-height: 1.6; overflow-wrap: anywhere;
}
.public-glass .metric-grid-host .subvalue { margin: 0; font-size: .75rem; line-height: 1.6; }
@container metric-cards (max-width: 55.999rem) {
  .public-glass .metric-grid-host > .hero-metrics,
  .public-glass .metric-grid-host > .metrics { grid-template-columns: repeat(6, minmax(0, 1fr)); row-gap: .75rem; }
  .public-glass .metric-grid-host .metric:nth-child(n) { grid-column: span 2; }
  .public-glass .metric-grid-host .metric:nth-child(n+4) { grid-column: span 3; }
  .public-glass .metric-grid-host .metric:nth-child(4)::before { display: none; }
}
@container metric-cards (max-width: 37.999rem) {
  .public-glass .metric-grid-host > .hero-metrics,
  .public-glass .metric-grid-host > .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-glass .metric-grid-host .metric:nth-child(n) { grid-column: auto; }
  .public-glass .metric-grid-host .metric:nth-child(odd)::before { display: none; }
  .public-glass .metric-grid-host .metric:nth-child(even)::before { display: block; }
  .public-glass .metric-grid-host .metric:last-child { grid-column: 1 / -1; }
}
@container metric-cards (max-width: 23.999rem) {
  .public-glass .metric-grid-host > .hero-metrics,
  .public-glass .metric-grid-host > .metrics { grid-template-columns: minmax(0, 1fr); }
  .public-glass .metric-grid-host .metric:nth-child(n) { grid-column: auto; }
  .public-glass .metric-grid-host .metric:nth-child(n)::before { display: none; }
}
@supports not (container-type: inline-size) {
  .public-glass .metric-grid-host > .hero-metrics,
  .public-glass .metric-grid-host > .metrics { grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); }
}
@supports (grid-template-rows: subgrid) {
  .public-glass .metric-grid-host .metric:nth-child(n) {
    grid-row: span 3; grid-template-rows: subgrid;
    align-content: normal; row-gap: .375rem;
  }
}