/* INDEX:80 /data/ — page-specific dashboard and responsive table rules.
   Kept separate from site.css so the public-data surface can evolve without
   changing directory/project layouts. */

.data-status-strip {
  margin-top:1rem;
  padding:.65rem .8rem;
  border:1px solid #36526e;
  background:#071829;
  color:#8fd6ec;
  font:700 .68rem/1.4 var(--font-pixel);
}

.data-grid {
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.8rem;
}

.data-card { min-width:0; overflow:hidden; }
.data-wide { grid-column:1 / -1; }
.data-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.data-metric {
  min-width:0;
  min-height:78px;
  padding:.7rem .8rem;
  border-right:1px solid #2e4e69;
  border-bottom:1px solid #2e4e69;
}
.data-metric span,
.data-metric small { display:block; color:#9cb7cd; font:600 .64rem/1.35 var(--font-pixel); }
.data-metric strong { display:block; margin:.3rem 0; color:#eaf6ff; font:700 1.12rem/1.1 var(--font-pixel); overflow-wrap:anywhere; }

.market-table-wrap {
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable;
  border-bottom:1px solid #2e4e69;
}
.market-table {
  width:100%;
  min-width:720px;
  border-collapse:collapse;
  color:#eaf6ff;
  font-family:var(--font-body);
  font-size:.8rem;
  white-space:nowrap;
}
.market-table th,
.market-table td { padding:.58rem .7rem; border-bottom:1px solid #2e4e69; text-align:left; }
.market-table th {
  position:sticky;
  top:0;
  background:#071829;
  color:#9cb7cd;
  font:700 .62rem/1.2 var(--font-pixel);
  letter-spacing:.04em;
}
.market-table .num { text-align:right; font-variant-numeric:tabular-nums; }
.market-table tbody tr:nth-child(even) { background:rgba(255,255,255,.025); }
.mobile-table-hint { display:none; }

.data-source-list { margin:.8rem 0 0; padding-left:1.2rem; }
.data-source-list li { margin:.4rem 0; line-height:1.45; }
.data-note { max-width:78ch; }

@media (max-width:1050px) {
  .data-grid { grid-template-columns:1fr 1fr; }
  .data-wide { grid-column:1 / -1; }
}

@media (max-width:720px) {
  .data-grid { grid-template-columns:1fr; }
  .data-wide { grid-column:auto; }
  .data-metrics { grid-template-columns:1fr 1fr; }
  .market-table-wrap { cursor:ew-resize; }
  .mobile-table-hint {
    display:block;
    margin:.45rem .8rem 0;
    color:#8fd6ec;
    font:700 .62rem/1.3 var(--font-pixel);
    letter-spacing:.06em;
  }
}

@media (max-width:460px) {
  .data-metrics { grid-template-columns:1fr; }
  .data-metric { min-height:auto; }
  .market-table { min-width:660px; }
}