/* Presentation-only surfaces for the course overview and optional rest timer. */
.rest-timer{margin:1.5rem 0;padding:1.25rem;border:1px solid var(--line);border-radius:1rem;min-width:0}
.rest-timer h3{margin:0 0 .75rem;font-size:1.125rem}
.rest-timer p{color:var(--muted);line-height:1.6;overflow-wrap:anywhere}
.rest-timer-controls{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}
.rest-timer-controls label{display:grid;gap:.5rem;max-width:12rem}
.rest-timer input{width:100%;min-width:0;padding:.75rem;border:1px solid var(--line);border-radius:.5rem;background:var(--ink);color:var(--paper);font-size:max(16px,1rem)}
.rest-timer output{font-size:2rem;font-variant-numeric:tabular-nums}
.rest-timer-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.rest-timer-actions button,.rest-move{min-height:48px;padding:.75rem 1rem;border:1px solid var(--line);border-radius:.625rem;background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;white-space:normal}
.rest-timer-actions button:disabled{color:var(--muted);cursor:default}
.rest-timer :focus-visible,.rest-move:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.rest-move{font-size:.75rem}
#restStatus{min-height:1.5rem;margin-bottom:0}
#courseOverview{padding:1rem 0;border-bottom:1px solid var(--line);margin-bottom:1.5rem}
#courseOverview progress{display:block;width:100%;height:.75rem;accent-color:var(--coral)}
#courseOverview .button{margin-top:.5rem;white-space:normal}
@media(forced-colors:active){.rest-timer-actions button:disabled{color:GrayText}}

.rest-timer{scroll-margin-top:100px}