.metrics-page{display:grid;gap:28px}.metrics-section{display:grid;gap:16px}.metrics-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.metrics-section-head h2{margin:4px 0 0;font-size:22px}.metric-eyebrow{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.metric-updated,.metric-leader span{color:var(--muted);font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:10px}.metric-card{min-height:116px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.metric-card>span,.metric-card>small{display:block;color:var(--muted);font-size:11px}.metric-card>strong{display:block;margin:12px 0 7px;font-size:25px;font-weight:500}.metric-card.good>strong,.metric-deviation.good{color:var(--green)}.metric-card.bad>strong,.metric-deviation.bad{color:var(--red)}.metrics-detail-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:14px}.metrics-panel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.metrics-panel h3{margin:0 0 18px;font-size:14px}.metric-bars{display:grid;gap:13px}.metric-bars>div{display:grid;grid-template-columns:108px minmax(60px,1fr) 30px;align-items:center;gap:9px;font-size:11px}.metric-bars>div>span{color:var(--muted)}.metric-bars>div>div{height:7px;overflow:hidden;border-radius:99px;background:var(--line)}.metric-bars i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.metric-bars b{text-align:right}.metrics-table-wrap{overflow-x:auto}.metrics-table{min-width:620px;box-shadow:none}.metrics-table th,.metrics-table td{height:40px}.metrics-table td:first-child b,.metrics-table td:first-child small{display:block}.metrics-table td:first-child small{margin-top:3px}.metric-deviation{font-weight:500}.metric-leader{display:grid;justify-items:end;gap:4px}.metric-leader button{min-height:0;padding:0;border:0;background:transparent;color:var(--accent);font:inherit;cursor:pointer}.metric-rank{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:11px}.support-metrics-table{min-width:760px}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media(max-width:760px){.metrics-section-head{align-items:flex-start;flex-direction:column}.metric-leader{justify-items:start}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-detail-grid{grid-template-columns:1fr}.metrics-panel{padding:14px}}@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:100px}}