@layer pages {
  .metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.metric-grid article{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.metric-grid small{display:block;color:var(--muted);margin:14px 0 6px}.metric-grid strong{display:block;font-size:32px;letter-spacing:-.04em}.metric-grid p{font-size:11px;margin-top:7px}.metric-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--surface-3)}.metric-icon.lime{color:var(--lime)}.metric-icon.cyan{color:var(--cyan)}.metric-icon.purple{color:var(--purple)}.metric-icon.orange{color:var(--orange)}.metric-grid-small article{padding:20px}.metric-grid-small article small{margin:0 0 7px}.metric-grid-small article strong{font-size:27px}
}

@layer responsive {
  @media(max-width:650px){.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{padding:18px}.metric-grid strong{font-size:26px}}
}