/* Two genuinely useful headline numbers, with the remaining market context below. */
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics {
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  align-items:stretch !important;
  gap:0 !important;
  padding:0 18px !important;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric {
  min-width:0;
  border-left:0 !important;
  border-right:0 !important;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric.liquidity-hero,
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric.market-volume {
  grid-column:span 3 !important;
  grid-row:1 !important;
  min-height:108px !important;
  padding:20px 22px !important;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .liquidity-hero {
  border-right:1px solid var(--sc-border) !important;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-volume strong,
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .liquidity-hero strong {
  font-size:clamp(28px,3vw,38px) !important;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.035em;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric:not(.liquidity-hero):not(.market-volume) {
  grid-column:span 2 !important;
  grid-row:2 !important;
  min-height:82px !important;
  padding:14px 22px !important;
  border-top:1px solid var(--sc-border) !important;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > #totalStockTvl.market-metric {
  grid-column:span 2 !important;
  grid-row:2 !important;
  min-height:82px !important;
  padding:14px 22px !important;
  border-top:1px solid var(--sc-border) !important;
}
html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric:not(.liquidity-hero):not(.market-volume) + .market-metric:not(.liquidity-hero):not(.market-volume) {
  border-left:1px solid var(--sc-border) !important;
}
@media (max-width:620px) {
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics { padding:0 8px !important; }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric.liquidity-hero,
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric.market-volume {
    min-height:94px !important;
    padding:15px 8px !important;
  }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-volume strong,
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .liquidity-hero strong {
    font-size:clamp(22px,5.7vw,30px) !important;
  }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric:not(.liquidity-hero):not(.market-volume) {
    min-height:78px !important;
    padding:12px 8px !important;
  }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > #totalStockTvl.market-metric {
    min-height:78px !important;
    padding:12px 8px !important;
  }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric :is(span,small) {
    font-size:12px !important;
    line-height:1.3;
  }
  html[data-production-route="markets"] body.app-mode:not(.stock-detail-mode) #marketMetrics > .market-metric:not(.liquidity-hero):not(.market-volume) strong {
    font-size:clamp(16px,4vw,21px) !important;
  }
}

/* Home activity: one editorial band instead of a grid of identical boxes. */
html[data-site-route="home"] body.app-mode .home-sheet-meta {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:18px;
  min-width:0;
  color:var(--sc-muted);
}
html[data-site-route="home"] body.app-mode .home-sheet-meta > p:not([hidden]) {
  display:inline-flex;
  align-items:baseline;
  gap:5px;
  margin:0;
  color:var(--sc-muted);
  font-size:12px;
  font-weight:550;
  letter-spacing:0;
  white-space:nowrap;
  text-transform:none;
  font-variant-numeric:tabular-nums;
}
html[data-site-route="home"] body.app-mode .home-sheet-meta > p strong {
  color:var(--sc-text);
  font-size:13px;
  font-weight:700;
}
html[data-site-route="home"] body.app-mode .home-stat-strip {
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:auto auto auto;
  column-gap:clamp(24px,3vw,48px);
  row-gap:18px;
  padding:20px 0 28px !important;
  border-block:1px solid var(--sc-border);
  background:transparent;
}
html[data-site-route="home"] body.app-mode .home-stat-strip > div {
  min-width:0;
  padding:0 !important;
  border-left:0 !important;
  border-top:0 !important;
}
html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-heading {
  grid-column:1/-1;
  grid-row:1;
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:var(--sc-muted);
  font-size:12px;
  font-weight:600;
  letter-spacing:.015em;
}
html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-heading span:first-child {
  color:var(--sc-text);
  font-size:13px;
  font-weight:700;
}
html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  min-height:0;
}
html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-tvl {
  grid-column:1;
  grid-row:2/4;
  justify-content:center;
  padding-right:clamp(24px,3vw,48px) !important;
  border-right:1px solid var(--sc-border);
}
html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-volume { grid-column:2; grid-row:2; }
html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-borrowed { grid-column:3; grid-row:2; }
html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-markets { grid-column:2; grid-row:3; }
html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-apy { grid-column:3; grid-row:3; }
html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat strong {
  font-size:clamp(22px,2.5vw,31px);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.03em;
  line-height:1.1;
}
html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-tvl strong {
  font-size:clamp(42px,4.2vw,58px);
  letter-spacing:-.055em;
  line-height:1;
  margin:3px 0 5px;
}
html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-markets strong,
html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-apy strong {
  font-size:23px;
}
html[data-site-route="home"] body.app-mode .home-stat-strip small {
  color:var(--sc-muted);
  font-size:12px;
  line-height:1.35;
}
html[data-site-route="home"] body.app-mode .home-stat-strip .home-volume-count[hidden] {
  display:none !important;
}
html[data-site-route="home"] body.app-mode .home-stat-strip:has(.home-volume-count[hidden]) > .home-stat-tvl {
  grid-column:1;
  grid-row:2/4;
}
html[data-site-route="home"] body.app-mode .home-stat-strip:has(.home-volume-count[hidden]) > .home-stat-borrowed { grid-column:2; }
html[data-site-route="home"] body.app-mode .home-stat-strip:has(.home-volume-count[hidden]) > .home-stat-markets { grid-column:3; grid-row:2; }
html[data-site-route="home"] body.app-mode .home-stat-strip:has(.home-volume-count[hidden]) > .home-stat-apy { grid-column:2; grid-row:3; }
@media (max-width:900px) {
  html[data-site-route="home"] body.app-mode .home-stat-strip { column-gap:24px; }
  html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-tvl { padding-right:24px !important; }
}
@media (max-width:700px) {
  html[data-site-route="home"] body.app-mode .home-sheet-head {
    align-items:center;
    gap:10px;
  }
  html[data-site-route="home"] body.app-mode .home-sheet-head .home-market-note { display:none; }
  html[data-site-route="home"] body.app-mode .home-sheet-meta { gap:9px; }
  html[data-site-route="home"] body.app-mode .home-stat-strip {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto auto auto auto;
    column-gap:20px;
    row-gap:22px;
    padding:20px 0 24px !important;
  }
  html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-tvl {
    grid-column:1/-1;
    grid-row:2;
    padding:0 0 22px !important;
    border-right:0;
    border-bottom:1px solid var(--sc-border);
  }
  html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-tvl strong { font-size:clamp(38px,9vw,48px); }
  html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-volume { grid-column:1; grid-row:3; }
  html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-borrowed { grid-column:2; grid-row:3; }
  html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-markets { grid-column:1; grid-row:4; }
  html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-apy { grid-column:2; grid-row:4; }
  html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat strong { font-size:clamp(20px,5vw,26px); }
  html[data-site-route="home"] body.app-mode .home-stat-strip > .home-stat-tvl strong { font-size:clamp(38px,9vw,48px); }
  html[data-site-route="home"] body.app-mode .home-stat-strip:has(.home-volume-count[hidden]) > .home-stat-tvl {
    grid-column:1/-1;
    grid-row:2;
    padding:0 0 22px !important;
    border-right:0;
    border-bottom:1px solid var(--sc-border);
  }
  html[data-site-route="home"] body.app-mode .home-stat-strip:has(.home-volume-count[hidden]) > .home-stat-borrowed { grid-column:1; grid-row:3; }
  html[data-site-route="home"] body.app-mode .home-stat-strip:has(.home-volume-count[hidden]) > .home-stat-markets { grid-column:2; grid-row:3; }
  html[data-site-route="home"] body.app-mode .home-stat-strip:has(.home-volume-count[hidden]) > .home-stat-apy { grid-column:1/-1; grid-row:4; }
}
