.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:28px 0}.metric-grid article{padding:20px;border:1px solid rgba(8,31,55,.12);border-radius:16px;background:#fff}.metric-grid span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.metric-grid strong{display:block;margin-top:8px;font-size:1.5rem;color:#071a2d}.trend-table-wrap{overflow:auto}.trend-table{width:100%;border-collapse:collapse;margin-top:20px}.trend-table th,.trend-table td{padding:14px 12px;border-bottom:1px solid rgba(8,31,55,.1);text-align:left;white-space:nowrap}.trend-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.loop{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.loop a{padding:20px;border:1px solid rgba(8,31,55,.12);border-radius:16px;text-decoration:none;color:#071a2d}.loop a b,.loop a span{display:block}.loop a b{font-size:1.35rem}.loop a.active{background:#071a2d;color:#fff;border-color:#071a2d}.loop a.active b{color:#b5ff37}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(3,1fr)}.loop{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.metric-grid{grid-template-columns:repeat(2,1fr)}.loop{grid-template-columns:1fr}}