/* Stitch mobile visual alignment layer */
:root {
    --stitch-primary: #5416c9;
    --stitch-primary-container: #6c3ce1;
    --stitch-surface: #faf9fb;
    --stitch-surface-low: #f5f3f5;
    --stitch-surface-card: #ffffff;
    --stitch-on-surface: #1b1c1e;
    --stitch-on-surface-variant: #494455;
    --stitch-outline-soft: rgba(122, 116, 134, 0.16);
}

.stitch-mobile-bottom-nav {
    display: none;
}

@media (max-width: 768px) {
    .main-header-premium {
        background: rgba(250, 249, 251, 0.82) !important;
        border-bottom: none !important;
        box-shadow: 0 10px 32px rgba(27, 28, 30, 0.08) !important;
        backdrop-filter: blur(24px) saturate(150%) !important;
        -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
    }

    .main-header-container-premium {
        height: 64px;
        padding: 0 16px;
        gap: 10px;
        grid-template-columns: 1fr auto;
    }

    .logo-text-premium,
    .header-search-section-premium,
    .header-nav-section,
    .auth-buttons-premium .login-link {
        display: none !important;
    }

    .main-content {
        padding-top: 72px !important;
        padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
        background: var(--stitch-surface) !important;
    }

    .content-container {
        padding-inline: 0;
    }

    .hero-premium {
        padding: 18px 16px 22px !important;
        background: var(--stitch-surface) !important;
    }

    .hero-container-premium,
    .hero-content-premium {
        gap: 14px !important;
    }

    .hero-badge-premium {
        font-size: 10px !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase;
        background: #e8ddff !important;
        color: #21005e !important;
        border: none !important;
        border-radius: 999px !important;
    }

    .hero-title-premium {
        font-size: clamp(1.85rem, 7.8vw, 2.35rem) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.02em !important;
        color: var(--stitch-on-surface) !important;
        text-wrap: balance;
    }

    .hero-subtitle-premium {
        max-width: 100% !important;
        color: var(--stitch-on-surface-variant) !important;
        font-size: 1.02rem !important;
        line-height: 1.58 !important;
        margin-bottom: 8px !important;
    }

    .hero-actions-premium {
        gap: 10px !important;
    }

    .hero-cta-primary-premium {
        background: linear-gradient(135deg, var(--stitch-primary), var(--stitch-primary-container)) !important;
        border-radius: 12px !important;
        min-height: 48px;
        font-weight: 700 !important;
        box-shadow: 0 14px 36px rgba(84, 22, 201, 0.22) !important;
    }

    .hero-cta-secondary-premium {
        background: var(--stitch-surface-low) !important;
        border-radius: 12px !important;
        border: 1px solid var(--stitch-outline-soft) !important;
        color: var(--stitch-primary) !important;
        min-height: 48px;
    }

    .hero-dashboard-preview-premium,
    .il-course-card,
    .il-testimonial-card,
    .il-ai-card {
        background: var(--stitch-surface-card) !important;
        border: none !important;
        border-radius: 16px !important;
        box-shadow: 0 12px 40px rgba(27, 28, 30, 0.06) !important;
    }

    .main-footer {
        display: none !important;
    }

    .chatbot-fab {
        bottom: calc(102px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .mobile-menu-panel,
    .mobile-menu-premium {
        background: rgba(250, 249, 251, 0.94) !important;
        backdrop-filter: blur(24px) saturate(150%);
        -webkit-backdrop-filter: blur(24px) saturate(150%);
    }

    .mobile-nav-link,
    .mobile-nav-item {
        border: none !important;
        border-radius: 12px;
        background: transparent;
    }

    .mobile-nav-link:hover,
    .mobile-nav-item:hover {
        background: #f5f3f5 !important;
    }

    .stitch-mobile-bottom-nav {
        position: fixed;
        left: 12px;
        right: 12px;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px));
        z-index: 10010;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 6px;
        padding: 8px;
        border-radius: 18px;
        background: rgba(250, 249, 251, 0.9);
        backdrop-filter: blur(24px) saturate(160%);
        -webkit-backdrop-filter: blur(24px) saturate(160%);
        box-shadow: 0 16px 42px rgba(27, 28, 30, 0.12);
    }

    .stitch-mobile-tab {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        min-height: 56px;
        border-radius: 12px;
        text-decoration: none;
        color: var(--stitch-on-surface-variant);
        font-size: 0.68rem;
        font-weight: 600;
        letter-spacing: 0.02em;
        transition: transform 160ms ease, color 160ms ease, background-color 160ms ease;
    }

    .stitch-mobile-tab i {
        font-size: 1.05rem;
    }

    .stitch-mobile-tab.active {
        color: var(--stitch-primary);
        background: #efe8ff;
    }

    .stitch-mobile-tab:active {
        transform: scale(0.97);
    }
}

