/* ================================================================
   Base Helpers
   ================================================================ */

.app_navbar_backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(10, 20, 36, 0.45);
    z-index: 9998;
    opacity: 0;
    transition: opacity 0.28s ease;
}

.app_navbar_backdrop.is_visible {
    display: block;
    opacity: 1;
}


/* app_navbar_bar: transparent wrapper on desktop */
.app_navbar_bar {
    display: contents;
}


/* FAB trigger button — hidden on desktop */
.prf_sections_fab {
    display: none;
}

/* Sheet backdrop */
.prf_sections_sheet_overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(10, 20, 36, 0.48);
    z-index: 600;
}

.prf_sections_sheet_overlay.is_visible {
    display: block;
}

/* ── Employer nav BottomSheet (mobile only) ── */
.emp_nav_fab,
.emp_nav_sheet_overlay,
.emp_nav_sheet {
    display: none;
}

@media only screen and (max-width: 991px) {
    :root {
        --margin-inline: 3rem;
        --margin-inline-page: 4rem;
    }

    /* Profile */
    .prf_display {
        grid-template-columns: minmax(0, 1fr) 18.5rem;
    }

    .prf_overview_strip {
        grid-template-columns: minmax(0, 1fr);
    }

    /* Search */
    .search_page_layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .search_page_layout.is_split {
        grid-template-columns: minmax(0, 1fr) 22rem;
    }

    .search_filters_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* Home */
    .home_cats_grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .home_cat_card {
        min-height: 15rem;
    }

    .home_rjobs_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /* Job Detail */
    .jd_hero {
        padding-inline: 3rem;
    }

    .jd_body {
        padding-inline: 3rem;
    }

    :root {
        --margin-inline: 1.25rem;
        --margin-inline-page: 1.25rem;
    }

    .rt_sync_hero,
    .rt_sync_grid,
    .rt_sync_grid_features {
        grid-template-columns: 1fr;
    }

    .rt_sync_visual {
        min-height: 10rem;
        order: -1;
    }

    .rt_sync_visual_chip {
        font-size: 0.7rem;
        padding: 0.4rem 0.62rem;
    }

    .rt_sync_actions {
        align-items: stretch;
    }

    .rt_sync_primary,
    .rt_sync_note {
        width: 100%;
        justify-content: center;
    }

    .app_navbar {
        flex-wrap: wrap;
        align-items: center;
        gap: 0;
        padding: 0.75rem 0;
        margin-inline: var(--margin-inline);
    }

    .app_navbar_logo {
        flex: 0 0 auto;
    }

    .app_navbar_toggler {
        display: flex;
        margin-inline-start: auto;
    }

    .app_navbar_menu {
        display: none;
        flex: 0 0 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 0.85rem 0 0.5rem;
        margin-top: 0.65rem;
    }

    .app_navbar_menu.is_open {
        display: flex;
    }

    .app_navbar_overlay-dark .app_navbar_menu {
        background: rgba(11, 21, 36, 0.94);
        border-top-color: rgba(255, 255, 255, 0.12);
    }

    .app_navbar_overlay-dark .left_nav_links .links a,
    .app_navbar_overlay-dark .right_nav_links .auth_links>a,
    .app_navbar_overlay-dark .nav_lang_btn {
        color: rgba(255, 255, 255, 0.92);
    }

    .app_navbar_overlay-dark .left_nav_links .links a {
        border-bottom-color: rgba(255, 255, 255, 0.08);
    }

    .app_navbar .left_nav_links,
    .app_navbar .right_nav_links {
        width: 100%;
    }

    .app_navbar .left_nav_links .links {
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        width: 100%;
    }

    .app_navbar .left_nav_links .links a {
        padding: 0.65rem 0.25rem;
        border-bottom: 1px solid var(--border-color);
        font-weight: 500;
        font-size: 1rem;
    }

    .app_navbar.app_navbar_overlay-dark .left_nav_links .links a {
        border-bottom: 1px solid #233046 !important;
    }

    .app_navbar .right_nav_links {
        margin-inline-start: 0;
        padding-top: 0.75rem;
    }

    .app_navbar .right_nav_links .auth_links {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        width: 100%;
    }

    .app_navbar .right_nav_links .auth_links>a {
        text-align: center;
    }

    .app_navbar .right_nav_links .fill_btn {
        text-align: center;
        padding-block: 0.75rem;
    }

    .app_navbar .nav_lang_wrap {
        width: 100%;
    }

    .app_navbar .nav_lang_btn {
        width: 100%;
        justify-content: space-between;
        padding-block: 0.75rem;
        font-size: 0.9rem;
    }

    .app_navbar .nav_lang_dropdown {
        width: 100%;
        min-width: 100%;
        inset-inline-end: auto;
        inset-inline-start: 0;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    }

    .app_navbar .nav_profile_wrap {
        width: 100%;
    }

    .app_navbar .nav_profile_btn {
        width: 100%;
        justify-content: space-between;
    }

    .app_navbar .nav_profile_dropdown {
        width: 100%;
        min-width: 100%;
        inset-inline-end: auto;
        inset-inline-start: 0;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    }

    .nav_lang_label {
        font-size: 1rem;
    }

    .auth_section .auth_section_inner {
        grid-template-columns: 1fr;
    }

    .auth_section .auth_section_sidebar,
    .auth_section .auth_visual_panel {
        display: none;
    }

    .auth_section .auth_section_form_panel {
        padding: 1.5rem;
    }

    .auth_section .auth_section_form_shell {
        width: min(500px, 100%);
        max-height: calc(100vh - 3rem);
    }

    .auth_section .auth_stage {
        padding-inline: 1.4rem;
    }

    .auth_section .auth_stage_shell {
        width: min(100%, 29rem);
    }

    .hero_shell {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
    }

    .hero_area .hero_content {
        width: 100%;
        min-height: auto;
        margin-bottom: 2rem;
    }

    .hero_copy {
        max-width: none;
    }

    .hero_visual {
        min-height: 26rem;
    }

    .hero_area .hero_content .form_area {
        margin-top: 2rem;
    }

    .hero_quick_cats {
        display: none;
    }

    .hero_quick_cat {
        font-size: 0.9rem;
    }

    .hero_area .hero_content .form_area .form_input_area {
        flex-wrap: wrap;
        gap: 0.45rem;
        padding: 0.6rem;
        border-radius: 22px;
        align-items: stretch;
    }

    /* Row 1: input full width */
    .hero_area .hero_content .form_area .form_input_area>input[type="text"] {
        flex: 0 0 100%;
        order: 1;
        padding: 0.5rem 0.75rem;
        font-size: 0.92rem;
    }

    /* Hide vertical divider */
    .hero_form_divider {
        display: none;
    }

    /* Row 2: location + button (50/50) */
    .hero_area .hero_content .form_area .custom_dropdown {
        flex: 1;
        order: 2;
        width: auto;
        min-width: 0;
    }

    .hero_area .hero_content .form_area .dropdown_toggle {
        background: var(--bg-card);
        border-radius: 14px;
        padding: 0.62rem 0.85rem;
        width: 100%;
        height: 100%;
        justify-content: flex-start;
        gap: 0.4rem;
        font-size: 0.86rem;
        border: 1px solid var(--border-color);
    }

    .hero_area .hero_content .form_area .dropdown_menu {
        display: none;
    }

    .hero_city_sheet {
        display: flex;
        flex-direction: column;
    }

    .hero_area .hero_content .form_area .btn_action {
        flex: 1;
        order: 2;
        margin-inline-start: 0;
        min-width: 0;
    }

    .hero_area .hero_content .form_area .btn_action .btn {
        width: 100%;
        height: auto;
        min-height: 2.6rem;
        border-radius: 14px;
        padding: 0.62rem 1rem;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 1.5rem;
        font-size: 0.86rem;
        font-weight: 600;
        color: white;
    }

    .hero_area .hero_content .form_area .btn_action .btn svg {
        width: 1rem;
        height: 1rem;
        flex-shrink: 0;
    }

    /* Show label inside search button */
    .btn_search_label {
        display: block;
        white-space: nowrap;
        font-size: 0.86rem;
        font-weight: 600;
    }

    .hero_area .hero_content .form_area .search_suggestions {
        padding: 1rem 0.75rem 0.75rem;
        border-radius: 0 0 18px 18px;
    }

    .search_wrap {
        margin-inline: 1rem;
    }

    .search_page {
        padding-top: 2rem;
    }

    .search_page_header {
        gap: 0.8rem;
        margin-bottom: 1rem;
    }

    .search_page_layout {
        grid-template-columns: 1fr;
    }

    #search-filters-wrap {
        display: none;
    }

    .sf_fab {
        display: flex;
    }

    .sf_sheet_overlay {
        display: block;
    }

    .sf_sheet {
        display: flex;
        z-index: 999999;
        max-height: 75vh;
    }

    .search_filters {
        position: static;
        max-height: none;
    }

    .search_page_layout.is_split {
        grid-template-columns: 1fr;
    }

    .search_page_layout.is_split .search_results_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .search_detail_panel {
        display: flex !important;
        flex-direction: column;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        max-height: 88vh !important;
        z-index: 200;
        border-radius: 18px 18px 0 0;
        border: none !important;
        box-shadow: 0 -6px 36px rgba(0, 0, 0, 0.13);
        overflow: hidden !important;
        transform: translateY(100%);
        transition: transform 0.38s cubic-bezier(0.34, 1.05, 0.64, 1);
        scrollbar-width: none;
    }

    .search_detail_panel::before {
        content: '';
        display: block;
        width: 36px;
        height: 3px;
        background: var(--border-color);
        border-radius: 2px;
        margin: 0.6rem auto 0;
        flex-shrink: 0;
    }

    .search_page_layout.is_split .search_detail_panel {
        transform: translateY(0);
    }

    .search_detail_topbar {
        position: relative;
        flex-shrink: 0;
    }

    .search_detail_body {
        overflow-y: auto;
        flex: 1;
        -webkit-overflow-scrolling: touch;
    }

    .search_page_form_bar {
        flex-wrap: wrap;
        gap: 0.45rem;
        padding: 0.6rem;
        border-radius: 22px;
        align-items: stretch;
        position: static;
    }

    /* Row 1: input full width */
    .search_page_input_wrap {
        flex: 0 0 100%;
        order: 1;
    }

    .search_page_input_wrap .form-control {
        padding: 0.5rem 0.65rem;
        font-size: 0.92rem;
    }

    /* Row 2: city + submit 50/50 */
    .search_page_city_picker {
        flex: 1;
        order: 2;
        width: auto;
        min-width: 0;
    }

    .search_page_city_toggle {
        background: var(--bg-card);
        border-radius: 14px;
        padding: 0.65rem 0.85rem;
        width: 100%;
        height: 100%;
        justify-content: flex-start;
        gap: 0.4rem;
        font-size: 0.86rem;
        border: 1px solid var(--border-color);
    }

    .search_page_btn_action {
        flex: 1;
        order: 2;
        position: static;
        min-width: 0;
    }

    html[dir="rtl"] .search_page_btn_action {
        left: unset;
        right: unset;
    }

    .search_page_submit {
        width: 100%;
        height: auto;
        min-height: 2.6rem;
        border-radius: 14px;
        padding: 0.65rem 1rem;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        font-size: 0.86rem;
        font-weight: 600;
    }

    .search_page_submit svg {
        width: 1rem;
        height: 1rem;
        flex-shrink: 0;
    }

    .search_page_submit_label {
        display: block;
        white-space: nowrap;
    }

    .search_results_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .companies_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .search_filters_grid {
        grid-template-columns: 1fr;
        padding: 0.9rem;
    }

    .account_area {
        margin-inline: 1.5rem;
    }

    .account_area .personal_info_card {
        flex-wrap: wrap;
        gap: 1rem;
        margin-bottom: 1rem;
    }

    .account_area .personal_info_card .personal_info_identity {
        width: 100%;
    }

    .account_area .personal_info_card .account_rahatap_mini {
        max-width: 100%;
        flex-wrap: wrap;
    }

    .account_area .navbar_account_profile {
        flex-wrap: wrap;
        gap: 0.5rem;
        padding-bottom: 1rem;
    }

    .prf_display {
        display: flex;
        flex-direction: column-reverse;
    }

    .prf_main,
    .prf_sidebar {
        margin-top: 0.5rem;
    }

    .prf_sidebar {
        position: static;
        display: block;
    }

    .prf_sidebar>*+* {
        margin-top: 0.75rem;
    }

    .prf_sections {
        grid-column: auto;
    }

    .prf_main {
        grid-template-columns: 1fr;
    }

    .prf_overview_strip,
    .prf_overview_identity_row {
        grid-template-columns: 1fr;
    }

    .account_area .personal_info_card .account_profile_edit_btn {
        width: auto;
        justify-content: center;
    }

    .prf_insights_inline {
        grid-template-columns: repeat(2, 1fr);
    }

    .prf_insights_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .analytics_overview,
    .analytics_overview_four {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .analytics_job_row {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .analytics_job_stats {
        width: 100%;
    }

    .complete_profile_stepper {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .home_cats_section,
    .home_hiw_section,
    .home_loc_section {
        margin-inline: 1.5rem;
    }

    .home_cats_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home_cat_card {
        min-height: 14rem;
        padding: 1.4rem;
    }

    .home_hiw_steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home_hiw_steps::before {
        display: none;
    }

    .home_hiw_steps .home_hiw_step:last-child {
        grid-column: 1 / -1;
    }

    .home_hiw_panel {
        padding: 0.9rem;
        border-radius: 1.5rem;
    }

    .home_loc_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
    }

    .home_loc_card {
        padding: 0.88rem 0.9rem;
    }

    .home_cta_band {
        padding: 3.5rem 1.5rem;
    }

    .home_cta_band_headline {
        font-size: 1.65rem;
    }

    .home_rjobs_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match_hero_main {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .match_hero_shell {
        grid-template-columns: 1fr;
    }

    .match_hero_actions {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .match_btn,
    .match_link_btn {
        flex: 1;
        min-width: 8rem;
    }

    .match_stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match_saved_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match_result_grid,
    .match_candidate_grid,
    .match_loading_grid {
        grid-template-columns: 1fr;
    }

    .match_stats_inside {
        max-width: 100%;
    }

    .match_job_head {
        flex-direction: column;
    }

    .match_job_tally {
        align-items: center;
    }



    .jd_hero {
        padding-top: 5rem !important;
    }

    .jd_job_title {
        font-size: 1.5rem;
    }

    .jd_body {
        grid-template-columns: 1fr;
        padding: 1.5rem 1.25rem;
        gap: 1.25rem;
    }

    .jd_sidebar {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.85rem;
    }


    .app_head {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .emp_app_layout {
        flex-direction: column;
        gap: 1rem;
    }

    .emp_app_jobs_sidebar {
        width: 100%;
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.4rem;
    }

    .emp_app_sidebar_label {
        grid-column: 1 / -1;
        margin-bottom: 0.25rem;
    }

    .svd_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .svd_head {
        flex-wrap: wrap;
        gap: 0.75rem;
    }


    .site_footer_logo {
        margin-bottom: 0.25rem;
    }

    .site_footer_logo img {
        width: 7rem;
    }

    .site_footer_tagline,
    .site_footer_nav_link {
        font-size: 0.85rem;
    }

    .site_footer_inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
        padding: 3.2rem 1.5rem;
    }

    .site_footer_brand {
        grid-column: 1 / -1;
    }

    .site_footer_brand_panel {
        padding-inline-end: 0;
    }

    .site_footer_bottom {
        padding: 1.15rem 1.5rem 1.35rem;
        margin-inline: 0;
    }

    .prv_hero {
        padding-top: 3rem;
    }

    .prv_hero_inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
        padding: 2rem var(--margin-inline) 1.75rem;
    }

    .prv_hero_avatar {
        width: 72px;
        height: 72px;
        font-size: 1.8rem;
    }

    .prv_hero_name {
        font-size: 1.35rem;
    }

    .prv_body {
        flex-direction: column;
        gap: 1rem;
        padding: 0 var(--margin-inline) 3rem;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .prv_left {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        position: static;
        padding-top: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        align-items: flex-start;
    }

    .prv_left_actions {
        width: 100%;
    }

    .prv_stats_block {
        display: flex;
        flex-wrap: wrap;
        gap: 0.65rem 1.5rem;
        flex: 1;
        border-top: none;
        padding-top: 0;
        margin-bottom: 0;
    }

    .prv_stat_row {
        border-bottom: none;
        padding: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.12rem;
        min-width: 4.5rem;
    }

    .prv_stat_row:last-child {
        border-bottom: none;
    }

    .prv_stat_views {
        width: 100%;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.25rem;
        padding: 0.45rem 0.65rem;
    }

    .prv_right {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        overflow: hidden;
        padding-top: 0;
    }

    .prv_tabs {
        width: 100%;
        margin-bottom: 1.25rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .prv_tab {
        flex: 0 0 auto;
        padding: 0.45rem 0.85rem;
        font-size: 0.8rem;
    }

    .info_page_shell {
        padding-bottom: 3rem;
    }

    .info_page_hero_grid,
    .info_page_cards,
    .info_page_step_grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .info_page_hero_copy,
    .info_page_hero_panel,
    .info_page_card,
    .info_page_step_card,
    .info_page_content_block {
        border-radius: 22px;
    }

    .info_page_hero_copy {
        padding: 1.5rem;
    }

    .profile_story_hero,
    .works_map_header,
    .contact_canvas_top,
    .about_editorial_hero,
    .policy_document_layout,
    .works_map_lanes,
    .works_map_explainers,
    .contact_canvas_channels,
    .contact_canvas_reasons,
    .about_editorial_panels,
    .terms_document_grid,
    .profile_story_steps_grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .policy_document_toc {
        position: static;
    }

    .profile_story_note.is_offset {
        transform: none;
    }

    .auth_section .auth_section_inner {
        grid-template-columns: minmax(0, 1fr) 19rem;
    }

    .auth_section .auth_visual_orb_one {
        width: 18rem;
        height: 18rem;
        left: 10%;
    }

    .auth_section .auth_visual_orb_two {
        width: 14rem;
        height: 14rem;
        right: 8%;
    }

    .auth_section .auth_visual_card_one {
        width: 15rem;
        height: 10rem;
        right: 10%;
    }

    .auth_section .auth_visual_card_two {
        width: 12rem;
        height: 8rem;
        left: 10%;
    }

    .auth_section .auth_section_inner {
        grid-template-columns: minmax(0, 1fr);
    }

    .auth_section .auth_visual_panel {
        display: none;
    }

    .auth_section .auth_stage {
        padding-inline: 1.4rem;
    }

    .auth_section .auth_stage_shell {
        width: min(100%, 29rem);
    }

    .search_categories_browser {
        max-width: 100%;
    }

    .search_categories_browser_toggle {
        width: fit-content;
    }

    .settings_grid {
        grid-template-columns: 1fr;
    }

    .tools_layout {
        grid-template-columns: 1fr;
    }

    .emp_main .employer_settings_layout {
        grid-template-columns: 1fr;
    }

    .tools_aside {
        position: static;
    }

    .emp_main .employer_settings_layout .tools_main,
    .emp_main .employer_settings_layout .settings_page,
    .emp_main .employer_settings_layout .account_section {
        max-width: 100%;
    }

    .emp_layout {
        flex-direction: column;
        gap: 1.25rem;
        padding-block: 1.5rem 3rem;
        padding-top: 0;
    }

    .emp_sidebar {
        display: none;
    }

    .emp_main {
        width: 100%;
    }

    .emp_nav_fab {
        position: fixed;
        inset-inline-end: 1rem;
        bottom: calc(1rem + env(safe-area-inset-bottom));
        z-index: 620;
        display: inline-flex;
        align-items: center;
        gap: 0.6rem;
        padding: 0.5rem 0.75rem;
        border: none;
        border-radius: 999px;
        background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
        color: #fff;
        box-shadow: 0 16px 40px rgba(15, 23, 42, 0.22);
        font-size: 0.84rem;
        font-weight: 700;
        letter-spacing: 0.01em;
    }

    .emp_nav_fab_icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.12);
    }

    .emp_nav_sheet_overlay {
        position: fixed;
        inset: 0;
        z-index: 618;
        background: rgba(10, 20, 36, 0.48);
    }

    .emp_nav_sheet_overlay.is_visible {
        display: block;
    }

    .emp_nav_sheet {
        position: fixed;
        inset-inline: 0;
        bottom: 0;
        z-index: 999;
        display: block;
        background: #fff;
        border-radius: 24px 24px 0 0;
        box-shadow: 0 -18px 40px rgba(15, 23, 42, 0.16);
        padding: 0.6rem 1rem calc(1rem + env(safe-area-inset-bottom));
        transform: translateY(calc(100% + 1rem));
        transition: transform 0.28s ease;
        max-height: min(78vh, 42rem);
        overflow-y: auto;
    }

    .emp_nav_sheet.is_sheet_open {
        transform: translateY(0);
    }

    .emp_nav_sheet_handle {
        width: 3rem;
        height: 0.3rem;
        border-radius: 999px;
        background: rgba(148, 163, 184, 0.5);
        margin: 0 auto 0.9rem;
    }

    .emp_nav_sheet_head {
        display: flex;
        align-items: flex-start;
        gap: 0.9rem;
        margin-bottom: 1rem;
    }

    .emp_nav_sheet_profile {
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 0.8rem;
    }

    .emp_nav_sheet_avatar {
        width: 3.15rem;
        height: 3.15rem;
        border-radius: 16px;
        overflow: hidden;
        background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .emp_nav_sheet_avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .emp_nav_sheet_avatar_icon svg {
        width: 1.3rem;
        height: 1.3rem;
        color: var(--main-color);
    }

    .emp_nav_sheet_copy {
        min-width: 0;
    }

    .emp_nav_sheet_name {
        margin: 0 0 0.22rem;
        color: var(--main-color);
        font-size: 0.96rem;
        font-weight: 700;
        line-height: 1.3;
    }

    .emp_nav_sheet_meta {
        margin: 0;
        color: var(--text-paragraph);
        font-size: 0.76rem;
    }

    .emp_nav_sheet_close {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.35rem;
        height: 2.35rem;
        border: 1px solid rgba(12, 26, 46, 0.08);
        border-radius: 999px;
        background: #f8fafc;
        color: var(--main-color);
        flex-shrink: 0;
    }

    .emp_nav_sheet_plan {
        display: flex;
        align-items: center;
        gap: 0.55rem;
        padding: 0.8rem 0.95rem;
        background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
        border: 1px solid rgba(12, 26, 46, 0.08);
        border-radius: 16px;
        text-decoration: none;
        margin-bottom: 1rem;
    }

    .emp_nav_sheet_plan_name {
        color: var(--main-color);
        font-size: 0.82rem;
        font-weight: 700;
        flex: 1;
    }

    .emp_nav_sheet_plan_tag {
        font-size: 0.64rem;
        font-weight: 700;
        padding: 0.18rem 0.5rem;
        border-radius: 999px;
        background: #fef3c7;
        color: #92400e;
    }

    .emp_nav_sheet_links {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .emp_nav_sheet_links .emp_nav_link {
        min-height: 100%;
        padding: 0.92rem 1rem;
        border-radius: 14px;
        background: #fff;
        border: 1px solid rgba(12, 26, 46, 0.06);
    }

    .emp_nav_sheet_links .emp_nav_link.emp_nav_active {
        background: linear-gradient(135deg, #eef4ff 0%, #f8fbff 100%);
        border-color: rgba(66, 153, 225, 0.24);
        color: var(--main-color) !important;
        box-shadow: inset 0 0 0 1px rgba(66, 153, 225, 0.06);
    }

    .emp_nav_sheet_links .emp_nav_link.emp_nav_active .emp_nav_badge {
        background: rgba(66, 153, 225, 0.12);
        color: var(--main-color);
    }

    .jpb_list_intro {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .jpb_list_intro_metrics {
        min-width: 0;
    }

    .jpb_card_top {
        flex-direction: column;
    }

    .jpb_card_inner {
        padding: 0.5rem;
    }

    .home_mobile_app_shell {
        padding: 3.5rem;
    }

    .home_mobile_app_mark svg {
        --aous-aw-icon-size: 8rem;
    }

    .home_mobile_app_mark.mark_android {
        inset-inline-end: 6rem;
    }

    .site_footer_cta,
    .site_footer_inner,
    .site_footer_bottom {
        padding-inline: 4rem;
    }

    .site_footer_divider {
        margin-inline: 4rem;
    }

    .site_footer_inner {
        grid-template-columns: 1.35fr 1fr 1fr;
    }

    .home_mobile_app_section,
    .home_hiw_section,
    .home_loc_section {
        margin-inline: 2rem;
    }

    .home_mobile_app_shell {
        padding: 2.5rem;
        border-radius: 26px;
    }

    .home_mobile_app_mark.mark_apple {
        inset-inline-end: 1.5rem;
    }

    .home_mobile_app_mark.mark_android {
        inset-inline-end: 3rem;
        bottom: 1.5rem;
    }

    .site_footer_cta,
    .site_footer_inner,
    .site_footer_bottom {
        padding-inline: 2rem;
    }

    .site_footer_divider {
        margin-inline: 2rem;
    }

    .site_footer_cta {
        padding-top: 5rem;
        padding-bottom: 4rem;
    }

    .site_footer_inner {
        grid-template-columns: 1fr 1fr;
        gap: 2.25rem;
    }

    .site_footer_brand {
        grid-column: 1 / -1;
    }

    .site_footer_brand_panel {
        padding-inline-end: 0;
    }

    .site_footer_bottom {
        justify-content: center;
    }

    .app_navbar.is_open {
        position: fixed;
        top: 0;
        inset-inline: 0;
        z-index: 9999;
        background: var(--white-color) !important;
        height: 100dvh;
        display: flex !important;
        flex-direction: column;
        align-items: stretch;
        overflow: hidden;
        padding: 0;
        gap: 0;
        box-shadow: none;
        margin-inline: 0 !important;
    }

    /* Top bar: logo left + X right — tight together */
    .app_navbar.is_open .app_navbar_bar {
        display: flex !important;
        align-items: center;
        padding: 0.4rem 1rem;
        flex-shrink: 0;
        border-bottom: 1px solid var(--border-color);
    }

    .app_navbar.is_open .app_navbar_logo {
        flex: 0 0 auto;
        padding-block: 0;
    }

    .app_navbar.is_open .app_navbar_toggler {
        flex-shrink: 0;
        margin-inline-start: auto;
    }

    /* Menu fills remaining height — NO scroll */
    .app_navbar.is_open .app_navbar_menu {
        flex: 1;
        display: flex !important;
        flex-direction: column;
        overflow: hidden;
        padding: 0;
        padding-top: 0.75rem;
        gap: 0;
        margin-top: 0;
        border-top: none;
    }

    /* === Nav links — vertically centered === */
    .app_navbar.is_open .left_nav_links {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 0 1.25rem;
        width: 100% !important;
    }

    .app_navbar.is_open .left_nav_links .links {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0.1rem !important;
        width: 100% !important;
        padding: 0;
    }

    .app_navbar.is_open .left_nav_links .links a {
        display: flex !important;
        align-items: center !important;
        padding: 0.9rem 0.85rem !important;
        font-size: 1.1rem !important;
        font-weight: 500 !important;
        border-bottom: none !important;
        border-radius: 14px !important;
        color: var(--main-color) !important;
        transition: background 0.14s, color 0.14s, padding-inline-start 0.14s;
        gap: 0;
    }

    .app_navbar.is_open .left_nav_links .links a::after {
        content: '';
        display: block;
        width: 6px;
        height: 6px;
        border-inline-end: 1.5px solid currentColor;
        border-top: 1.5px solid currentColor;
        transform: rotate(45deg);
        opacity: 0.2;
        flex-shrink: 0;
        margin-inline-start: auto;
        transition: opacity 0.14s;
    }

    html[dir="rtl"] .app_navbar.is_open .left_nav_links .links a::after {
        transform: rotate(-135deg);
    }

    .app_navbar.is_open .left_nav_links .links a:hover {
        background: var(--bg-card) !important;
        padding-inline-start: 1.1rem !important;
    }

    .app_navbar.is_open .left_nav_links .links a:hover::after {
        opacity: 0.45;
    }

    .app_navbar.is_open .left_nav_links .links a.active {
        background: rgba(66, 153, 225, 0.08) !important;
        color: var(--accent-color) !important;
        font-weight: 600 !important;
        padding-inline-start: 1rem !important;
    }

    .app_navbar.is_open .left_nav_links .links a.active::after {
        opacity: 1;
    }

    /* === Utility section — pinned at bottom === */
    .app_navbar.is_open .right_nav_links {
        flex-shrink: 0;
        margin-inline-start: 0 !important;
        padding: 0 1.25rem 1.5rem !important;
        border-top: 1px solid var(--border-color);
        width: 100% !important;
    }

    /* Profile first (order: -1), then country + lang */
    .app_navbar.is_open .right_nav_links .auth_links {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
        padding: 0.85rem 0 0 !important;
        width: 100% !important;
        align-items: stretch;
    }

    /* Profile / Login: full-width, appears before country+lang */
    .app_navbar.is_open .nav_profile_wrap {
        order: -1;
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    .app_navbar.is_open .right_nav_links .auth_links>a.fill_btn {
        order: -1;
        flex: 0 0 100% !important;
        width: 100% !important;
        text-align: center !important;
        justify-content: center !important;
        padding-block: 0.88rem !important;
        border-radius: 14px !important;
        font-size: 1rem !important;
    }

    /* Country + Language: equal half-width */
    .app_navbar.is_open .nav_country_wrap,
    .app_navbar.is_open .nav_lang_wrap {
        flex: 1 1 calc(50% - 0.25rem) !important;
        width: auto !important;
        min-width: 0;
        order: 0;
    }

    .app_navbar.is_open .nav_country_btn,
    .app_navbar.is_open .nav_lang_btn {
        width: 100% !important;
        background: var(--bg-card) !important;
        border-radius: 12px !important;
        padding: 0.65rem 0.85rem !important;
        font-size: 0.83rem !important;
        justify-content: flex-start !important;
        gap: 0.45rem !important;
        border: 1px solid var(--border-color) !important;
        color: var(--main-color) !important;
        font-weight: 500 !important;
    }

    .app_navbar.is_open .nav_lang_chevron,
    .app_navbar.is_open .nav_country_chevron {
        margin-inline-start: auto;
        opacity: 0.38;
    }

    .app_navbar.is_open .nav_country_dropdown,
    .app_navbar.is_open .nav_lang_dropdown {
        width: 100% !important;
        min-width: 100% !important;
        inset-inline-start: 0 !important;
        inset-inline-end: auto !important;
        bottom: 100% !important;
        top: auto !important;
    }

    /* Profile card */
    .app_navbar.is_open .nav_profile_btn {
        display: flex !important;
        width: 100% !important;
        align-items: center !important;
        background: var(--main-color) !important;
        border-radius: 14px !important;
        padding: 0.8rem 1rem !important;
        justify-content: flex-start !important;
        gap: 0.7rem !important;
        color: var(--white-color) !important;
    }

    .app_navbar.is_open .nav_profile_name {
        font-size: 0.92rem !important;
        font-weight: 500 !important;
        color: var(--white-color) !important;
    }

    .app_navbar.is_open .nav_profile_avatar {
        width: 2rem !important;
        height: 2rem !important;
        flex-shrink: 0;
    }

    .app_navbar.is_open .nav_profile_chevron {
        margin-inline-start: auto !important;
        opacity: 0.5;
        color: var(--white-color) !important;
    }

    .app_navbar.is_open .nav_profile_dropdown {
        width: 100% !important;
        min-width: 100% !important;
        bottom: 100% !important;
        top: auto !important;
    }

    /* Dark navbar variant */
    .app_navbar_overlay-dark.is_open {
        background: #111b2b !important;
    }

    .app_navbar_overlay-dark.is_open .app_navbar_bar {
        border-bottom-color: rgba(255, 255, 255, 0.08) !important;
    }

    .app_navbar_overlay-dark.is_open .right_nav_links {
        border-top-color: rgba(255, 255, 255, 0.08) !important;
    }

    .app_navbar_overlay-dark.is_open .left_nav_links .links a {
        color: rgba(255, 255, 255, 0.9) !important;
    }

    .app_navbar_overlay-dark.is_open .left_nav_links .links a:hover {
        background: rgba(255, 255, 255, 0.05) !important;
    }

    .app_navbar_overlay-dark.is_open .left_nav_links .links a.active {
        background: rgba(66, 153, 225, 0.12) !important;
    }

    .app_navbar_overlay-dark.is_open .nav_country_btn,
    .app_navbar_overlay-dark.is_open .nav_lang_btn {
        background: rgba(255, 255, 255, 0.06) !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
        color: rgba(255, 255, 255, 0.9) !important;
    }

    /* Show FAB */
    .prf_sections_fab {
        display: flex;
        align-items: center;
        gap: 0.55rem;
        position: fixed;
        bottom: 1.5rem;
        inset-inline-start: 1.25rem;
        z-index: 500;
        padding: 0.7rem 1.1rem 0.7rem 0.85rem;
        border-radius: 999px;
        background: var(--main-color);
        color: var(--white-color);
        border: none;
        cursor: pointer;
        font-size: 0.82rem;
        font-weight: 600;
        box-shadow: 0 8px 24px rgba(10, 20, 36, 0.22);
        transition: transform 0.18s ease, box-shadow 0.18s ease, padding 0.4s ease, gap 0.4s ease;
        white-space: nowrap;
    }

    .prf_sections_fab_text {
        display: inline-block;
        max-width: 220px;
        overflow: hidden;
        white-space: nowrap;
        opacity: 1;
        transition: max-width 0.4s ease, opacity 0.3s ease;
    }

    .prf_sections_fab.is_collapsed {
        gap: 0;
        padding-inline-end: 0.85rem;
    }

    .prf_sections_fab.is_collapsed .prf_sections_fab_text {
        max-width: 0;
        opacity: 0;
    }

    .prf_sections_fab:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 28px rgba(10, 20, 36, 0.28);
    }

    .prf_sections_fab svg {
        width: 1.1rem;
        height: 1.1rem;
        flex-shrink: 0;
    }

    /* Sheet panel */
    .prf_sections {
        position: fixed !important;
        bottom: 0 !important;
        inset-inline: 0 !important;
        top: auto !important;
        z-index: 700;
        max-height: 82vh;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        border-radius: 20px 20px 0 0;
        border: none !important;
        box-shadow: 0 -8px 40px rgba(10, 20, 36, 0.16);
        transform: translateY(100%);
        transition: transform 0.36s cubic-bezier(0.34, 1.05, 0.64, 1);
        scrollbar-width: none;
    }

    .prf_sections::before {
        content: '';
        display: block;
        width: 40px;
        height: 4px;
        background: var(--border-color);
        border-radius: 2px;
        margin: 0.75rem auto 0;
        flex-shrink: 0;
    }

    .prf_sections.is_sheet_open {
        transform: translateY(0);
    }

    .prf_sections_head {
        padding: 0.75rem 1.15rem 0.9rem;
        background: transparent;
    }

    .prf_overview_headline_row {
        display: none;
    }

    /* Ring + identity row — compact on mobile */
    .prf_ring_wrap {
        width: 5rem;
        height: 5rem;
    }

    .prf_ring_score {
        font-size: 1rem;
    }

    .prf_ring_label {
        font-size: 0.58rem;
    }

    .prf_overview_identity_row {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        align-items: center;
    }

    .prf_overview_name {
        font-size: 0.97rem;
    }

    .prf_overview_headline {
        font-size: 0.8rem;
    }

    .prf_score_note {
        font-size: 0.74rem;
        margin-top: 0.25rem;
    }
}

@media only screen and (max-width: 767px) {
    :root {
        --margin-inline: 1rem;
        --margin-inline-page: 1rem;
    }

    .job_seeker_area,
    .employer_area {
        padding-inline: 0;
    }

    .sf_sheet_body .search_filters_header {
        display: none;
    }

    .prv_hero_name {
        font-size: 1.2rem;
    }

    .prv_hero_tagline {
        font-size: 0.82rem;
    }

    /* Hero inner: avatar + share btn in one row, info full-width below */
    .prv_hero_inner {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 0;
        padding: 1.75rem var(--margin-inline) 1.5rem;
    }

    .prv_hero_avatar {
        width: 64px;
        height: 64px;
        font-size: 1.55rem;
        order: 1;
    }

    .prv_btn_share_hero {
        display: flex;
        order: 2;
        margin-inline-start: auto;
    }

    .prv_hero_info {
        order: 3;
        flex: 0 0 100%;
        width: 100%;
        margin-top: 1.1rem;
    }

    /* Hide the sidebar share button on mobile */
    .prv_left_actions {
        display: none;
    }

    /* Stats: horizontal grid of mini-cards */
    .prv_stats_block {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
        flex: unset;
        width: 100%;
        margin: 0;
        padding: 1rem var(--margin-inline);
        border-top: none;
        background: var(--bg-body);
    }

    .prv_stat_row {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        background: var(--bg-card);
        border-radius: 14px;
        padding: 0.85rem 0.4rem;
        border-bottom: none;
        gap: 0.18rem;
        min-width: 0;
    }

    .prv_stat_row:last-child {
        border-bottom: none;
    }

    .prv_stat_num {
        font-size: 1.15rem;
        font-weight: 600;
    }

    .prv_stat_label {
        font-size: 0.68rem;
        text-align: center;
    }

    .prv_stat_views {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0.85rem 0.4rem;
        border-radius: 14px;
        margin-bottom: 0;
        background: rgba(66, 153, 225, 0.07);
    }

    .prv_stat_views .prv_stat_label {
        flex-direction: column;
        gap: 0;
    }

    .prv_body {
        padding: 0 0 2.5rem;
        gap: 0;
    }

    .prv_left {
        padding-top: 0;
        gap: 0;
        width: 100%;
    }

    .prv_right {
        padding: 0 var(--margin-inline) 0;
    }

    .prv_section:not(.prv_section_grid) {
        background: transparent;
        padding: 0;
    }

    .search_page_city_menu {
        top: calc(100% + 0rem);
        right: 0;
        min-width: 12rem;
    }

    .auth_section .auth_stage {
        padding: 1.35rem 1rem 2rem;
    }

    .auth_section .auth_stage_center {
        align-items: start;
        padding-top: 0.9rem;
    }

    .auth_section .auth_stage_title,
    .auth_section .auth_wizard_intro h2 {
        font-size: 1.7rem;
    }

    .auth_section .auth_section_grid,
    .auth_section .auth_wizard_actions_split {
        grid-template-columns: minmax(0, 1fr);
    }

    .auth_section .auth_stage_code_grid {
        gap: 0.55rem;
    }

    .hero_area {
        padding-top: 5rem;
        min-height: unset;
        overflow: hidden;
        padding-bottom: 2rem;
    }

    .hero_area::after {
        opacity: .3;
        width: 8rem;
        height: 8rem;
        right: 0;
    }

    html[dir="rtl"] .hero_area::before {
        right: -8rem;
        left: unset;
    }

    .hero_stats {
        display: none;
    }

    .hero_area .hero_content h1 {
        font-size: 2rem;
    }

    .hero_preview_metrics {
        grid-template-columns: 1fr;
    }

    .hero_preview_card {
        width: 100%;
        padding: 1.2rem;
        border-radius: 1.5rem;
    }

    .hero_visual {
        display: none;
    }

    .companies_grid {
        grid-template-columns: 1fr;
    }

    .search_results_grid {
        grid-template-columns: 1fr;
    }

    .search_page_layout {
        margin-top: 2rem;
    }

    .account_area {
        margin-inline: 1rem;
        padding-inline: 0rem;
    }

    .account_area .personal_info_card {
        display: flex;
        flex-wrap: wrap;
    }

    .avatar_account {
        flex: 0 0 auto;
    }

    .account_text_content {
        flex: 1;
    }

    .prf_insights_grid,
    .prf_insights_main {
        flex: 0 0 100%;
    }

    .prf_insights_grid {
        grid-template-columns: 1fr 1fr;
    }

    .account_area .navbar_account_profile {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.4rem;
    }

    .account_area .navbar_account_profile a {
        font-size: 0.9rem;
        padding: 0.45rem 0.6rem;
        width: 100%;
    }

    .prf_card {
        padding: 1rem;
    }

    .analytics_hero {
        padding: 1.25rem 1rem;
        border-radius: 16px;
    }

    .analytics_overview,
    .analytics_overview_four {
        grid-template-columns: 1fr;
    }

    .analytics_chart_wrap {
        padding: 1rem;
        border-radius: 16px;
    }

    .analytics_chart_head {
        flex-direction: column;
        align-items: flex-start;
    }

    .prf_ring_wrap {
        width: 4.75rem;
        height: 4.75rem;
    }

    .prf_exp_body_grid {
        grid-template-columns: 1fr;
    }

    /* Skill Table – mobile */
    .skl_table_head,
    .skl_table_row {
        grid-template-columns: 1fr 90px 3.5rem;
    }

    .skl_table_head span:nth-child(3),
    .skl_table_head span:nth-child(4),
    .skl_col_years,
    .skl_col_status {
        display: none;
    }

    /* Language Table – mobile */
    .lng_table .skl_table_head,
    .lng_table .skl_table_row {
        grid-template-columns: 1fr 90px 3.5rem;
    }

    .lng_table .skl_table_head span:nth-child(3),
    .lng_table .skl_table_head span:nth-child(4),
    .lng_table .skl_col_years,
    .lng_table .skl_col_status {
        display: none;
    }

    /* Link Table – mobile */
    .lnk_table .skl_table_head,
    .lnk_table .skl_table_row {
        grid-template-columns: 1fr 44px 3.5rem;
    }

    .lnk_table .skl_table_head span:nth-child(2),
    .lnk_table .skl_table_head span:nth-child(4),
    .lnk_table .skl_col_level,
    .lnk_table .skl_col_status {
        display: none;
    }


    .prf_info_row {
        flex-wrap: wrap;
        gap: 0.25rem;
    }

    .prf_info_val {
        text-align: start;
    }

    .search_empty_state {
        padding: 2.5rem 0.25rem 2rem;
    }

    .search_empty_cats {
        gap: 0.25rem;
        max-width: 100%;
    }

    .search_empty_cat {
        font-size: 0.75rem;
        padding: 0.4rem 0.5rem;
    }


    .complete_profile_header_title {
        font-size: 1.1rem;
    }

    .complete_profile_stepper,
    .complete_profile_switches {
        grid-template-columns: 1fr;
    }

    .complete_profile_actions {
        flex-direction: column;
        align-items: stretch;
    }

    .complete_profile_actions_group {
        width: 100%;
        flex-direction: column;
    }

    .complete_profile_actions_group .btn {
        width: 100%;
    }

    .home_cats_section,
    .home_hiw_section,
    .home_loc_section {
        margin-inline: 0.5rem;
        padding-block: 4rem;
        padding-inline: 0.5rem;
    }

    .home_cats_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.6rem;
    }

    .home_cat_card {
        min-height: 13rem;
        padding: 1.15rem;
    }

    .home_cat_icon {
        width: 3rem;
        height: 3rem;
        border-radius: 0.85rem;
        margin-bottom: 1rem;
    }

    .home_cat_icon svg {
        width: 1.2rem;
        height: 1.2rem;
    }

    .home_cat_name {
        font-size: 0.95rem;
    }

    .home_cat_desc {
        font-size: 0.75rem;
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }

    .home_loc_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .home_loc_card {
        gap: 0.7rem;
        padding: 0.85rem 0.85rem 0.85rem 0.9rem;
        border-radius: 0.9rem;
    }

    .home_loc_icon {
        width: 2.1rem;
        height: 2.1rem;
        border-radius: 0.72rem;
    }

    .home_cta_band {
        padding: 3rem 1.25rem;
    }

    .home_cta_band_headline {
        font-size: 1.45rem;
    }

    .home_cta_band_subtitle {
        font-size: 0.88rem;
    }

    .home_hiw_steps {
        grid-template-columns: minmax(0, 1fr);
    }

    .home_hiw_steps .home_hiw_step:last-child {
        grid-column: auto;
    }

    .home_hiw_panel {
        padding: 0;
        border-radius: 1.25rem;
    }

    .home_hiw_step {
        min-height: auto;
        padding: 1.2rem 1.1rem 1.15rem;
    }

    .home_hiw_num {
        font-size: 3.5rem;
        inset-inline-end: 0.8rem;
        top: 0.4rem;
    }

    .home_hiw_tab {
        padding: 0.45rem 0.9rem;
        font-size: 0.82rem;
    }

    .home_section_head h2 {
        font-size: 1.35rem;
    }

    .home_rjobs_grid {
        grid-template-columns: 1fr;
    }

    .match_hero {
        padding: 1.35rem 1.25rem !important;
        border-radius: 14px !important;
    }

    .match_title {
        font-size: 1.25rem;
    }

    .match_hero_main {
        grid-template-columns: 1fr;
        gap: 0.85rem;
    }

    .match_hero_shell {
        grid-template-columns: 1fr;
    }

    .match_hero_actions {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .match_btn,
    .match_link_btn {
        flex: 1;
        min-width: 0;
    }

    .match_stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match_stats_inside {
        max-width: 100%;
    }

    .match_saved_grid {
        grid-template-columns: 1fr;
    }

    .match_result_grid,
    .match_candidate_grid,
    .match_loading_grid {
        grid-template-columns: 1fr;
    }

    .match_title {
        max-width: 100%;
    }

    .match_action_card {
        padding: 0.9rem;
        border-radius: 16px;
    }

    .match_action_card_top strong {
        font-size: 1.55rem;
    }

    .match_job_panel {
        padding: 1rem;
        border-radius: 18px;
    }

    .match_job_head h3 {
        font-size: 1.08rem;
    }

    .match_job_meta_row {
        gap: 0.4rem;
    }

    .match_result_footer,
    .match_candidate_footer {
        flex-direction: column;
        align-items: stretch;
    }

    .match_result_hint {
        text-align: start;
        white-space: normal;
    }

    .match_result_btn,
    .match_candidate_btn {
        width: 100%;
        flex-basis: auto;
    }

    .match_loading_board {
        padding: 1.2rem;
        border-radius: 20px;
    }

    .match_loading_title {
        font-size: 1.45rem;
    }

    .jd_hero {
        padding: 1.5rem 1rem;
    }

    .jd_job_title {
        font-size: 1.2rem;
    }

    .jd_body {
        padding: 1.25rem 1rem;
    }

    .jd_sidebar {
        grid-template-columns: 1fr;
    }

    .jd_hero_actions {
        flex-direction: column;
        align-items: stretch;
    }

    .jd_apply_btn,
    .jd_save_btn {
        justify-content: center;
    }

    .jd_meta_item {
        flex: 1 1 calc(50% - 0.3rem);
    }

    .jd_section {
        padding: 1.1rem 1.25rem;
    }

    .app_head {
        flex-direction: column;
    }

    .app_card_top {
        gap: 0.5rem;
    }

    .emp_app_jobs_sidebar {
        grid-template-columns: 1fr;
    }

    .emp_app_main_head {
        flex-direction: column;
        gap: 0.75rem;
    }

    .emp_app_filter_pills {
        justify-content: flex-start;
    }

    .act_head {
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .svd_grid {
        grid-template-columns: 1fr;
    }

    .svd_head {
        flex-direction: column;
        align-items: flex-start;
    }

    .site_footer_inner {
        grid-template-columns: minmax(0, 2fr);
        gap: 1rem;
        padding: 2.5rem 1.25rem;
    }

    .site_footer_brand {
        grid-column: auto;
    }

    .site_footer_bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.65rem;
        padding: 1rem 1.25rem 1.2rem;
    }

    .site_footer_social {
        gap: 0.6rem;
    }

    .site_footer_primary_link {
        width: 100%;
        justify-content: center;
    }

    .global_modal {
        padding: 24px 12px !important;
    }

    .complete_profile_shell {
        gap: 1rem;
    }

    .app_navbar {
        padding: 0.4rem 0;
        z-index: 999;
    }

    .auth_section {
        --auth-control-height: 2.75rem;
    }

    .auth_section .auth_section_form_panel {
        padding: 1rem;
    }

    .auth_section .auth_section_form_shell {
        max-height: calc(100vh - 2rem);
    }

    .auth_section .auth_section_grid {
        grid-template-columns: 1fr;
        gap: 0.62rem;
    }

    .auth_section .auth_section_form_header .title {
        font-size: 1.3rem;
    }

    .auth_section .auth_section_form_header p {
        font-size: 0.87rem;
    }

    .auth_section .auth_section_row {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.75rem;
    }

    .auth_section .auth_section_code_grid {
        gap: 0.45rem;
    }

    .hero_area .hero_content h1 {
        font-size: 2.25rem;
    }

    .account_area {
        margin-inline: 0.75rem;
    }

    .prf_insights_inline {
        grid-template-columns: repeat(2, 1fr);
    }

    .prf_exp_trigger {
        padding: 0.4rem 0.75rem;
    }

    .home_cats_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .home_cat_card {
        min-height: auto;
        padding: 1rem 0.95rem 1.1rem;
    }

    .home_cat_icon {
        width: 2.5rem;
        height: 2.5rem;
        margin-bottom: 0.85rem;
    }

    .home_cat_desc {
        -webkit-line-clamp: 2;
        line-clamp: 2;
        max-width: none;
        padding-inline-end: 0rem;
    }

    .home_cat_foot {
        margin-top: 1rem;
        padding-top: 0.75rem;
    }

    .home_cat_name {
        max-width: none;
        padding-top: 0;
    }

    .home_loc_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .home_hiw_steps {
        grid-template-columns: minmax(0, 1fr);
    }

    .home_hiw_steps .home_hiw_step:last-child {
        grid-column: auto;
    }

    .match_stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .match_saved_grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .match_result_grid,
    .match_candidate_grid,
    .match_loading_grid {
        grid-template-columns: 1fr;
    }

    .app_card {
        padding: 0.85rem 1rem;
    }

    .emp_app_card {
        padding: 0.85rem 1rem;
    }

    .site_footer_inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.75rem;
        padding: 2.35rem 1.25rem;
    }

    .site_footer_brand {
        grid-column: auto;
    }

    .site_footer_bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.65rem;
        padding: 1rem 1.25rem;
    }

    .site_footer_social {
        gap: 0.6rem;
    }

    .site_footer_bottom_links {
        flex-wrap: wrap;
        gap: 0.85rem 1.15rem;
    }

    .site_footer_bottom_link {
        font-size: 0.85rem;
    }

    .prf_video_intro_card {
        padding: 0.25rem;
    }

    .info_page_shell {
        padding-top: 0.8rem;
    }

    .info_page_hero_copy,
    .info_page_hero_panel,
    .info_page_card,
    .info_page_step_card,
    .info_page_content_block {
        padding: 1.15rem;
    }

    .info_page_actions {
        flex-direction: column;
    }

    .info_page_btn {
        width: 100%;
    }

    .profile_story_intro,
    .profile_story_snapshot,
    .profile_story_step_card,
    .profile_story_note,
    .works_map_lane,
    .works_map_stop_body,
    .works_map_explainer,
    .contact_canvas_channel,
    .contact_canvas_reason,
    .about_editorial_copy,
    .about_editorial_stamp,
    .about_editorial_panel,
    .about_editorial_block,
    .policy_document_intro,
    .policy_document_toc,
    .policy_document_clause,
    .terms_document_intro,
    .terms_document_clause {
        padding: 1rem;
        border-radius: 20px;
    }

    .profile_story_note,
    .works_map_stop {
        grid-template-columns: minmax(0, 1fr);
    }

    .works_map_track::before {
        display: none;
    }

    .profile_story_actions,
    .works_map_header_actions,
    .contact_canvas_cta {
        flex-direction: column;
    }

    .profile_story_btn,
    .works_map_btn,
    .contact_canvas_btn,
    .about_editorial_btn {
        width: 100%;
    }

    .auth_section .auth_stage {
        padding: 1.35rem 1rem 2rem;
    }

    .auth_section .auth_stage_center {
        align-items: start;
        padding-top: 0.9rem;
    }

    .auth_section .auth_stage_title,
    .auth_section .auth_wizard_intro h2 {
        font-size: 1.85rem;
    }

    .auth_section .auth_section_grid,
    .auth_section .auth_wizard_actions_split {
        grid-template-columns: minmax(0, 1fr);
    }

    .auth_section .auth_stage_code_grid {
        gap: 0.55rem;
    }

    .search_categories_featured {
        padding: 0.85rem 0.8rem;
        border-radius: 1.15rem;
    }

    .search_categories_track {
        justify-content: flex-start;
        max-height: 5.7rem;
    }

    .search_cat_pill {
        min-height: 2.45rem;
        font-size: 0.84rem;
    }

    .settings_form {
        grid-template-columns: 1fr;
    }

    .emp_layout {
        gap: 1rem;
        padding-block: 1rem 2.25rem;
        padding-top: 0;
    }

    .emp_nav_fab {
        inset-inline: auto 1rem;
        width: fit-content;
        justify-content: flex-start;
        bottom: calc(0.85rem + env(safe-area-inset-bottom));
    }

    .emp_nav_sheet {
        border-radius: 22px 22px 0 0;
        padding-inline: 0.85rem;
    }

    .emp_nav_sheet_head {
        align-items: center;
    }

    .emp_nav_sheet_name {
        font-size: 0.88rem;
    }

    .emp_nav_sheet_links .emp_nav_link {
        font-size: 0.8rem;
        border-radius: 12px;
    }

    .emp_main .employer_settings_layout .settings_card {
        padding: 1rem;
    }

    .emp_main .employer_settings_layout .settings_card_topline,
    .emp_main .employer_settings_layout .jpb_head {
        flex-direction: column;
        align-items: flex-start;
    }

    .emp_main .employer_settings_layout .settings_warning_box {
        max-width: 100%;
    }

    .profile_views_stats {
        grid-template-columns: 1fr;
        gap: 0.9rem;
    }

    .settings_head_badge {
        align-self: flex-start;
    }

    .jpb_list_intro {
        padding: 0.7rem;
        border-radius: 14px;
    }

    .jpb_list_intro_title {
        font-size: 1.2rem;
    }

    .jpb_list_intro_metrics {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.2rem;
    }

    .jpb_list_intro_metric strong {
        font-size: 1.2rem;
    }

    .jpb_card {
        padding: 0.5rem;
        border-radius: 14px;
    }

    .jpb_card_head,
    .jpb_card_footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .jpb_card_actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .jpb_card_bar {
        width: 3px;
    }

    .home_mobile_app_section,
    .home_hiw_section,
    .home_loc_section {
        margin-inline: 0.25rem;
    }

    .home_mobile_app_shell {
        gap: 2.2rem;
        padding: 1.5rem;
        border-radius: 22px;
    }

    .home_mobile_app_mark {
        opacity: 0.65;
    }

    .home_mobile_app_mark svg {
        --aous-aw-icon-size: 5.75rem;
    }

    .home_mobile_app_mark.mark_apple {
        top: 1.25rem;
        inset-inline-end: 1rem;
    }

    .home_mobile_app_mark.mark_android {
        bottom: 1rem;
        inset-inline-end: 1.25rem;
    }

    .home_mobile_store_row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .home_mobile_store_badge {
        width: 100%;
    }

    .home_mobile_app_note {
        align-items: flex-start;
    }

    .site_footer_cta,
    .site_footer_inner,
    .site_footer_bottom {
        padding-inline: 1.25rem;
    }

    .site_footer_divider {
        margin-inline: 1.25rem;
    }

    .site_footer_cta {
        padding-top: 4.25rem;
        padding-bottom: 3.5rem;
    }

    .site_footer_cta_subtitle {
        font-size: 0.96rem;
    }

    .site_footer_cta_btn {
        width: 100%;
    }

    .site_footer_inner {
        grid-template-columns: 1fr;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .site_footer_bottom,
    .site_footer_bottom_links,
    .site_footer_social {
        justify-content: center;
    }

    .site_footer_copyright,
    .site_footer_bottom_link {
        text-align: center;
    }

    .companies_page {
        padding-top: 3rem;
    }
}