.tracker { max-width: 38rem; margin: 0 auto; }
.pace-delta { display: grid; gap: .25rem; padding: 1.25rem; margin: .75rem 0; border-radius: .75rem; background: #eef4ff; }
.pace-delta strong { font-size: clamp(2rem, 10vw, 4rem); line-height: 1; }
.tracker button { min-height: 3rem; min-width: 7rem; margin: .25rem; }
.pace-delta-primary strong { font-size: clamp(2.5rem, 13vw, 5rem); }
.pace-delta-label { font-size: .9rem; text-transform: uppercase; letter-spacing: .06em; }
.pace-delta-detail { font-size: .9rem; }
.pace-delta-ahead { background: #e6f4ea; border-left: .5rem solid #137333; }
.pace-delta-behind { background: #fce8e6; border-left: .5rem solid #a50e0e; }
.pace-delta-neutral { background: #eef4ff; border-left: .5rem solid #4a5568; }
.tracker-metrics { display: grid; grid-template-columns: auto 1fr; gap: .35rem 1rem; margin: 1rem 0; }
.tracker-metrics dt { font-weight: 600; }
.tracker-metrics dd { margin: 0; }