/* Running pace calculator (#90) */
.container--running-pace{width:min(100% - 1.5rem,78rem);max-width:100%}
.running-pace-panel{box-sizing:border-box;min-width:0;margin:1.5rem 0 2rem;padding:clamp(1rem,2.6vw,1.6rem)}
.pace-copy-helper{position:fixed;left:-9999px;opacity:0}
.running-pace-heading,.running-pace-result-heading,.pace-split-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.running-pace-heading h2,.running-pace-result-heading h2,.pace-split-heading h3{margin:0}
.running-pace-heading p,.pace-split-heading p{margin:.2rem 0 0;color:var(--color-muted);font-size:.86rem}
.running-pace-step{margin:0;color:var(--color-primary);font-size:.75rem;font-weight:900;letter-spacing:.08em}
.running-pace-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.pace-mode{min-width:0;margin:1rem 0;padding:0;border:0}.pace-mode legend{margin-bottom:.55rem;font-weight:900}.pace-mode>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
.pace-mode-option{display:flex;align-items:center;min-width:0;min-height:48px;padding:.65rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-weight:800;cursor:pointer}.pace-mode-option.is-active{border-color:var(--color-primary);background:rgba(20,107,99,.08);color:var(--color-primary)}.pace-mode-option input{width:1.1rem;height:1.1rem;margin:0 .55rem 0 0;accent-color:var(--color-primary)}
.pace-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.pace-input-card{box-sizing:border-box;min-width:0;margin:0;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-soft)}.pace-input-card[hidden]{display:none}.pace-input-card legend{padding:0 .35rem;font-weight:900}.pace-input-card>label{display:block;margin-bottom:.35rem;font-weight:800}
.pace-combined{display:grid;grid-template-columns:minmax(0,1fr) 7rem;gap:.5rem}.pace-combined input,.pace-combined select,.pace-parts input,.pace-parts select,.pace-split-heading select{box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:46px;padding:.6rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit}
.pace-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.pace-parts label{display:grid;min-width:0;gap:.35rem;font-weight:800}.pace-parts label span{font-size:.82rem}.pace-parts--pace{grid-template-columns:repeat(3,minmax(0,1fr))}
.pace-presets{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.pace-presets button{min-height:38px;padding:.4rem .62rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-primary);font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}
.pace-combined input:focus,.pace-combined select:focus,.pace-parts input:focus,.pace-parts select:focus,.pace-split-heading select:focus{border-color:var(--color-primary);outline:3px solid rgba(20,107,99,.2)}.pace-mode-option:focus-within,.pace-presets button:focus-visible,.pace-table-scroll:focus-visible{outline:3px solid rgba(20,107,99,.34);outline-offset:2px}
.pace-calculate{width:100%;margin-top:.9rem}.pace-error{min-height:1.5em;margin:.65rem 0;color:var(--color-danger);font-weight:800}
.running-pace-results{min-width:0;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--color-border)}.running-pace-result-heading{align-items:center}.pace-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:1rem}.pace-result-grid>div{min-width:0;padding:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-soft)}.pace-result-grid span{display:block;color:var(--color-muted);font-size:.82rem;font-weight:800}.pace-result-grid strong{display:block;margin-top:.35rem;color:var(--color-primary);font-size:clamp(1.05rem,3vw,1.35rem);overflow-wrap:anywhere;word-break:break-word}.pace-result-grid>div:first-child{grid-column:1/-1}.pace-split-heading{align-items:end;margin-top:1.2rem}.pace-split-heading label{display:grid;min-width:9rem;gap:.3rem;font-weight:800}
.pace-table-scroll{box-sizing:border-box;width:100%;max-width:100%;margin-top:.7rem;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.pace-table-scroll table{width:100%;min-width:25rem;border-collapse:collapse}.pace-table-scroll th,.pace-table-scroll td;padding:.65rem .8rem;border-bottom:1px solid var(--color-border);text-align:left;white-space:nowrap}.pace-table-scroll th{background:var(--color-surface-soft)}.pace-table-scroll tbody tr:last-child td{border-bottom:0}.pace-disclaimer{margin:.7rem 0 0;color:var(--color-muted);font-size:.82rem}
@media(max-width:700px){.pace-mode>div{grid-template-columns:1fr}.pace-input-grid{grid-template-columns:1fr}.pace-result-grid{grid-template-columns:1fr}.pace-result-grid>div:first-child{grid-column:auto}}
@media(max-width:480px){.container--running-pace{width:min(100% - 1rem,78rem);padding-inline:0}.running-pace-panel{width:100%;max-width:100%;min-width:0;padding:.85rem}.running-pace-heading,.running-pace-result-heading,.pace-split-heading{align-items:stretch;flex-direction:column}.running-pace-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.running-pace-actions .button-secondary,.running-pace-result-heading .button-secondary{width:100%;min-width:0}.pace-combined{grid-template-columns:minmax(0,1fr) 6.5rem}.pace-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.pace-parts label:first-child{grid-column:1/-1}.pace-parts--pace label:first-child{grid-column:auto}.pace-parts--pace{grid-template-columns:repeat(2,minmax(0,1fr))}.pace-parts--pace label:last-child{grid-column:1/-1}.pace-split-heading label{min-width:0}.pace-result-grid strong{font-size:1.05rem}}