.metrics-page{max-width:920px;margin:0 auto;padding:56px 20px 80px}.metrics-page h1{color:var(--fg);margin:0 0 14px;font-size:32px;line-height:1.2}.metrics-page h1 .green{color:var(--green)}.metrics-page .deck{color:var(--fg-2);max-width:720px;margin:0 0 18px;font-size:15px;line-height:1.6}.metrics-page .component-list{gap:28px;margin-top:28px;display:grid}.metrics-page .metric-component{background:var(--bg-1);border:1px solid var(--line);border-radius:6px;padding:20px 22px}.metrics-page .component-head h2{color:var(--fg);align-items:baseline;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.metrics-page .component-head .pts-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--green);font-size:12px;font-weight:500}.metrics-page .component-head .component-blurb{color:var(--fg-2);margin:6px 0 14px;font-size:13.5px;line-height:1.55}.metrics-page .sub-metric-table{border-collapse:collapse;width:100%;font-size:13px}.metrics-page .sub-metric-table th,.metrics-page .sub-metric-table td{text-align:left;vertical-align:top;border-top:1px solid var(--line);color:var(--fg-2);padding:10px 12px 10px 0}.metrics-page .sub-metric-table thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);border-top:0;padding-top:0;font-size:11px}.metrics-page .sub-metric-table .num{text-align:right;font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap}.metrics-page .sub-metric-table thead th.num{color:var(--fg-3);white-space:normal}.metrics-page .sub-metric-table .num-soft{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.metrics-page .sub-metric-table .sub-name{color:var(--fg);margin-bottom:4px;font-weight:500}.metrics-page .sub-metric-table .sub-blurb{color:var(--fg-3);line-height:1.5}.metrics-page .metric-component .extra-para{color:var(--fg-3);margin:12px 0 0;font-size:13px;line-height:1.6}.metrics-page code{font-family:var(--mono,monospace);color:var(--fg);background:var(--bg-2,#ffffff0a);border-radius:3px;padding:1px 5px;font-size:12.5px}