.workout-progression { font-style: normal; font-weight: 400; text-transform: none; letter-spacing: normal; display: grid; gap: .55rem; padding: 1rem; margin: .75rem 0; border: 1px solid var(--border, #d8dacd); border-radius: 14px; background: var(--surface, #f7f8f1); color: var(--text, #20251b); min-width: 0; }
.workout-progression p, .workout-progression small { margin: 0; font-size: .875rem; line-height: 1.45; overflow-wrap: anywhere; }
.workout-progression > strong { font-size: .95rem; }
.workout-progression .workout-progression-targets { font-weight: 700; }
.workout-progression button { white-space: normal; min-height: 44px; }
.workout-progression summary { cursor: pointer; font-size: .875rem; padding: .4rem 0; }
.workout-progression-settings, .builder-progression-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; margin: .5rem 0; }
.workout-progression-settings label, .builder-progression-grid label { display: grid; gap: .25rem; font-size: .8rem; }
.workout-progression-settings input, .builder-progression-grid input { min-width: 0; width: 100%; padding: .55rem; border: 1px solid #a7ac9b; border-radius: 8px; font: inherit; }
.workout-progression-group-slot { grid-column: 1 / -1; min-width: 0; width: 100%; }
.builder-progression { grid-column: 1 / -1; border-top: 1px solid #d8dacd; margin-top: .5rem; padding-top: .75rem; }
.builder-progression > label { display: flex; align-items: center; gap: .5rem; }
.builder-progression input[type=checkbox] { width: auto; }
.builder-progression small { display: block; font-size: .8rem; }
@media (max-width: 360px) { .workout-progression-settings, .builder-progression-grid { grid-template-columns: minmax(0, 1fr); } }