.mstat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 40px; }
.mstat { background: #fff; border: 1px solid var(--base-border-tertiary); border-radius: 12px; padding: 24px; }
.mstat .k { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--base-text-tertiary); margin-bottom: 10px; }
.mstat .v { font-size: 36px; font-weight: 700; letter-spacing: -0.03em; color: var(--color-gray-950); font-variant-numeric: tabular-nums; }
.mstat .d { font-size: 12px; color: var(--color-green-700); font-weight: 600; margin-top: 6px; }
.spark { height: 40px; margin-top: 10px; }
table.comp { width: 100%; border-collapse: collapse; font-size: 13px; }
table.comp th { text-align: left; padding: 12px 8px; font-size: 11px; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; color: var(--base-text-tertiary); border-bottom: 1px solid var(--base-border-tertiary); }
table.comp td { padding: 14px 8px; border-bottom: 1px solid var(--base-border-tertiary); font-variant-numeric: tabular-nums; }
table.comp td.n { text-align: right; font-weight: 600; color: var(--color-gray-950); }
.comp-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.comp-wrap > table.comp { min-width: 560px; }
@media (max-width: 900px) { .mstat-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) {
  .mstat { padding: 18px 20px; }
  .mstat .v { font-size: 28px; }
  .mstat .spark { height: 28px; margin-top: 8px; }
}
@media (max-width: 480px) { .mstat-grid { grid-template-columns: 1fr; gap: 12px; } }