/* Page-by-page Stitch alignment (mobile only) */
@media (max-width: 768px) {
    /* DASHBOARD */
    .dashboard-container {
        padding: 0 14px 10px !important;
        background: var(--stitch-surface) !important;
    }

    .dashboard-loading {
        min-height: 46vh !important;
    }

    .dashboard-loading p {
        color: var(--stitch-on-surface-variant) !important;
    }

    .dashboard-header {
        border: none !important;
        border-radius: 16px !important;
        background: linear-gradient(135deg, rgba(84, 22, 201, 0.12), rgba(108, 60, 225, 0.08)) !important;
        box-shadow: 0 12px 36px rgba(27, 28, 30, 0.08) !important;
        padding: 18px !important;
        margin-bottom: 12px !important;
        color: var(--stitch-on-surface) !important;
        text-align: left !important;
        align-items: flex-start !important;
    }

    .dashboard-header .header-content h1 {
        font-size: clamp(1.3rem, 6vw, 1.65rem) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.02em !important;
        color: var(--stitch-on-surface) !important;
    }

    .dashboard-header .header-subtitle {
        color: var(--stitch-on-surface-variant) !important;
        opacity: 1 !important;
    }

    .dashboard-header .header-actions {
        width: 100%;
    }

    .dashboard-header .header-actions .btn {
        width: 100%;
        justify-content: center;
        border-radius: 12px !important;
        min-height: 44px;
        border: 1px solid var(--stitch-outline-soft) !important;
        background: rgba(255, 255, 255, 0.72) !important;
        color: #2a2340 !important;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .stats-grid {
        gap: 10px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .stat-card,
    .section-card {
        border: none !important;
        border-radius: 14px !important;
        background: var(--stitch-surface-card) !important;
        box-shadow: 0 10px 30px rgba(27, 28, 30, 0.06) !important;
    }

    .stat-card {
        padding: 12px !important;
        gap: 10px !important;
    }

    .stat-icon {
        width: 42px !important;
        height: 42px !important;
        border-radius: 10px !important;
        font-size: 1rem !important;
    }

    .stat-value {
        font-size: 1.24rem !important;
        line-height: 1.1 !important;
    }

    .stat-label {
        font-size: 0.74rem !important;
        margin-top: 3px !important;
    }

    .section-card {
        padding: 14px !important;
    }

    .section-card h2,
    .section-card h3 {
        font-size: 1.02rem !important;
        line-height: 1.25 !important;
        margin-bottom: 10px !important;
    }

    .quick-actions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .quick-action {
        border: none !important;
        border-radius: 12px !important;
        background: linear-gradient(140deg, #f6f1ff, #f2eff8) !important;
        color: #372b5c !important;
        min-height: 100px;
        justify-content: center;
    }

    .course-item,
    .activity-item,
    .course-card-modern,
    .achievement {
        border: none !important;
        border-radius: 12px !important;
        background: var(--stitch-surface-low) !important;
    }

    .courses-carousel,
    .achievements-grid {
        gap: 10px !important;
    }

    /* COURSES CATALOG */
    .courses-page-wrapper {
        background: var(--stitch-surface) !important;
    }

    .courses-hero {
        padding: 16px 14px 14px !important;
        border: none !important;
        background: var(--stitch-surface) !important;
    }

    .courses-hero h1 {
        font-size: clamp(1.65rem, 7vw, 2.05rem) !important;
        line-height: 1.12 !important;
        letter-spacing: -0.02em !important;
    }

    .courses-hero p {
        font-size: 0.98rem !important;
        color: var(--stitch-on-surface-variant) !important;
    }

    .courses-hero .container {
        padding: 0 !important;
    }

    .search-bar-large {
        margin-top: 12px !important;
        border: 1px solid var(--stitch-outline-soft) !important;
        border-radius: 14px !important;
        background: var(--stitch-surface-card) !important;
        box-shadow: 0 8px 24px rgba(27, 28, 30, 0.06) !important;
        overflow: hidden;
    }

    .search-bar-large input {
        min-height: 48px;
        font-size: 0.95rem !important;
        border: none !important;
        background: transparent !important;
        color: var(--stitch-on-surface) !important;
        padding-inline: 14px !important;
    }

    .search-bar-large .btn {
        min-width: 48px;
        border-radius: 0 !important;
    }

    .filter-pills {
        margin-top: 10px !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 8px !important;
        padding-bottom: 2px !important;
        scrollbar-width: none;
    }

    .filter-pills::-webkit-scrollbar {
        display: none;
    }

    .filter-pills .pill {
        white-space: nowrap;
        border-radius: 999px !important;
        border: 1px solid var(--stitch-outline-soft) !important;
        background: #f8f6fb !important;
        color: #4a4360 !important;
        padding: 8px 13px !important;
        font-size: 0.8rem !important;
        font-weight: 600 !important;
    }

    .filter-pills .pill.active {
        border-color: transparent !important;
        background: linear-gradient(135deg, #5416c9, #6c3ce1) !important;
        color: #fff !important;
    }

    .courses-layout {
        display: block !important;
    }

    .filter-sidebar-wrapper {
        display: none !important;
    }

    .courses-main {
        padding: 0 14px !important;
    }

    .results-header {
        border: none !important;
        border-radius: 14px !important;
        background: var(--stitch-surface-low) !important;
        margin-bottom: 12px !important;
        padding: 12px !important;
    }

    .results-count {
        font-size: 0.82rem !important;
        color: var(--stitch-on-surface-variant) !important;
    }

    .results-controls {
        gap: 10px !important;
        flex-wrap: wrap !important;
    }

    .results-controls .sort-dropdown,
    .results-controls .sort-select {
        min-height: 40px;
        border-radius: 10px !important;
        border: 1px solid var(--stitch-outline-soft) !important;
        background: var(--stitch-surface-card) !important;
        color: var(--stitch-on-surface) !important;
        font-size: 0.86rem !important;
        padding: 0 10px !important;
    }

    .view-toggle {
        border-radius: 10px !important;
        background: #ece8f4 !important;
        padding: 3px !important;
    }

    .view-toggle button {
        min-width: 36px;
        min-height: 34px;
        border-radius: 8px !important;
        border: none !important;
        color: #5c5670 !important;
        background: transparent !important;
    }

    .view-toggle button.active {
        background: #ffffff !important;
        color: #3c2c6f !important;
        box-shadow: 0 6px 14px rgba(27, 28, 30, 0.1) !important;
    }

    .courses-grid {
        gap: 12px !important;
    }

    .load-more-section {
        margin-top: 14px !important;
        margin-bottom: 4px !important;
    }

    .load-more-section .btn {
        width: 100%;
        min-height: 46px;
        border-radius: 12px !important;
    }

    .empty-state {
        border-radius: 14px !important;
        border: none !important;
        background: var(--stitch-surface-card) !important;
        box-shadow: 0 10px 26px rgba(27, 28, 30, 0.06) !important;
        padding: 18px 14px !important;
    }

    /* COURSE DETAIL */
    .course-detail-container {
        padding: 0 14px !important;
    }

    .breadcrumb {
        display: none !important;
    }

    .course-hero {
        border-radius: 18px !important;
        overflow: hidden;
        margin: 10px 14px 12px !important;
        box-shadow: 0 16px 40px rgba(27, 28, 30, 0.12) !important;
        position: relative;
    }

    .course-hero .hero-overlay {
        background: linear-gradient(160deg, rgba(35, 16, 88, 0.36), rgba(61, 37, 124, 0.22)) !important;
        opacity: 1 !important;
    }

    .hero-content {
        padding: 18px !important;
        position: relative;
        z-index: 1;
    }

    .hero-content h1 {
        font-size: clamp(1.45rem, 6.5vw, 1.9rem) !important;
        line-height: 1.15 !important;
        letter-spacing: -0.02em !important;
        margin-bottom: 8px !important;
    }

    .hero-info .subtitle {
        font-size: 0.95rem !important;
        line-height: 1.45 !important;
        opacity: 0.95 !important;
        max-width: 100% !important;
    }

    .meta-info {
        gap: 8px !important;
        flex-wrap: wrap !important;
    }

    .meta-info > span {
        border: 1px solid rgba(255, 255, 255, 0.24) !important;
        border-radius: 999px !important;
        padding: 4px 10px !important;
        font-size: 0.76rem !important;
        line-height: 1.3 !important;
        background: rgba(16, 14, 27, 0.24) !important;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .meta-info .instructor {
        padding-left: 6px !important;
        gap: 6px !important;
    }

    .meta-info .instructor img,
    .meta-info .instructor .instructor-initials {
        width: 28px !important;
        height: 28px !important;
    }

    .course-detail-layout {
        display: block !important;
    }

    .course-main-content,
    .course-sidebar,
    .section,
    .inline-cta {
        width: 100% !important;
        max-width: 100% !important;
    }

    .section,
    .course-sidebar {
        border: none !important;
        border-radius: 14px !important;
        background: var(--stitch-surface-card) !important;
        box-shadow: 0 10px 30px rgba(27, 28, 30, 0.06) !important;
        margin-bottom: 12px !important;
        padding: 14px !important;
    }

    .section h2 {
        font-size: 1.14rem !important;
        letter-spacing: -0.01em !important;
        margin-bottom: 10px !important;
    }

    .learning-outcomes {
        gap: 8px !important;
    }

    .outcome-item {
        border-radius: 10px !important;
        background: var(--stitch-surface-low) !important;
        padding: 8px 10px !important;
    }

    .content-summary {
        border-radius: 10px !important;
        background: var(--stitch-surface-low) !important;
        padding: 8px 10px !important;
        color: var(--stitch-on-surface-variant) !important;
        margin-bottom: 10px !important;
    }

    .requirements-list li {
        margin-bottom: 8px !important;
        color: var(--stitch-on-surface-variant) !important;
    }

    .description-content {
        color: #2a2830 !important;
        line-height: 1.62 !important;
    }

    .btn-ghost {
        border-radius: 999px !important;
        border: 1px solid var(--stitch-outline-soft) !important;
        background: #f7f4fc !important;
        color: #46377a !important;
        padding: 8px 14px !important;
    }

    .reviews-grid {
        gap: 10px !important;
    }

    .review-card {
        border: none !important;
        border-radius: 12px !important;
        background: var(--stitch-surface-low) !important;
        padding: 12px !important;
    }

    .reviewer-avatar {
        border-radius: 10px !important;
        background: linear-gradient(135deg, #ece3ff, #dbc9ff) !important;
        color: #2f2262 !important;
    }

    .course-sidebar {
        position: static !important;
    }

    .inline-cta .btn-lg,
    .course-sidebar .btn,
    .mobile-sticky-cta .btn {
        border-radius: 12px !important;
        min-height: 46px;
    }

    .mobile-sticky-cta {
        left: 12px !important;
        right: 12px !important;
        bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
        border: none !important;
        border-radius: 14px !important;
        background: rgba(250, 249, 251, 0.94) !important;
        backdrop-filter: blur(18px) saturate(150%);
        -webkit-backdrop-filter: blur(18px) saturate(150%);
        box-shadow: 0 14px 36px rgba(27, 28, 30, 0.14) !important;
    }

    /* PROFILE */
    .profile-page {
        background: var(--stitch-surface) !important;
    }

    .profile-page .container-fluid {
        padding: 0 14px 10px !important;
    }

    .profile-page .row {
        margin: 0 !important;
        gap: 12px !important;
    }

    .profile-page .col-lg-3,
    .profile-page .col-md-4,
    .profile-page .col-lg-9,
    .profile-page .col-md-8 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
    }

    .breadcrumb-nav {
        display: none !important;
    }

    .profile-sidebar-card,
    .profile-content-card,
    .profile-tabs-wrapper,
    .security-card,
    .login-history,
    .history-item {
        border: none !important;
        border-radius: 14px !important;
        background: var(--stitch-surface-card) !important;
        box-shadow: 0 10px 28px rgba(27, 28, 30, 0.06) !important;
    }

    .profile-sidebar-card,
    .profile-content-card {
        padding: 14px !important;
    }

    .profile-avatar-section {
        text-align: center;
        padding-bottom: 10px !important;
    }

    .profile-avatar-wrapper {
        margin-inline: auto;
    }

    .profile-name {
        font-size: 1.2rem !important;
        line-height: 1.15 !important;
        letter-spacing: -0.01em !important;
    }

    .profile-email {
        font-size: 0.86rem !important;
        color: var(--stitch-on-surface-variant) !important;
    }

    .role-badge {
        border-radius: 999px !important;
        padding: 5px 10px !important;
        font-size: 0.74rem !important;
    }

    .profile-stats-grid {
        gap: 8px !important;
        margin-top: 10px !important;
    }

    .stat-box {
        border: none !important;
        border-radius: 12px !important;
        background: var(--stitch-surface-low) !important;
        box-shadow: none !important;
        padding: 10px !important;
    }

    .profile-quick-nav {
        margin-top: 12px !important;
    }

    .quick-nav-link {
        border: none !important;
        border-radius: 10px !important;
        background: #f6f3fb !important;
        margin-bottom: 7px !important;
        min-height: 42px;
        padding: 8px 10px !important;
    }

    .quick-nav-link span {
        font-size: 0.88rem !important;
    }

    .member-info {
        margin-top: 10px !important;
        border-top: 1px solid #ece7f3 !important;
        padding-top: 10px !important;
    }

    .info-row {
        font-size: 0.82rem !important;
        color: var(--stitch-on-surface-variant) !important;
        gap: 8px !important;
    }

    .profile-tabs {
        gap: 8px !important;
        overflow-x: auto !important;
        padding-bottom: 2px !important;
        scrollbar-width: none;
    }

    .profile-tabs::-webkit-scrollbar {
        display: none;
    }

    .profile-tabs li {
        min-width: max-content;
        border-radius: 999px !important;
        padding: 10px 14px !important;
        border: 1px solid #e3deec !important;
        background: #f9f7fc !important;
        color: #514b63 !important;
    }

    .profile-tabs li.active {
        border-color: transparent !important;
        background: linear-gradient(135deg, #5416c9, #6c3ce1) !important;
        color: #fff !important;
        box-shadow: 0 8px 18px rgba(84, 22, 201, 0.2) !important;
    }

    .profile-content-card .section-header h3 {
        font-size: 1.08rem !important;
        line-height: 1.2 !important;
    }

    .profile-content-card .section-header p {
        font-size: 0.86rem !important;
        color: var(--stitch-on-surface-variant) !important;
    }

    .profile-form .form-group,
    .profile-form .form-row {
        gap: 10px !important;
    }

    .profile-form .form-input,
    .profile-form .form-textarea,
    .profile-form select {
        border-radius: 10px !important;
        border: 1px solid #ddd7e8 !important;
        background: #fcfbfd !important;
        min-height: 42px;
        font-size: 0.9rem !important;
    }

    .profile-form .form-textarea {
        min-height: 96px;
    }

    .security-card,
    .history-item {
        padding: 10px !important;
    }

    .security-icon,
    .device-icon {
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
    }

    .status-badge,
    .nav-badge {
        border-radius: 999px !important;
        font-size: 0.7rem !important;
        padding: 3px 8px !important;
    }
}

/* Pixel polish: interactive states on mobile */
@media (max-width: 768px) {
    .stitch-mobile-tab,
    .quick-action,
    .filter-pills .pill,
    .view-toggle button,
    .quick-nav-link,
    .profile-tabs li,
    .search-bar-large .btn,
    .results-controls .sort-dropdown,
    .profile-form .form-input,
    .profile-form .form-textarea,
    .profile-form select,
    .profile-form .btn,
    .mobile-sticky-cta .btn {
        transition: transform 140ms ease, box-shadow 140ms ease, background-color 140ms ease, color 140ms ease, border-color 140ms ease;
    }

    .stitch-mobile-tab:focus-visible,
    .filter-pills .pill:focus-visible,
    .view-toggle button:focus-visible,
    .quick-nav-link:focus-visible,
    .profile-tabs li:focus-visible,
    .search-bar-large input:focus-visible,
    .search-bar-large .btn:focus-visible,
    .results-controls .sort-dropdown:focus-visible,
    .profile-form .form-input:focus-visible,
    .profile-form .form-textarea:focus-visible,
    .profile-form select:focus-visible,
    .profile-form .btn:focus-visible,
    .mobile-sticky-cta .btn:focus-visible {
        outline: 2px solid rgba(84, 22, 201, 0.35) !important;
        outline-offset: 2px;
        box-shadow: 0 0 0 3px rgba(84, 22, 201, 0.12) !important;
    }

    .quick-action:active,
    .filter-pills .pill:active,
    .view-toggle button:active,
    .quick-nav-link:active,
    .profile-tabs li:active,
    .search-bar-large .btn:active,
    .profile-form .btn:active,
    .mobile-sticky-cta .btn:active {
        transform: translateY(1px) scale(0.985);
    }

    .search-bar-large:focus-within {
        border-color: rgba(84, 22, 201, 0.28) !important;
        box-shadow: 0 10px 26px rgba(84, 22, 201, 0.12) !important;
    }

    .results-controls .sort-dropdown:focus,
    .results-controls .sort-dropdown:focus-visible,
    .profile-form .form-input:focus,
    .profile-form .form-textarea:focus,
    .profile-form select:focus {
        border-color: rgba(84, 22, 201, 0.28) !important;
        background: #ffffff !important;
    }

    .quick-nav-link:hover,
    .profile-tabs li:hover,
    .filter-pills .pill:hover,
    .view-toggle button:hover,
    .quick-action:hover {
        transform: none;
    }
}

@media (hover: hover) and (pointer: fine) and (max-width: 768px) {
    .quick-action:hover,
    .quick-nav-link:hover,
    .profile-tabs li:hover,
    .filter-pills .pill:hover,
    .view-toggle button:hover,
    .stitch-mobile-tab:hover {
        transform: translateY(-1px);
    }

    .quick-action:hover,
    .quick-nav-link:hover,
    .view-toggle button:hover {
        box-shadow: 0 10px 22px rgba(27, 28, 30, 0.12) !important;
    }
}

/* Pixel polish: compact rhythm for small devices */
@media (min-width: 360px) and (max-width: 430px) {
    .main-content {
        padding-top: 70px !important;
    }

    .stitch-mobile-bottom-nav {
        left: 10px;
        right: 10px;
        padding: 7px;
        border-radius: 16px;
    }

    .stitch-mobile-tab {
        min-height: 54px;
        font-size: 0.66rem;
    }

    .dashboard-container,
    .courses-main,
    .profile-page .container-fluid,
    .course-detail-container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .dashboard-header,
    .results-header,
    .profile-sidebar-card,
    .profile-content-card,
    .section,
    .course-sidebar {
        border-radius: 13px !important;
        padding: 12px !important;
    }

    .dashboard-header .header-content h1,
    .courses-hero h1,
    .hero-content h1 {
        letter-spacing: -0.018em !important;
    }

    .courses-hero {
        padding: 14px 12px 12px !important;
    }

    .search-bar-large input {
        min-height: 46px;
        font-size: 0.92rem !important;
        padding-inline: 12px !important;
    }

    .filter-pills .pill,
    .profile-tabs li {
        padding: 8px 12px !important;
        font-size: 0.78rem !important;
    }

    .results-controls .sort-dropdown {
        min-height: 38px;
        font-size: 0.84rem !important;
    }

    .view-toggle button {
        min-width: 34px;
        min-height: 32px;
    }

    .stat-card {
        padding: 10px !important;
        gap: 8px !important;
    }

    .stat-value {
        font-size: 1.14rem !important;
    }

    .profile-form .form-input,
    .profile-form .form-textarea,
    .profile-form select,
    .profile-form .btn,
    .mobile-sticky-cta .btn,
    .load-more-section .btn {
        min-height: 44px;
    }

    .mobile-sticky-cta {
        left: 10px !important;
        right: 10px !important;
        border-radius: 13px !important;
        padding: 9px 10px !important;
    }
}