.ui-course-filters { display: grid; gap: 1rem; }
.ui-course-filters .hero-search { margin-bottom: 0; }
.ui-course-filters label { display: block; font-size: .8rem; margin-bottom: .4rem; }
.ui-course-filters select { width: 100%; min-height: var(--ui-touch); }
.ui-course-filters .ui-actions > select { width: auto; }
.ui-learning-form { margin: 0; }
.ui-learning-form button { font: inherit; cursor: pointer; }
.ui-learning-form .primary-cta { width: 100%; }
.ui-learning-form .secondary-cta { width: 100%; margin-top: .75rem; }
.ui-learning-feedback { padding: 1rem; border-radius: .5rem; background: #e8f3ec; color: #064b38; }
.ui-quiz { display: grid; gap: 1rem; }
.ui-quiz fieldset { min-width: 0; padding: 1rem; border: 1px solid #d1d5db; border-radius: .75rem; }
.ui-quiz legend { font-weight: 700; padding-inline: .5rem; }
.ui-quiz label { display: flex; align-items: start; gap: .75rem; padding: .75rem; }
.ui-quiz input { flex: none; margin-top: .25rem; }
.ui-quiz textarea { width: 100%; }
.ui-quiz button { min-height: var(--ui-touch); }
.lesson-reading-body audio { width: 100%; }
.mobile-purchase-bar .ui-learning-form { flex: 1; }