.metrics-banner{border:1.5px solid var(--ink);background:var(--bg-2);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding:16px 20px;display:flex}.metrics-kpi .sub{font-family:var(--font-mono);color:var(--ink-40);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:14px;font-size:12.5px;display:flex}.metrics-kpi .sub b{color:var(--ink-70);font-weight:500}.metrics-split{border:1.5px solid var(--ink);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.metrics-split>div{border-right:1.5px solid var(--ink);flex-direction:column;gap:6px;padding:18px 20px;display:flex}.metrics-split>div:last-child{border-right:0}.metrics-split .bar{background:var(--bg-3);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.metrics-split .bar>i{background:var(--ink);height:100%;display:block}.metrics-split .bar.orange>i{background:var(--orange)}.metrics-fees{width:100%;height:auto;display:block}.metrics-api-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.metrics-api-grid .code{font-size:12.5px}.metrics-endpoints td:first-child{color:var(--ink);font-family:var(--font-mono);white-space:nowrap;font-size:13px}.metrics-notes{color:var(--ink-70);flex-direction:column;gap:10px;font-size:14px;display:flex}.metrics-notes a{color:var(--ink);overflow-wrap:anywhere;text-decoration:underline}@media (max-width:1024px){.metrics-api-grid{grid-template-columns:1fr}}@media (max-width:760px){.metrics-split{grid-template-columns:1fr}.metrics-split>div{border-right:0;border-bottom:1.5px solid var(--ink)}.metrics-split>div:last-child{border-bottom:0}}