.pace-page [hidden]{display:none!important}
.pace-page #metrics.running{grid-template-columns:repeat(2,minmax(0,1fr))}
.pace-page .pace-chart summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:20px}
.pace-page .pace-chart summary::before{content:'+';color:#D6B8FA;font-size:26px;width:20px}
.pace-page .pace-chart[open] summary::before{content:'−'}
.pace-page .chart-summary-note{font:400 12px/1.5 'Quicksand',sans-serif;color:#c4c4be;margin-left:auto}
.pace-page .chart-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.pace-page .chart-control-label{display:block;font-size:13px;margin-bottom:7px}
.pace-page .chart-step-control{flex:0 0 150px}
.pace-page .chart-step-control label{font-size:13px;font-weight:400}
.pace-page .chart-step-control input{font-variant-numeric:tabular-nums}
.pace-page .chart-speed-toggle,.pace-page .chart-races label{display:flex;align-items:center;gap:8px;margin:0;font-size:13px}
.pace-page .pace-chart input[type=checkbox]{width:17px;height:17px;accent-color:#C095F5}
.pace-page .chart-races{display:flex;flex-wrap:wrap;gap:12px 18px;border:0;padding:0;margin:18px 0}
.pace-page .chart-races legend{font-size:13px;margin-bottom:8px;padding:0}
.pace-page .chart-mobile-race{display:none}
.pace-page .chart-scroll{max-height:460px;overflow:auto;border:1px solid #666;border-radius:12px;scrollbar-width:thin}
.pace-page .chart-scroll:focus-visible{outline:3px solid #C095F5;outline-offset:3px}
.pace-page #chartTable{font-size:13px;font-variant-numeric:tabular-nums}
.pace-page #chartTable th{position:sticky;top:0;background:#303030;z-index:1;text-transform:none;letter-spacing:0;white-space:nowrap;font-size:12px}
.pace-page #chartTable td{white-space:nowrap}
.pace-page #chartTable td:nth-child(-n+2){font-family:'Rethink Sans',sans-serif;font-weight:700}
.pace-page .chart-current{background:#514260;box-shadow:inset 3px 0 #C095F5}
.pace-page #chartTable button{font-size:12px;padding:7px 10px;border-radius:8px;white-space:nowrap}
.pace-page #chartTable button:disabled{opacity:.75;cursor:default}
.pace-page .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:621px){.pace-page #chartTable .desktop-excluded{display:none}}
@media(max-width:620px){.pace-page .chart-races,.pace-page .chart-speed-toggle,.pace-page #chartTable .chart-speed{display:none}.pace-page .chart-mobile-race{display:block;margin:16px 0}.pace-page #chartTable .chart-race:not(.mobile-selected){display:none}.pace-page #chartTable td,.pace-page #chartTable th{padding:10px 5px;font-size:12px}.pace-page #chartTable button{padding:7px 5px;font-size:11px}.pace-page .chart-summary-note{width:100%;margin-left:28px}.pace-page .chart-scroll{max-height:380px}}
.pace-page #metrics.cycling #speedMetric{order:-1}
.pace-page .comparison-paces{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.pace-page .comparison-paces output{padding:9px 14px;border:1px solid #81708e;border-radius:10px;background:#252328;color:#F3F3EF;font:700 17px/1.4 'Rethink Sans',sans-serif;font-variant-numeric:tabular-nums}
.pace-page .custom-pool-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.pace-page #poolStatus:empty{display:none}
.pace-page tr.checkpoint{background:#343038;color:#D6B8FA;font-weight:700}
.pace-page .finish-time{border:0;margin:0;padding:0;min-width:0}
.pace-page .finish-time legend{font-size:14px;font-weight:600;margin-bottom:7px;padding:0}
.pace-page .time-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pace-page .time-fields label{font-size:12px;color:#c4c4be}
.pace-page .time-fields input{padding:12px 8px;font-variant-numeric:tabular-nums}
.pace-page #metrics{gap:12px;margin-top:22px}
.pace-page #metrics .metric{min-width:0;background:#252328;border:1px solid #81708e;border-top:3px solid #C095F5;border-radius:14px;padding:20px 16px;box-shadow:0 3px 10px #0002}
.pace-page #metrics .metric-label{color:#d5cbdc;font-size:13px}
.pace-page #metrics output{color:#F3F3EF;font-size:clamp(26px,3vw,36px);letter-spacing:-.7px;font-variant-numeric:tabular-nums;line-height:1.2;margin-top:12px}
.pace-page #metrics.swimming{grid-template-columns:repeat(2,minmax(0,1fr))}
.pace-page #headline{font-size:clamp(22px,3vw,30px);line-height:1.3}
.pace-page .race-comparison td:last-child{font-family:'Rethink Sans',sans-serif;font-weight:700;font-size:20px;font-variant-numeric:tabular-nums;color:#D6B8FA}
@media(max-width:620px){.pace-page #metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pace-page #metrics .metric{padding:16px 12px}.pace-page .card{padding:20px}.pace-page td,.pace-page th{padding:10px 7px}.pace-page #metrics .metric-label{font-size:12px}}
@media print{.pace-page #metrics .metric{background:#F3F3EF;color:#1A1A1A;box-shadow:none}.pace-page #metrics output,.pace-page #metrics .metric-label,.pace-page .race-comparison td:last-child{color:#1A1A1A}}