/* Workout Studio shares the Lesson Studio shell and responsive layout. */
.lesson-draft-form select {
    width: 100%; min-height: 42px; padding: 0.65rem 0.75rem;
    border: 1px solid #cbd5e1; border-radius: 0.5rem;
    background: transparent; color: inherit; font: inherit;
}
.lesson-draft-form select:focus-visible { outline: 2px solid #2563eb; outline-offset: 2px; }
.lesson-draft-summary dd { overflow-wrap: anywhere; }
.workout-studio-page .lesson-studio-sidebar,
.workout-studio-page .lesson-draft-form fieldset { min-width: 0; }
.workout-studio-page .lesson-creation-layout { min-width: 0; }
.dark .lesson-draft-form select { background: #10141a; border-color: #414957; color: #f8fafc; }

@media (max-width: 680px) {
    body.workout-studio-page .dashboard-container { height: auto; overflow: visible; }
    .workout-studio-page .lesson-studio-layout {
        grid-template-columns: minmax(0, 1fr);
        height: auto;
        overflow: visible;
    }
    .workout-studio-page .lesson-creation-layout { grid-template-columns: minmax(0, 1fr); }
    .workout-studio-page .lesson-studio-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.3rem; }
    .workout-studio-page .lesson-studio-nav-btn { gap: 0.25rem; padding: 0.55rem 0.3rem; font-size: 0.75rem; }
    .workout-studio-page .lesson-studio-back-link { margin-top: 0.8rem; }
    .workout-studio-page .lesson-studio-main { padding: 1.25rem 1rem 2rem; }
    .workout-studio-page .lesson-draft-form { padding: 1rem; }
    .workout-studio-page .lesson-creation-tabs { display: flex; }
    .workout-studio-page .lesson-creation-tab { flex: 1; padding: 0.55rem 0.4rem; font-size: 0.75rem; }
    .workout-studio-page .dashboard-header nav[aria-label="Primary"],
    .workout-studio-page .dashboard-header .brand-mark + div,
    .workout-studio-page #userName { display: none !important; }
}