.training-progress-recovery{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.training-progress-recovery[hidden]{display:none}
.training-progress-recovery button{min-height:44px;max-width:100%;border:1px solid #8eb4d7;border-radius:6px;background:#fff;color:#245d93;padding:8px 13px;font:inherit;font-weight:700;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}
.training-progress button:focus-visible,.training-progress input:focus-visible,.training-progress-next a:focus-visible,.training-progress-after a:focus-visible{outline:3px solid #174f87;outline-offset:3px}
.training-progress[data-training-save-state="pending"] .training-progress-status{color:#8f2350}
.training-progress-preview{display:grid;gap:8px;margin-top:9px}
.training-progress-preview[hidden],.training-progress-after[hidden],.training-progress-gap[hidden]{display:none}
.training-progress-after,.training-progress-gap{margin:0;border-radius:6px;padding:10px 13px;font-size:.875rem;line-height:1.65}
.training-progress-after{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;align-items:center;border:1px solid #d7e4f1;background:#fff}
.training-progress-after strong{color:#245d93}.training-progress-after a{font-weight:700;min-height:44px;display:flex;align-items:center}
.training-progress-gap{border-left:4px solid #d3921e;background:#fff8e8;color:#6f4a00}
@media(max-width:680px){.training-progress-recovery{display:grid}.training-progress-recovery[hidden],.training-progress-preview[hidden]{display:none}.training-progress-recovery button{width:100%;text-align:left}.training-progress-after{grid-template-columns:1fr}.training-progress-after a{margin-top:2px}}