/* Final public web polish: homepage, global navigation, trust surfaces. */
:root {
    --yop-final-blue: #2563ff;
    --yop-final-indigo: #4338ca;
    --yop-final-ink: #0f172a;
    --yop-final-muted: #475569;
    --yop-final-border: #dbe4f0;
    --yop-final-surface: rgba(255, 255, 255, .94);
    --yop-final-shadow: 0 18px 48px rgba(15, 23, 42, .10);
}

html[data-yop-theme="light"] body {
    color: var(--yop-final-ink);
    background: #f8fafc;
    overflow-x: hidden;
}

html[data-yop-theme="light"],
html[data-yop-theme="light"] body {
    max-width: 100%;
}

html[data-yop-theme="light"] *,
html[data-yop-theme="light"] *::before,
html[data-yop-theme="light"] *::after {
    box-sizing: border-box;
}

html[data-yop-theme="light"] .yop-page-main {
    min-height: 68vh;
    max-width: 100%;
    overflow-x: clip;
}

html[data-yop-theme="light"] .yop-global-nav {
    min-height: 74px;
    padding: 12px clamp(16px, 4vw, 54px);
    background: rgba(255, 255, 255, .88) !important;
    border-bottom: 1px solid rgba(219, 228, 240, .9);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .06);
}

html[data-yop-theme="light"] .yop-global-logo img {
    width: 92px;
    height: auto;
    display: block;
}

html[data-yop-theme="light"] .yop-account-links a.is-primary,
html[data-yop-theme="light"] .enterprise-primary-button,
html[data-yop-theme="light"] .enterprise-secondary-button,
html[data-yop-theme="light"] .enterprise-newsletter-actions a {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0 20px;
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: none;
}

html[data-yop-theme="light"] .enterprise-home {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 64px !important;
    background:
        linear-gradient(180deg, rgba(248, 250, 252, .72), #f8fafc 82%),
        url("/static/images/hero-bg.abeffad88af7.jpg") center top / cover no-repeat;
}

html[data-yop-theme="light"] .enterprise-hero {
    box-sizing: border-box;
    max-width: none;
    min-height: min(560px, calc(100vh - 140px));
    margin: 0;
    padding: clamp(30px, 4.8vw, 52px) clamp(18px, 7vw, 94px) clamp(26px, 3.4vw, 38px);
    display: grid;
    grid-template-columns: minmax(0, 760px) minmax(240px, 330px);
    align-content: center;
    align-items: center;
    gap: 28px;
    background: linear-gradient(90deg, rgba(255,255,255,.94) 0%, rgba(255,255,255,.88) 48%, rgba(255,255,255,.18) 100%) !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
}

html[data-yop-theme="light"] .enterprise-hero-copy {
    max-width: 760px;
    display: block;
    min-width: 0;
}

html[data-yop-theme="light"] .enterprise-hero h1 {
    max-width: 720px;
    margin: 0 0 14px;
    font-size: clamp(44px, 6.4vw, 76px) !important;
    line-height: .95 !important;
    letter-spacing: 0 !important;
    font-weight: 760 !important;
    color: var(--yop-final-ink) !important;
}

html[data-yop-theme="light"] .enterprise-hero-copy > p:not(.enterprise-kicker) {
    max-width: 680px;
    color: var(--yop-final-muted);
    font-size: clamp(17px, 1.8vw, 21px);
    line-height: 1.42;
    margin-bottom: 18px;
}

html[data-yop-theme="light"] .enterprise-search {
    width: min(100%, 760px);
    max-width: 100%;
    min-width: 0;
    grid-template-columns: minmax(250px, 1fr) minmax(170px, 220px) auto;
    margin-top: 16px;
    border-radius: 20px;
    background: var(--yop-final-surface);
    border-color: var(--yop-final-border);
    box-shadow: var(--yop-final-shadow);
}

html[data-yop-theme="light"] .enterprise-search input,
html[data-yop-theme="light"] .enterprise-search select {
    min-height: 52px;
    border-radius: 14px;
    font-weight: 500 !important;
}

html[data-yop-theme="light"] .enterprise-search button,
html[data-yop-theme="light"] .enterprise-primary-button,
html[data-yop-theme="light"] .enterprise-newsletter-actions a:first-child {
    background: linear-gradient(135deg, var(--yop-final-blue), var(--yop-final-indigo)) !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(37, 99, 255, .24);
}

html[data-yop-theme="light"] .enterprise-secondary-button,
html[data-yop-theme="light"] .enterprise-newsletter-actions a:last-child {
    background: #fff !important;
    color: var(--yop-final-ink) !important;
    border: 1px solid var(--yop-final-border);
}

html[data-yop-theme="light"] .enterprise-hero-actions,
html[data-yop-theme="light"] .enterprise-newsletter-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}

html[data-yop-theme="light"] .enterprise-pills {
    gap: 8px;
    margin-top: 12px;
}

html[data-yop-theme="light"] .enterprise-pills a {
    padding: 8px 12px !important;
    font-size: 14px;
    line-height: 1.2;
}

html[data-yop-theme="light"] .enterprise-proof-strip {
    width: min(100%, 330px);
    max-width: 100%;
    min-width: 0;
    justify-self: end;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

html[data-yop-theme="light"] .enterprise-proof-strip span {
    min-height: 76px;
    display: grid;
    gap: 4px;
    align-content: center;
    padding: 14px;
    border: 1px solid var(--yop-final-border);
    border-radius: 18px;
    background: rgba(255, 255, 255, .9);
    color: var(--yop-final-muted) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

html[data-yop-theme="light"] .enterprise-proof-strip strong {
    display: block;
    color: var(--yop-final-ink) !important;
    font-size: 21px;
}

html[data-yop-theme="light"] .enterprise-platform-preview,
html[data-yop-theme="light"] .enterprise-category-grid,
html[data-yop-theme="light"] .enterprise-why-grid,
html[data-yop-theme="light"] .enterprise-stats,
html[data-yop-theme="light"] .enterprise-popular-grid,
html[data-yop-theme="light"] .enterprise-timeline,
html[data-yop-theme="light"] .enterprise-reviews,
html[data-yop-theme="light"] .enterprise-newsletter {
    width: min(1280px, calc(100% - 36px));
}

html[data-yop-theme="light"] .enterprise-platform-preview {
    margin: 16px auto 0;
    padding-top: 1px;
}

html[data-yop-theme="light"] .enterprise-platform-preview > .enterprise-section-head {
    margin-top: 22px;
}

html[data-yop-theme="light"] .enterprise-preview-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
    gap: 22px;
    align-items: stretch;
}

html[data-yop-theme="light"] .enterprise-preview-layout .mockup-window,
html[data-yop-theme="light"] .enterprise-preview-notes article,
html[data-yop-theme="light"] .enterprise-category-card,
html[data-yop-theme="light"] .enterprise-popular-grid a,
html[data-yop-theme="light"] .enterprise-why-grid article,
html[data-yop-theme="light"] .enterprise-stats article,
html[data-yop-theme="light"] .enterprise-timeline article,
html[data-yop-theme="light"] .enterprise-reviews article {
    border: 1px solid var(--yop-final-border) !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 16px 42px rgba(15, 23, 42, .07) !important;
}

html[data-yop-theme="light"] .enterprise-preview-notes {
    display: grid;
    gap: 14px;
}

html[data-yop-theme="light"] .enterprise-preview-notes article {
    border-radius: 20px;
    padding: 22px;
}

html[data-yop-theme="light"] .enterprise-preview-notes strong {
    display: block;
    margin-bottom: 8px;
    color: var(--yop-final-ink) !important;
}

html[data-yop-theme="light"] .enterprise-preview-notes p {
    margin: 0;
    color: var(--yop-final-muted);
    line-height: 1.55;
}

html[data-yop-theme="light"] .enterprise-section-head {
    margin-top: 50px;
    margin-bottom: 18px;
}

html[data-yop-theme="light"] .enterprise-section-head h2 {
    max-width: 780px;
    letter-spacing: 0 !important;
    font-weight: 720 !important;
}

html[data-yop-theme="light"] .enterprise-category-card {
    border-radius: 18px !important;
    min-height: 178px;
}

html[data-yop-theme="light"] .enterprise-category-card span {
    color: var(--yop-final-blue) !important;
    background: #eef4ff !important;
}

html[data-yop-theme="light"] .enterprise-newsletter {
    grid-template-columns: minmax(0, 1fr) auto;
    max-width: calc(100% - 36px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
    background: linear-gradient(135deg, #172554, var(--yop-final-blue)) !important;
    box-shadow: 0 22px 54px rgba(37, 99, 255, .22);
}

html[data-yop-theme="light"] .enterprise-newsletter strong,
html[data-yop-theme="light"] .enterprise-newsletter p {
    color: #fff !important;
}

html[data-yop-theme="light"] .yop-cookie-banner {
    border: 1px solid var(--yop-final-border);
    border-radius: 18px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .18);
}

html[data-yop-theme="light"] .yop-ai-toggle {
    box-shadow: 0 18px 42px rgba(37, 99, 255, .28) !important;
    right: max(18px, env(safe-area-inset-right)) !important;
}

html[data-yop-theme="light"] .yop-ai-panel {
    width: min(390px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    right: max(16px, env(safe-area-inset-right)) !important;
}

html[data-yop-theme="light"] .estate-page,
html[data-yop-theme="light"] .auto-page,
html[data-yop-theme="light"] .portal-shell,
html[data-yop-theme="light"] .jobs-shell,
html[data-yop-theme="light"] .education-page,
html[data-yop-theme="light"] .classifieds-page {
    max-width: 100%;
    overflow-x: clip;
}

html[data-yop-theme="light"] .estate-topbar,
html[data-yop-theme="light"] .estate-results-hero,
html[data-yop-theme="light"] .estate-results-layout,
html[data-yop-theme="light"] .estate-results-list,
html[data-yop-theme="light"] .estate-card-grid,
html[data-yop-theme="light"] .estate-map-panel,
html[data-yop-theme="light"] .estate-filter-form,
html[data-yop-theme="light"] .estate-chip-row,
html[data-yop-theme="light"] .estate-result-card {
    max-width: 100%;
    min-width: 0;
}

html[data-yop-theme="light"] .estate-topbar {
    padding-left: clamp(14px, 4vw, 32px) !important;
    padding-right: clamp(14px, 4vw, 32px) !important;
    gap: 14px;
}

html[data-yop-theme="light"] .estate-brand-wrap,
html[data-yop-theme="light"] .estate-nav {
    min-width: 0;
}

html[data-yop-theme="light"] .estate-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

html[data-yop-theme="light"] .estate-filter-form {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}

html[data-yop-theme="light"] .estate-filter-form button {
    min-width: 0;
}

html[data-yop-theme="light"] .estate-chip-row {
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
}

html[data-yop-theme="light"] .estate-results-layout {
    width: min(1320px, calc(100% - 32px));
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
}

html[data-yop-theme="light"] .estate-map-panel {
    position: sticky;
    top: 96px;
}

html[data-yop-theme="light"] .estate-map-panel #map {
    max-width: 100%;
    overflow: hidden;
}

@media (max-width: 980px) {
    html[data-yop-theme="light"] .enterprise-hero {
        min-height: auto;
        padding-top: 58px;
        grid-template-columns: minmax(0, 1fr);
        background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.88));
    }

    html[data-yop-theme="light"] .enterprise-proof-strip {
        width: min(100%, 760px);
        justify-self: start;
    }

    html[data-yop-theme="light"] .enterprise-search,
    html[data-yop-theme="light"] .enterprise-preview-layout,
    html[data-yop-theme="light"] .enterprise-newsletter,
    html[data-yop-theme="light"] .estate-results-layout {
        grid-template-columns: 1fr;
    }

    html[data-yop-theme="light"] .enterprise-proof-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    html[data-yop-theme="light"] .yop-global-nav {
        width: 100% !important;
        max-width: 100vw !important;
        grid-template-columns: minmax(0, auto) auto !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: .75rem !important;
        padding: 10px 14px !important;
        overflow-x: clip !important;
    }

    html[data-yop-theme="light"] .yop-global-logo {
        min-width: 0 !important;
    }

    html[data-yop-theme="light"] .yop-global-logo img {
        width: 82px !important;
        max-width: 34vw !important;
    }

    html[data-yop-theme="light"] .yop-nav-toggle {
        max-width: 45vw !important;
        min-height: 40px !important;
        padding: .55rem .72rem !important;
        justify-self: end !important;
        white-space: nowrap !important;
    }

    html[data-yop-theme="light"] .enterprise-hero {
        padding: 32px 16px 28px;
    }

    html[data-yop-theme="light"] .enterprise-category-grid,
    html[data-yop-theme="light"] .enterprise-popular-grid,
    html[data-yop-theme="light"] .enterprise-why-grid,
    html[data-yop-theme="light"] .enterprise-stats,
    html[data-yop-theme="light"] .enterprise-timeline,
    html[data-yop-theme="light"] .enterprise-reviews > div {
        grid-template-columns: 1fr;
    }

    html[data-yop-theme="light"] .enterprise-search {
        gap: 10px !important;
        padding: 10px;
    }

    html[data-yop-theme="light"] .enterprise-search input,
    html[data-yop-theme="light"] .enterprise-search select {
        min-height: 46px;
        padding: 12px 14px !important;
    }

    html[data-yop-theme="light"] .enterprise-pills {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 4px;
        scrollbar-width: none;
    }

    html[data-yop-theme="light"] .enterprise-pills::-webkit-scrollbar {
        display: none;
    }

    html[data-yop-theme="light"] .enterprise-pills a {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    html[data-yop-theme="light"] .enterprise-hero-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html[data-yop-theme="light"] .enterprise-hero-actions a {
        width: auto;
        min-height: 46px;
        padding-inline: 10px;
        font-size: 14px;
    }

    html[data-yop-theme="light"] .estate-topbar {
        align-items: flex-start;
        flex-direction: column;
    }

    html[data-yop-theme="light"] .estate-nav {
        justify-content: flex-start;
    }

    html[data-yop-theme="light"] .estate-results-layout {
        width: min(100%, calc(100% - 24px));
    }

    html[data-yop-theme="light"] .estate-map-panel {
        position: relative;
        top: auto;
    }

    html[data-yop-theme="light"] .enterprise-proof-strip {
        grid-auto-flow: column;
        grid-auto-columns: minmax(118px, 1fr);
        grid-template-columns: none !important;
        gap: 8px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    html[data-yop-theme="light"] .enterprise-proof-strip::-webkit-scrollbar {
        display: none;
    }

    html[data-yop-theme="light"] .enterprise-proof-strip span {
        min-width: 118px;
        min-height: 62px;
        padding: 10px;
        font-size: 13px;
    }

    html[data-yop-theme="light"] .enterprise-proof-strip strong {
        font-size: 18px;
    }

    html[data-yop-theme="light"] .enterprise-newsletter-actions a {
        width: 100%;
    }

    html[data-yop-theme="light"] .enterprise-platform-preview,
    html[data-yop-theme="light"] .enterprise-category-grid,
    html[data-yop-theme="light"] .enterprise-why-grid,
    html[data-yop-theme="light"] .enterprise-stats,
    html[data-yop-theme="light"] .enterprise-popular-grid,
    html[data-yop-theme="light"] .enterprise-timeline,
    html[data-yop-theme="light"] .enterprise-reviews,
    html[data-yop-theme="light"] .enterprise-newsletter {
        width: min(100% - 28px, 1280px);
    }
}

/* Public contrast hardening: light buttons must not inherit legacy white text. */
html[data-yop-theme="light"] .yop-footer-link-button,
html[data-yop-theme="light"] .yop-footer-link-button * {
    color: var(--yop-primary) !important;
    background: rgba(37, 99, 255, .08) !important;
    border: 1px solid rgba(37, 99, 255, .20) !important;
}

html[data-yop-theme="light"] .yop-cookie-actions a,
html[data-yop-theme="light"] .yop-cookie-actions a *,
html[data-yop-theme="light"] .yop-cookie-actions button:first-of-type,
html[data-yop-theme="light"] .yop-cookie-actions button:first-of-type * {
    color: #07182f !important;
}

html[data-yop-theme="light"] .yop-cookie-actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: .75rem 1rem !important;
    border-radius: 999px !important;
    border: 1px solid rgba(37, 99, 255, .18) !important;
    background: rgba(37, 99, 255, .07) !important;
    color: #07182f !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

html[data-yop-theme="light"] .yop-nav-toggle,
html[data-yop-theme="light"] .yop-nav-toggle * {
    color: var(--yop-text) !important;
}

html[data-yop-theme="light"] .yopi-logo-preview {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: .35rem .9rem !important;
    align-items: center !important;
    margin: 0 0 1rem !important;
    padding: .85rem !important;
    border: 1px solid #DCE6F7 !important;
    border-radius: 16px !important;
    background: #F8FAFC !important;
}

html[data-yop-theme="light"] .yopi-logo-preview img {
    grid-row: 1 / 3 !important;
    width: 72px !important;
    height: 72px !important;
    border-radius: 16px !important;
    object-fit: contain !important;
    background: #FFFFFF !important;
    border: 1px solid #E6EAF2 !important;
}

html[data-yop-theme="light"] .yopi-logo-preview span {
    color: #08142F !important;
    font-weight: 900 !important;
}

html[data-yop-theme="light"] .yopi-logo-preview p {
    margin: 0 !important;
    color: #64748B !important;
    font-size: .9rem !important;
}

/* Jobs page: keep persona visuals as integrated card backgrounds, not small inline images. */
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-shell {
    width: min(1764px, calc(100vw - 68px)) !important;
    max-width: none !important;
    margin-inline: auto !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 1.35rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-main,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-sidebar {
    min-width: 0 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-sidebar {
    display: grid !important;
    gap: 1.15rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-subnav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .85rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-subnav-links {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: .58rem 1rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-subnav .badge-new {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    margin-left: .22rem !important;
    padding: .13rem .42rem !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #2563ff, #7c3aed) !important;
    color: #fff !important;
    font-size: .62rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-hero {
    display: grid !important;
    grid-template-columns: minmax(290px, .95fr) repeat(2, minmax(220px, .78fr)) !important;
    align-items: stretch !important;
    gap: 1.05rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy {
    min-width: 0 !important;
    grid-row: auto !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-employer {
    grid-column: auto !important;
}

@media (min-width: 1181px) and (max-width: 1279px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-hero {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-sidebar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-employer {
        grid-column: auto !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card {
        height: 330px !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card > div:first-child {
        width: min(56%, 250px) !important;
        max-width: 250px !important;
    }
}

@media (min-width: 1280px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-layout {
        grid-template-columns: minmax(0, 1fr) minmax(342px, 388px) !important;
        gap: 1.15rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-sidebar {
        grid-template-columns: minmax(0, 1fr) !important;
        align-self: start !important;
        position: sticky !important;
        top: 104px !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-hero {
        grid-template-columns: minmax(320px, .82fr) repeat(2, minmax(360px, 1fr)) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-seeker,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-employer {
        grid-column: auto !important;
        grid-row: auto !important;
    }
}

@media (min-width: 1600px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-layout {
        grid-template-columns: minmax(0, 1fr) minmax(382px, 408px) !important;
        gap: 1.28rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-hero {
        grid-template-columns: minmax(330px, .78fr) repeat(2, minmax(390px, 1fr)) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-employer {
        grid-column: auto !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy {
        grid-column: auto !important;
        grid-row: auto !important;
    }
}

@media (max-width: 1180px) {
    html[data-yop-theme="light"] .yop-global-nav {
        width: 100% !important;
        max-width: 100vw !important;
        grid-template-columns: minmax(0, auto) auto !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: .75rem !important;
        overflow-x: clip !important;
    }

    html[data-yop-theme="light"] .yop-global-logo,
    html[data-yop-theme="light"] .yop-global-logo img {
        min-width: 0 !important;
    }

    html[data-yop-theme="light"] .yop-nav-toggle {
        position: static !important;
        right: auto !important;
        left: auto !important;
        transform: none !important;
        justify-self: end !important;
        margin-left: auto !important;
        max-width: min(120px, 44vw) !important;
        white-space: nowrap !important;
    }

    html[data-yop-theme="light"] body:has(.jobs-v3) .yop-ai-toggle {
        display: none !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-shell {
        width: min(100% - 28px, 1040px) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-layout,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-hero {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-employer {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy {
        order: 1 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-seeker {
        order: 2 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-employer {
        order: 3 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-sidebar,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-main {
        width: 100% !important;
        max-width: 100% !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-sidebar {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy {
        order: 1 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-seeker {
        order: 2 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-employer {
        order: 3 !important;
    }
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card {
    position: relative !important;
    display: block !important;
    min-height: 0 !important;
    height: 364px !important;
    padding: clamp(1.35rem, 2vw, 1.8rem) !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background-color: #F7FAFF !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card > div:first-child {
    position: relative !important;
    z-index: 3 !important;
    width: min(46%, 255px) !important;
    max-width: 255px !important;
    min-height: 242px !important;
    display: grid !important;
    align-content: center !important;
    gap: .55rem !important;
    padding-right: .55rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background: linear-gradient(
        90deg,
        rgba(255,255,255,.99) 0%,
        rgba(255,255,255,.98) 38%,
        rgba(255,255,255,.74) 48%,
        rgba(255,255,255,.12) 58%,
        rgba(255,255,255,0) 100%
    ) !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card h2 {
    max-width: 255px !important;
    font-size: clamp(1.42rem, 1.62vw, 1.95rem) !important;
    line-height: 1.08 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card ul {
    max-width: 255px !important;
    gap: .5rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card li {
    color: #42526F !important;
    font-size: .96rem !important;
    line-height: 1.28 !important;
    font-weight: 760 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card a {
    width: fit-content !important;
    min-height: 44px !important;
    margin-top: .28rem !important;
    padding: .72rem 1.15rem !important;
    border-radius: 12px !important;
    white-space: nowrap !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-visual {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-visual img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: right center !important;
    transform: translateX(6%) !important;
    border-radius: 0 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-seeker .jobs-persona-visual img {
    width: 100% !important;
    object-position: 100% center !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-employer .jobs-persona-visual img {
    width: 100% !important;
    object-position: 100% center !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-premium-card,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-notification-card {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-premium-card {
    min-height: 0 !important;
    height: 308px !important;
    padding: 1.35rem 1.45rem !important;
    background: linear-gradient(135deg, #FFFFFF 0%, #F4F7FF 100%) !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-premium-card h2 {
    max-width: 250px !important;
    margin: .42rem 0 .78rem !important;
    font-size: clamp(1.35rem, 1.28vw, 1.68rem) !important;
    line-height: 1.08 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-premium-card li {
    font-size: .86rem !important;
    line-height: 1.32 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-premium-card > div {
    position: relative !important;
    z-index: 3 !important;
    width: min(56%, 250px) !important;
    max-width: 250px !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-premium-card ul {
    max-width: 250px !important;
    gap: .46rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-premium-card a {
    min-height: 42px !important;
    margin-top: .72rem !important;
    padding: .68rem 1rem !important;
    border-radius: 12px !important;
    font-size: .9rem !important;
    white-space: nowrap !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-premium-visual {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    max-width: none !important;
    pointer-events: none !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card {
    min-height: 0 !important;
    height: 178px !important;
    padding: 1.02rem 1.1rem !important;
    background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFF 100%) !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card > span,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card > h2,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card > p,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-layout,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card > a {
    position: relative !important;
    z-index: 3 !important;
    width: min(53%, 220px) !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card > span {
    gap: .3rem !important;
    font-size: .68rem !important;
    line-height: 1 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card h2 {
    max-width: 205px !important;
    margin: .28rem 0 .26rem !important;
    font-size: 1.04rem !important;
    line-height: 1.14 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card p {
    max-width: 218px !important;
    margin: 0 !important;
    font-size: .72rem !important;
    line-height: 1.28 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card .jobs-match-layout {
    display: none !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card > a {
    min-height: 32px !important;
    margin-top: .55rem !important;
    padding: .45rem .78rem !important;
    border-radius: 9px !important;
    font-size: .76rem !important;
    width: fit-content !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-visual {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    max-width: none !important;
    pointer-events: none !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-notification-card {
    min-height: 0 !important;
    height: 154px !important;
    padding: 1.25rem !important;
    background: #FFFFFF !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-notification-card > div {
    position: relative !important;
    z-index: 2 !important;
    width: min(58%, 270px) !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-notification-visual {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    max-width: none !important;
    pointer-events: none !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-top-employers {
    background: #FFFFFF !important;
    border: 1px solid #E6EAF2 !important;
    box-shadow: 0 18px 46px rgba(8, 20, 47, .055) !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-employer-list {
    gap: .7rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-employer-list div {
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    gap: .74rem !important;
    align-items: center !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-employer-list span {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    background: #EEF4FF !important;
    border: 1px solid #DCE6F7 !important;
    color: #155DFF !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-employer-list span.has-logo {
    padding: .22rem !important;
    background: #FFFFFF !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-employer-list span img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 10px !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-employer-list strong {
    min-width: 0 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-employer-list em {
    max-width: 110px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Jobs page: calmer production job cards with minimal blue accents. */
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-results-section {
    background: #FFFFFF !important;
    border: 1px solid #E6EAF2 !important;
    box-shadow: 0 18px 46px rgba(8, 20, 47, .045) !important;
    scroll-margin-top: 92px !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-section-head {
    align-items: flex-start !important;
    margin-bottom: 1.1rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-section-head span {
    color: #64748B !important;
    font-size: .72rem !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-section-head h2 {
    color: #08142F !important;
    font-size: clamp(1.2rem, 1.6vw, 1.55rem) !important;
    line-height: 1.16 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-section-head > a {
    min-height: 34px !important;
    border-radius: 999px !important;
    padding: .42rem .7rem !important;
    background: #F8FAFC !important;
    border: 1px solid #DCE6F7 !important;
    color: #155DFF !important;
    box-shadow: none !important;
    font-size: .78rem !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-list {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    gap: 1.05rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-job-card {
    position: relative !important;
    min-height: 286px !important;
    padding: 1.08rem !important;
    gap: .82rem !important;
    border: 1px solid #E6EAF2 !important;
    border-radius: 18px !important;
    background:
        linear-gradient(180deg, rgba(248, 250, 252, .75), rgba(255, 255, 255, 0) 38%),
        #FFFFFF !important;
    box-shadow: 0 14px 34px rgba(8, 20, 47, .055) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-job-card:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(21, 93, 255, .26) !important;
    box-shadow: 0 18px 42px rgba(8, 20, 47, .075) !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-job-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 3px !important;
    border-radius: 18px 0 0 18px !important;
    background: #155DFF !important;
    opacity: .30 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-top {
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
    gap: .82rem !important;
    align-items: start !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-company-mark {
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
    background: #EEF4FF !important;
    border: 1px solid #DCE6F7 !important;
    color: #155DFF !important;
    box-shadow: none !important;
    font-size: .82rem !important;
    font-weight: 900 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-company-mark.has-logo {
    padding: .28rem !important;
    background: #FFFFFF !important;
    overflow: hidden !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-company-logo {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 10px !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #FFFFFF !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-top h3 {
    margin: 0 0 .25rem !important;
    font-size: 1.04rem !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-top h3 a {
    display: inline !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #08142F !important;
    box-shadow: none !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-top h3 a:hover {
    color: #155DFF !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-company-link {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 28px !important;
    align-items: center !important;
    margin-top: .12rem !important;
    padding: .32rem .56rem !important;
    border: 1px solid #DCE6F7 !important;
    border-radius: 9px !important;
    background: #FFFFFF !important;
    color: #155DFF !important;
    box-shadow: none !important;
    font-size: .84rem !important;
    font-weight: 780 !important;
    line-height: 1.1 !important;
    overflow-wrap: anywhere !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-top em {
    justify-self: end !important;
    max-width: 96px !important;
    padding: .28rem .48rem !important;
    border-radius: 999px !important;
    background: #F8FAFC !important;
    border: 1px solid #E6EAF2 !important;
    color: #155DFF !important;
    box-shadow: none !important;
    font-size: .68rem !important;
    font-weight: 820 !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-align: center !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-job-meta {
    gap: .38rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-job-meta span {
    padding: .26rem .5rem !important;
    border-radius: 999px !important;
    background: #F8FAFC !important;
    border: 1px solid #E6EAF2 !important;
    color: #64748B !important;
    box-shadow: none !important;
    font-size: .68rem !important;
    font-weight: 760 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-card-score {
    grid-template-columns: auto minmax(0, 1fr) !important;
    padding: 0 !important;
    gap: .28rem .62rem !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-card-score strong {
    grid-row: 1 / 3 !important;
    color: #08142F !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-card-score span {
    color: #64748B !important;
    font-size: .72rem !important;
    font-weight: 760 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-card-score i {
    height: 5px !important;
    background: #E8EEF7 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-card-score b {
    background: #155DFF !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-job-card p {
    color: #64748B !important;
    font-size: .82rem !important;
    line-height: 1.45 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: .55rem !important;
    margin-top: .08rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-actions a {
    min-height: 40px !important;
    border-radius: 11px !important;
    padding: .62rem .72rem !important;
    box-shadow: none !important;
    font-size: .82rem !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
    text-align: center !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-detail-link {
    background: #FFFFFF !important;
    border: 1px solid #DCE6F7 !important;
    color: #155DFF !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-apply-link {
    background: #FFFFFF !important;
    border: 1px solid #BFD2FF !important;
    color: #155DFF !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-detail-link:hover {
    background: #EEF4FF !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-apply-link:hover {
    background: #EEF4FF !important;
    border-color: #155DFF !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-smart-apply-strip a {
    background: #FFFFFF !important;
    border: 1px solid #BFD2FF !important;
    color: #155DFF !important;
    box-shadow: none !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-smart-apply-strip a:hover {
    background: #EEF4FF !important;
    border-color: #155DFF !important;
    color: #155DFF !important;
}

/* Jobs page: official 3D icon set from the YOPI Jobs asset pack. */
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 img.jobs-nav-icon,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 img.jobs-filter-icon,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 img.jobs-stat-icon,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 img.jobs-trust-icon,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 img.jobs-kicker-icon {
    display: inline-block !important;
    flex: 0 0 auto !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 img.jobs-nav-icon {
    width: 24px !important;
    height: 24px !important;
    margin-right: .34rem !important;
    transform: translateY(-1px) !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 img.jobs-filter-icon {
    width: 22px !important;
    height: 22px !important;
    margin-right: .38rem !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced label > span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 img.jobs-stat-icon {
    width: 54px !important;
    height: 54px !important;
    margin-right: .75rem !important;
    filter: drop-shadow(0 10px 18px rgba(21, 93, 255, .13)) !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 img.jobs-trust-icon {
    width: 58px !important;
    height: 58px !important;
    filter: drop-shadow(0 12px 20px rgba(21, 93, 255, .12)) !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 img.jobs-kicker-icon {
    width: 24px !important;
    height: 24px !important;
    margin-right: .32rem !important;
}

@media (max-width: 760px) {
    html[data-yop-theme="light"] .yop-cookie-banner {
        left: max(12px, env(safe-area-inset-left)) !important;
        right: auto !important;
        bottom: max(10px, env(safe-area-inset-bottom)) !important;
        transform: none !important;
        box-sizing: border-box !important;
        width: calc(100vw - 24px) !important;
        max-width: none !important;
        max-height: min(34vh, 224px) !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: .46rem !important;
        padding: .68rem !important;
        overflow-y: auto !important;
        border-radius: 16px !important;
    }

    html[data-yop-theme="light"] .yop-cookie-banner strong {
        font-size: .94rem !important;
        line-height: 1.1 !important;
    }

    html[data-yop-theme="light"] .yop-cookie-banner p {
        margin: .12rem 0 0 !important;
        font-size: .76rem !important;
        line-height: 1.18 !important;
    }

    html[data-yop-theme="light"] .yop-cookie-banner a {
        font-size: .78rem !important;
    }

    html[data-yop-theme="light"] .yop-cookie-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: .36rem !important;
        width: 100% !important;
    }

    html[data-yop-theme="light"] .yop-cookie-actions > *:first-child {
        grid-column: auto !important;
    }

    html[data-yop-theme="light"] .yop-cookie-actions button,
    html[data-yop-theme="light"] .yop-cookie-actions a {
        width: 100% !important;
        min-height: 34px !important;
        padding: .48rem .58rem !important;
        font-size: .78rem !important;
        line-height: 1.1 !important;
        white-space: normal !important;
    }

    html[data-yop-theme="light"]:has(.yop-cookie-banner:not([hidden])) .yop-ai-toggle {
        display: none !important;
    }
}

@media (max-width: 860px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card {
        min-height: 330px !important;
        padding: 1.2rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card > div:first-child {
        width: min(56%, 265px) !important;
        max-width: 265px !important;
        min-height: 285px !important;
    }
}

@media (max-width: 560px) {
    html[data-yop-theme="light"] body:has(.jobs-v3),
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 {
        max-width: 100vw !important;
        overflow-x: clip !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-shell {
        width: min(100% - 24px, 430px) !important;
        max-width: calc(100vw - 24px) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 1rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-main,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-sidebar {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-hero {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: .85rem !important;
        box-sizing: border-box !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy {
        grid-row: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy h1 {
        font-size: clamp(2rem, 12vw, 2.65rem) !important;
        line-height: 1.02 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy p {
        max-width: min(100%, 310px) !important;
        overflow-wrap: break-word !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-actions,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-actions,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: .65rem !important;
        justify-items: stretch !important;
        box-sizing: border-box !important;
        width: min(100%, 320px) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 68px) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-actions a,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-actions a,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-actions a {
        box-sizing: border-box !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        white-space: normal !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card {
        width: 100% !important;
        height: auto !important;
        min-height: 320px !important;
        padding: 1rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card > div:first-child {
        width: min(72%, 245px) !important;
        max-width: 245px !important;
        min-height: 288px !important;
        align-content: center !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card::before {
        background: linear-gradient(
            90deg,
            rgba(255,255,255,.99) 0%,
            rgba(255,255,255,.96) 48%,
            rgba(255,255,255,.45) 72%,
            rgba(255,255,255,0) 100%
        ) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card h2 {
        max-width: 215px !important;
        font-size: clamp(1.38rem, 8vw, 1.85rem) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card li {
        font-size: .9rem !important;
        line-height: 1.24 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-panel,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-results-section,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-premium-card,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-notification-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-list,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-grid,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-trust-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: .85rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced label,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced input,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced select,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced button {
        width: 100% !important;
        min-width: 0 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-stat-row {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .75rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-stat-row article {
        min-width: 0 !important;
        padding: .9rem !important;
        align-items: flex-start !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-card {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        min-height: 0 !important;
        padding: 1.05rem !important;
        gap: .9rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-visual {
        width: 100% !important;
        height: auto !important;
        max-height: 220px !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-job-card {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 1rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-top {
        grid-template-columns: 46px minmax(0, 1fr) !important;
        gap: .75rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-top em {
        grid-column: 1 / -1 !important;
        justify-self: start !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-section-head {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: .7rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-section-head > a {
        justify-self: stretch !important;
        width: 100% !important;
        text-align: center !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-pagination {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: .55rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-pagination a,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-pagination span {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-premium-card,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-notification-card {
        height: auto !important;
        min-height: 0 !important;
        padding: 1rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-premium-card > div,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card > span,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card > h2,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card > p,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-layout,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-card > a,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-notification-card > div {
        width: 100% !important;
        max-width: 100% !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-premium-visual,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-match-visual,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-notification-visual {
        position: static !important;
        transform: none !important;
        width: 100% !important;
        height: auto !important;
        max-height: 210px !important;
        margin-top: .8rem !important;
        object-fit: contain !important;
        object-position: center !important;
    }
}

/* YOPI CV Studio + Bewerbungs-Board */
html[data-yop-theme="light"] .yopi-cv-studio .yopi-page-head {
    max-width: 1120px;
}

html[data-yop-theme="light"] .yopi-cv-studio-grid {
    align-items: start;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
}

html[data-yop-theme="light"] .yopi-score-sidebar {
    position: sticky;
    top: 96px;
}

html[data-yop-theme="light"] .yopi-score-card {
    min-height: 116px;
    padding: 1rem;
    border: 1px solid #E6EAF2;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 16px 36px rgba(15, 23, 42, .06);
}

html[data-yop-theme="light"] .yopi-score-card span,
html[data-yop-theme="light"] .yopi-score-card small {
    color: #64748B;
    font-weight: 740;
}

html[data-yop-theme="light"] .yopi-score-card strong {
    display: block;
    margin: .35rem 0 .55rem;
    color: #08142F;
    font-size: 1.85rem;
    line-height: 1;
}

html[data-yop-theme="light"] .yopi-score-card div {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: #EAF0FA;
}

html[data-yop-theme="light"] .yopi-score-card i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #155DFF 0%, #16A34A 100%);
}

html[data-yop-theme="light"] .yopi-cv-preview {
    min-height: 720px;
    padding: clamp(1.3rem, 2.4vw, 2.3rem);
    border: 1px solid #E6EAF2;
    border-radius: 18px;
    background: #FFFFFF;
    color: #0F172A;
    box-shadow: 0 20px 48px rgba(15, 23, 42, .07);
}

html[data-yop-theme="light"] .yopi-cv-preview h2 {
    margin: 0;
    color: #08142F;
    font-size: clamp(1.75rem, 3vw, 2.45rem);
    line-height: 1.06;
}

html[data-yop-theme="light"] .yopi-cv-preview h3 {
    margin: 1.45rem 0 .55rem;
    color: #155DFF;
    font-size: .82rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

html[data-yop-theme="light"] .yopi-cv-preview p,
html[data-yop-theme="light"] .yopi-cv-preview li,
html[data-yop-theme="light"] .yopi-cv-preview small {
    color: #475569;
    line-height: 1.58;
}

html[data-yop-theme="light"] .yopi-cv-headline {
    margin: .4rem 0 .25rem;
    color: #155DFF !important;
    font-weight: 800;
}

html[data-yop-theme="light"] .yopi-cv-section {
    margin-top: .85rem;
    padding-top: .85rem;
    border-top: 1px solid #E6EAF2;
}

html[data-yop-theme="light"] .yopi-cv-section strong {
    display: block;
    color: #0F172A;
}

html[data-yop-theme="light"] .yopi-cv-template-modern {
    border-top: 8px solid #155DFF;
}

html[data-yop-theme="light"] .yopi-cv-template-ats_safe {
    border-left: 8px solid #155DFF;
    box-shadow: none;
}

html[data-yop-theme="light"] .yopi-cv-template-entry_level {
    background: linear-gradient(180deg, #FFFFFF 0%, #F7FAFF 100%);
}

html[data-yop-theme="light"] .yopi-cv-template-craft {
    border-color: #BCD2FF;
}

html[data-yop-theme="light"] .yopi-cv-template-executive {
    border-top: 8px solid #08142F;
}

html[data-yop-theme="light"] .yopi-cv-template-professional {
    border-top: 8px solid #155DFF;
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFF 100%);
}

html[data-yop-theme="light"] .yopi-cv-template-minimal {
    box-shadow: none;
    border-color: #CBD5E1;
}

html[data-yop-theme="light"] .yopi-cv-template-technical {
    border-left: 8px solid #0F766E;
}

html[data-yop-theme="light"] .yopi-cv-template-sales_service {
    border-left: 8px solid #155DFF;
    background: linear-gradient(180deg, #FFFFFF 0%, #F7FBFF 100%);
}

html[data-yop-theme="light"] .yopi-builder-page {
    --builder-blue: #155DFF;
    --builder-navy: #08142F;
    --builder-muted: #64748B;
    --builder-border: #E6EAF2;
    --builder-bg: #F7F9FC;
}

html[data-yop-theme="light"] .yopi-builder-hero {
    max-width: 1240px;
}

html[data-yop-theme="light"] .yopi-builder-layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) minmax(340px, 430px);
    gap: 1.1rem;
    align-items: start;
}

html[data-yop-theme="light"] .yopi-builder-nav,
html[data-yop-theme="light"] .yopi-builder-side {
    position: sticky;
    top: 92px;
}

html[data-yop-theme="light"] .yopi-builder-nav {
    display: grid;
    gap: .55rem;
    padding: .85rem;
    border: 1px solid var(--builder-border);
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 18px 42px rgba(8, 20, 47, .045);
}

html[data-yop-theme="light"] .yopi-builder-nav a {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
    gap: .6rem;
    min-height: 44px;
    padding: .48rem .55rem;
    border: 1px solid transparent;
    border-radius: 12px;
    color: #0F172A;
    font-weight: 820;
    text-decoration: none;
}

html[data-yop-theme="light"] .yopi-builder-nav a:hover {
    border-color: #DCE6F7;
    background: #F8FAFF;
    color: var(--builder-blue);
}

html[data-yop-theme="light"] .yopi-builder-nav span {
    display: inline-grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 10px;
    background: #EEF4FF;
    color: var(--builder-blue);
    font-size: .8rem;
    font-weight: 900;
}

html[data-yop-theme="light"] .yopi-builder-main,
html[data-yop-theme="light"] .yopi-builder-side {
    display: grid;
    gap: 1rem;
}

html[data-yop-theme="light"] .yopi-builder-card {
    border-color: var(--builder-border);
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 18px 42px rgba(8, 20, 47, .045);
}

html[data-yop-theme="light"] .yopi-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem 1rem;
}

html[data-yop-theme="light"] .yopi-form-grid p,
html[data-yop-theme="light"] .yopi-ai-action-grid p {
    margin: 0;
}

html[data-yop-theme="light"] .yopi-form-wide {
    grid-column: 1 / -1;
}

html[data-yop-theme="light"] .yopi-builder-page label {
    display: block;
    margin-bottom: .35rem;
    color: #0F172A;
    font-size: .86rem;
    font-weight: 820;
}

html[data-yop-theme="light"] .yopi-builder-page input,
html[data-yop-theme="light"] .yopi-builder-page textarea,
html[data-yop-theme="light"] .yopi-builder-page select {
    width: 100%;
    min-height: 44px;
    border: 1px solid #DCE6F7;
    border-radius: 12px;
    background: #FFFFFF;
    color: #0F172A;
    box-shadow: none;
}

html[data-yop-theme="light"] .yopi-builder-page textarea {
    min-height: 118px;
    resize: vertical;
}

html[data-yop-theme="light"] .yopi-template-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
    gap: .9rem;
}

html[data-yop-theme="light"] .yopi-template-card {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: .85rem;
    align-items: start;
    padding: .95rem;
    border: 1px solid #E6EAF2;
    border-radius: 16px;
    background: #FFFFFF;
}

html[data-yop-theme="light"] .yopi-template-card.is-active {
    border-color: #BFD2FF;
    background: #F7FAFF;
}

html[data-yop-theme="light"] .yopi-template-card strong {
    display: block;
    color: #08142F;
    font-size: 1rem;
}

html[data-yop-theme="light"] .yopi-template-card em {
    display: inline-flex;
    margin: .25rem 0 .45rem;
    padding: .22rem .48rem;
    border-radius: 999px;
    background: #EEF4FF;
    color: #155DFF;
    font-size: .7rem;
    font-style: normal;
    font-weight: 850;
}

html[data-yop-theme="light"] .yopi-template-card p,
html[data-yop-theme="light"] .yopi-template-card small {
    color: #64748B;
    line-height: 1.45;
}

html[data-yop-theme="light"] .yopi-template-card form {
    grid-column: 1 / -1;
}

html[data-yop-theme="light"] .yopi-template-mini {
    display: grid;
    gap: .32rem;
    width: 74px;
    min-height: 96px;
    padding: .6rem;
    border: 1px solid #DCE6F7;
    border-radius: 12px;
    background: #FFFFFF;
}

html[data-yop-theme="light"] .yopi-template-mini span {
    display: block;
    height: 7px;
    border-radius: 999px;
    background: #DCE6F7;
}

html[data-yop-theme="light"] .yopi-template-mini span:first-child {
    width: 70%;
    height: 12px;
    background: #155DFF;
}

html[data-yop-theme="light"] .yopi-ai-assist-panel {
    background:
        radial-gradient(circle at top right, rgba(21, 93, 255, .10), transparent 36%),
        #FFFFFF;
}

html[data-yop-theme="light"] .yopi-provider-status {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr);
    gap: .5rem .7rem;
    align-items: center;
    margin: .9rem 0 1rem;
    padding: .8rem .9rem;
    border: 1px solid #DCE6F7;
    border-radius: 14px;
    background: #F8FAFF;
    color: #0F172A;
}

html[data-yop-theme="light"] .yopi-provider-status strong,
html[data-yop-theme="light"] .yopi-provider-status span {
    font-weight: 850;
}

html[data-yop-theme="light"] .yopi-provider-status span {
    color: #155DFF;
}

html[data-yop-theme="light"] .yopi-provider-status small {
    color: #64748B;
}

html[data-yop-theme="light"] .yopi-ai-action-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

html[data-yop-theme="light"] .yopi-ai-action-grid .yopi-form-wide {
    grid-column: 1 / -1;
}

html[data-yop-theme="light"] .yopi-guide-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .9rem;
}

html[data-yop-theme="light"] .yopi-guide-card {
    padding: 1rem;
    border: 1px solid #E6EAF2;
    border-radius: 16px;
    background: #FFFFFF;
}

html[data-yop-theme="light"] .yopi-guide-card strong {
    color: #08142F;
}

html[data-yop-theme="light"] .yopi-guide-card p,
html[data-yop-theme="light"] .yopi-guide-card li {
    color: #64748B;
    line-height: 1.5;
}

html[data-yop-theme="light"] .yopi-guide-card ul {
    margin: .65rem 0;
    padding-left: 1.1rem;
}

html[data-yop-theme="light"] .yopi-guide-card blockquote {
    margin: .75rem 0 0;
    padding: .75rem;
    border-left: 4px solid #155DFF;
    border-radius: 10px;
    background: #F8FAFF;
    color: #0F172A;
    font-weight: 740;
}

html[data-yop-theme="light"] .yopi-builder-preview-panel .yopi-cv-preview {
    min-height: 620px;
    max-height: 76vh;
    overflow: auto;
}

html[data-yop-theme="light"] .yopi-tailoring-row details {
    margin-top: .65rem;
    color: #0F172A;
}

html[data-yop-theme="light"] .yopi-tailoring-row summary {
    cursor: pointer;
    color: #155DFF;
    font-weight: 820;
}

html[data-yop-theme="light"] .yopi-inline-form {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    align-items: end;
    gap: 1rem;
}

html[data-yop-theme="light"] .yopi-inline-form p {
    margin: 0;
}

html[data-yop-theme="light"] .yopi-section-editor-list {
    display: grid;
    gap: .75rem;
    margin-bottom: 1rem;
}

html[data-yop-theme="light"] .yopi-section-editor-item {
    border: 1px solid #E6EAF2;
    border-radius: 16px;
    background: #FFFFFF;
    box-shadow: 0 12px 30px rgba(8, 20, 47, .045);
    overflow: hidden;
}

html[data-yop-theme="light"] .yopi-section-editor-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    min-height: 58px;
    padding: .85rem 1rem;
    cursor: pointer;
}

html[data-yop-theme="light"] .yopi-section-editor-item summary strong {
    display: block;
    color: #08142F;
}

html[data-yop-theme="light"] .yopi-section-editor-item summary small {
    color: #64748B;
}

html[data-yop-theme="light"] .yopi-section-editor-item summary em {
    min-width: 34px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border-radius: 10px;
    background: #EEF4FF;
    color: #155DFF;
    font-size: .78rem;
    font-style: normal;
    font-weight: 900;
}

html[data-yop-theme="light"] .yopi-section-edit-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0 1rem 1rem;
}

html[data-yop-theme="light"] .yopi-section-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    align-items: center;
    padding: 0 1rem 1rem;
}

html[data-yop-theme="light"] .yopi-section-edit-form .yopi-section-actions {
    grid-column: 1 / -1;
    padding: 0;
}

html[data-yop-theme="light"] .yopi-danger-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: .6rem .85rem;
    border: 1px solid #FECACA;
    border-radius: 12px;
    background: #FFFFFF;
    color: #B91C1C;
    font-weight: 850;
    cursor: pointer;
}

html[data-yop-theme="light"] .yopi-check-row label {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

html[data-yop-theme="light"] .yopi-check-row input {
    width: 18px;
    min-height: 18px;
}

html[data-yop-theme="light"] .yopi-cv-landing {
    --builder-blue: #155DFF;
    --builder-navy: #08142F;
    --builder-muted: #64748B;
    --builder-border: #E6EAF2;
}

html[data-yop-theme="light"] .yopi-cv-landing-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    gap: clamp(1.1rem, 3vw, 2rem);
    align-items: center;
    margin-bottom: 1.1rem;
    padding: clamp(1.4rem, 3vw, 2.3rem);
    border: 1px solid #E6EAF2;
    border-radius: 24px;
    background:
        radial-gradient(circle at 80% 20%, rgba(21, 93, 255, .12), transparent 34%),
        linear-gradient(135deg, #FFFFFF 0%, #F7FAFF 100%);
    box-shadow: 0 22px 54px rgba(8, 20, 47, .07);
}

html[data-yop-theme="light"] .yopi-cv-landing-hero h1 {
    margin: .45rem 0 .7rem;
    color: #08142F;
    font-size: clamp(2.2rem, 5vw, 4.25rem);
    line-height: 1.02;
}

html[data-yop-theme="light"] .yopi-cv-landing-hero p {
    max-width: 720px;
    color: #475569;
    font-size: 1.05rem;
    line-height: 1.65;
}

html[data-yop-theme="light"] .yopi-cv-landing-preview {
    position: relative;
    min-height: 390px;
    border-radius: 24px;
    background: linear-gradient(135deg, #EEF4FF 0%, #FFFFFF 100%);
}

html[data-yop-theme="light"] .yopi-cv-sheet {
    position: absolute;
    inset: 42px 74px 44px 34px;
    display: grid;
    align-content: start;
    gap: .75rem;
    padding: 1.45rem;
    border: 1px solid #DCE6F7;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 28px 64px rgba(8, 20, 47, .12);
}

html[data-yop-theme="light"] .yopi-cv-sheet strong {
    color: #08142F;
    font-size: 1.8rem;
}

html[data-yop-theme="light"] .yopi-cv-sheet span {
    color: #155DFF;
    font-weight: 850;
}

html[data-yop-theme="light"] .yopi-cv-sheet i {
    display: block;
    height: 11px;
    border-radius: 999px;
    background: #E6EAF2;
}

html[data-yop-theme="light"] .yopi-cv-sheet i:nth-of-type(1) {
    width: 92%;
}

html[data-yop-theme="light"] .yopi-cv-sheet i:nth-of-type(2) {
    width: 74%;
}

html[data-yop-theme="light"] .yopi-cv-sheet i:nth-of-type(3) {
    width: 84%;
}

html[data-yop-theme="light"] .yopi-cv-sheet div,
html[data-yop-theme="light"] .yopi-cv-score-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem;
    border-radius: 16px;
    background: #F8FAFF;
}

html[data-yop-theme="light"] .yopi-cv-sheet div em {
    color: #16A34A;
    font-size: 1.35rem;
    font-style: normal;
    font-weight: 950;
}

html[data-yop-theme="light"] .yopi-cv-score-card {
    position: absolute;
    right: 22px;
    bottom: 24px;
    width: 210px;
    display: grid;
    justify-items: start;
    border: 1px solid #DCE6F7;
    background: #FFFFFF;
    box-shadow: 0 22px 48px rgba(8, 20, 47, .12);
}

html[data-yop-theme="light"] .yopi-cv-score-card span,
html[data-yop-theme="light"] .yopi-cv-score-card small {
    color: #64748B;
    font-weight: 800;
}

html[data-yop-theme="light"] .yopi-cv-score-card strong {
    color: #155DFF;
    font-size: 2.35rem;
    line-height: 1;
}

html[data-yop-theme="light"] .yopi-cv-landing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.1rem;
}

html[data-yop-theme="light"] .yopi-cv-template-band {
    margin-bottom: 1.1rem;
}

html[data-yop-theme="light"] .yopi-board {
    display: grid;
    grid-template-columns: repeat(5, minmax(230px, 1fr));
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: .35rem;
}

html[data-yop-theme="light"] .yopi-board-column {
    min-height: 460px;
    padding: 1rem;
    border: 1px solid #E6EAF2;
    border-radius: 18px;
    background: #F8FAFF;
}

html[data-yop-theme="light"] .yopi-board-items {
    display: grid;
    gap: .8rem;
}

html[data-yop-theme="light"] .yopi-board-column .yopi-card {
    padding: .95rem;
    border-color: #DCE6F7;
    border-radius: 14px;
    background: #FFFFFF;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
}

html[data-yop-theme="light"] .yopi-board-column .yopi-card strong {
    display: block;
    color: #08142F;
    font-size: .98rem;
    line-height: 1.25;
}

html[data-yop-theme="light"] .yopi-board-column .yopi-card p,
html[data-yop-theme="light"] .yopi-board-column .yopi-card small {
    color: #64748B;
}

html[data-yop-theme="light"] .yopi-empty-mini {
    padding: .95rem;
    border: 1px dashed #C9D7EE;
    border-radius: 14px;
    color: #64748B;
    background: #FFFFFF;
    font-weight: 740;
}

body.yopi-app-page .yop-page-main {
    padding: 0;
}

body.yopi-app-page .yop-global-footer,
body.yopi-app-page > footer,
body.yopi-app-page footer[role="contentinfo"],
body.yopi-app-page .yop-footer {
    display: none;
}

body.yopi-app-page .yopi-app-shell {
    width: 100%;
    min-height: calc(100vh - 76px);
}

body.yopi-app-page .yopi-app-main {
    min-width: 0;
}

body.yopi-app-page .yopi-app-topbar {
    padding: 0 0 .25rem;
}

body.yopi-app-page .yopi-top-action {
    min-height: 42px;
    white-space: nowrap;
}

body.yopi-app-page .yopi-app-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem .85rem;
    margin-top: .4rem;
    border-top: 1px solid #E6EAF2;
    padding: 1rem 0 .2rem;
    color: #64748B;
    font-size: .92rem;
    font-weight: 760;
}

body.yopi-app-page .yopi-app-footer span {
    color: #08142F;
    font-weight: 900;
}

body.yopi-app-page .yopi-app-footer a {
    color: #155DFF;
    font-weight: 850;
    text-decoration: none;
}

body.yopi-app-page .yopi-app-callout,
body.yopi-app-page .yopi-app-panel,
body.yopi-app-page .yopi-empty-state {
    border: 1px solid #E6EAF2;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 18px 42px rgba(8, 20, 47, .055);
}

body.yopi-app-page .yopi-app-callout {
    display: grid;
    gap: .35rem;
    padding: 1rem 1.1rem;
    border-left: 4px solid #155DFF;
}

body.yopi-app-page .yopi-app-callout strong,
body.yopi-app-page .yopi-app-panel h2,
body.yopi-app-page .yopi-app-panel h3 {
    color: #08142F;
}

body.yopi-app-page .yopi-app-callout p {
    margin: 0;
    color: #64748B;
}

body.yopi-app-page .yopi-app-two-column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
}

body.yopi-app-page .yopi-app-list {
    gap: .75rem;
}

body.yopi-app-page .yopi-app-row {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    border-color: #E6EAF2;
    box-shadow: 0 10px 24px rgba(8, 20, 47, .035);
}

body.yopi-app-page .yopi-app-row > div {
    min-width: 0;
}

body.yopi-app-page .yopi-app-row strong {
    color: #08142F;
}

body.yopi-app-page .yopi-app-row span,
body.yopi-app-page .yopi-app-row small {
    color: #64748B;
}

body.yopi-app-page .yopi-app-row b {
    justify-self: end;
    color: #155DFF;
}

body.yopi-app-page .yopi-app-row .yopi-actions {
    justify-content: flex-end;
    margin-top: 0;
}

body.yopi-app-page .yopi-empty-state {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: .95rem;
    padding: 1rem;
}

body.yopi-app-page .yopi-empty-icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: #EEF4FF;
    color: #155DFF;
    font-weight: 900;
}

body.yopi-app-page .yopi-empty-state strong {
    display: block;
    color: #08142F;
}

body.yopi-app-page .yopi-empty-state p {
    margin: .18rem 0 .65rem;
    color: #64748B;
}

body.yopi-app-page .yopi-app-board {
    grid-template-columns: repeat(5, minmax(220px, 1fr));
    overflow-x: auto;
    padding-bottom: .6rem;
}

body.yopi-app-page .yopi-board-column {
    min-height: 420px;
}

body.yopi-app-page .yopi-board-card strong {
    font-size: 1rem;
}

body.yopi-app-page .yopi-form-panel {
    max-width: 860px;
}

body.yopi-app-page .yopi-app-builder {
    width: 100%;
    padding: 0;
}

body.yopi-app-page .yopi-app-builder .yopi-builder-hero {
    margin-bottom: 1rem;
}

body.yopi-app-page .yopi-app-builder .yopi-builder-hero h2 {
    margin: .55rem 0 .4rem;
    color: #08142F;
    font-size: clamp(1.35rem, 2.4vw, 2rem);
    letter-spacing: 0;
}

body.yopi-app-page .yopi-app-builder .yopi-builder-layout {
    margin-top: 0;
}

body.yopi-app-page .yopi-app-score-grid {
    margin-top: 0;
}

body.yopi-app-page .yopi-app-action-row {
    margin-top: 1rem;
}

body.yopi-app-page .yopi-recommendation-list {
    display: grid;
    gap: .45rem;
    margin: .8rem 0 0;
    padding-left: 1.15rem;
    color: #334155;
}

body.yopi-employer-page .yop-page-main {
    padding: 0;
}

body.yopi-employer-page .yop-global-footer,
body.yopi-employer-page > footer,
body.yopi-employer-page footer[role="contentinfo"],
body.yopi-employer-page .yop-footer {
    display: none;
}

body.yopi-employer-page .yopi-employer-shell {
    width: 100%;
    min-height: calc(100vh - 76px);
}

body.yopi-employer-page .yopi-employer-main {
    min-width: 0;
}

body.yopi-employer-page .yopi-employer-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem .85rem;
    border-top: 1px solid #E6EAF2;
    padding: 1rem 0 .2rem;
    color: #64748B;
    font-size: .92rem;
    font-weight: 760;
}

body.yopi-employer-page .yopi-employer-footer span {
    color: #08142F;
    font-weight: 900;
}

body.yopi-employer-page .yopi-employer-footer a {
    color: #155DFF;
    font-weight: 850;
    text-decoration: none;
}

body.yopi-employer-page .yopi-employer-panel,
body.yopi-employer-page .yopi-empty-state {
    border: 1px solid #E6EAF2;
    border-radius: 18px;
    background: #FFFFFF;
    box-shadow: 0 18px 42px rgba(8, 20, 47, .055);
}

body.yopi-employer-page .yopi-app-two-column {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
}

body.yopi-employer-page .yopi-app-list {
    gap: .75rem;
}

body.yopi-employer-page .yopi-app-row {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    border-color: #E6EAF2;
    box-shadow: 0 10px 24px rgba(8, 20, 47, .035);
}

body.yopi-employer-page .yopi-app-row > div {
    min-width: 0;
}

body.yopi-employer-page .yopi-app-row strong {
    color: #08142F;
}

body.yopi-employer-page .yopi-app-row span,
body.yopi-employer-page .yopi-app-row small {
    color: #64748B;
}

body.yopi-employer-page .yopi-app-row b {
    justify-self: end;
    color: #155DFF;
}

body.yopi-employer-page .yopi-app-row .yopi-actions {
    justify-content: flex-end;
    margin-top: 0;
}

body.yopi-employer-page .yopi-empty-state {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    gap: .95rem;
    padding: 1rem;
}

body.yopi-employer-page .yopi-empty-icon {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: #EEF4FF;
    color: #155DFF;
    font-weight: 900;
}

body.yopi-employer-page .yopi-empty-state strong {
    display: block;
    color: #08142F;
}

body.yopi-employer-page .yopi-empty-state p {
    margin: .18rem 0 .65rem;
    color: #64748B;
}

/* YOPI Jobs official desktop composition: keep the prepared assets visible and correctly framed. */
@media (min-width: 1180px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-shell {
        width: min(1764px, calc(100vw - 72px)) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(392px, 440px) !important;
        gap: 1.35rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-hero {
        display: grid !important;
        grid-template-columns: minmax(300px, .74fr) repeat(2, minmax(410px, 1fr)) !important;
        gap: 1.05rem !important;
        align-items: stretch !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy {
        max-width: 360px !important;
        padding-right: .25rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card {
        height: 350px !important;
        min-height: 350px !important;
        overflow: hidden !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card > div:first-child {
        width: min(48%, 245px) !important;
        max-width: 245px !important;
        padding-top: .35rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card::before {
        background: linear-gradient(
            90deg,
            rgba(255, 255, 255, .98) 0%,
            rgba(255, 255, 255, .94) 42%,
            rgba(255, 255, 255, .30) 61%,
            rgba(255, 255, 255, .04) 100%
        ) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-visual img {
        opacity: 1 !important;
        filter: none !important;
        transform: none !important;
        object-fit: cover !important;
        object-position: 100% center !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced {
        display: grid !important;
        grid-template-columns:
            minmax(220px, 1.12fr)
            minmax(180px, .78fr)
            minmax(220px, 1fr)
            minmax(180px, .78fr)
            minmax(180px, .78fr)
            minmax(150px, auto) !important;
        gap: .8rem !important;
        align-items: end !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced button {
        width: 100% !important;
        min-height: 54px !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-stat-row {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 1rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-stat-row article {
        display: grid !important;
        grid-template-columns: 58px minmax(0, auto) !important;
        grid-template-rows: auto auto !important;
        column-gap: .9rem !important;
        align-items: center !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-stat-row article img {
        grid-row: 1 / 3 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-card {
        min-height: 326px !important;
        overflow: hidden !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-card > div:first-child {
        max-width: 48% !important;
        position: relative !important;
        z-index: 2 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-visual {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
        object-position: center right !important;
        opacity: 1 !important;
        filter: none !important;
        z-index: 1 !important;
    }
}

@media (min-width: 1500px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-hero {
        grid-template-columns: minmax(330px, .72fr) repeat(2, minmax(430px, 1fr)) !important;
    }
}

@media (max-width: 980px) {
    html[data-yop-theme="light"] .yopi-cv-studio-grid,
    html[data-yop-theme="light"] .yopi-cv-studio .yopi-split {
        grid-template-columns: 1fr;
    }

    html[data-yop-theme="light"] .yopi-score-sidebar {
        position: static;
    }

    html[data-yop-theme="light"] .yopi-board {
        grid-template-columns: repeat(5, minmax(260px, 82vw));
    }

    html[data-yop-theme="light"] .yopi-builder-layout {
        grid-template-columns: 1fr;
    }

    html[data-yop-theme="light"] .yopi-cv-landing-hero,
    html[data-yop-theme="light"] .yopi-cv-landing-grid {
        grid-template-columns: 1fr;
    }

    html[data-yop-theme="light"] .yopi-builder-nav,
    html[data-yop-theme="light"] .yopi-builder-side {
        position: static;
    }

    html[data-yop-theme="light"] .yopi-builder-nav {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    html[data-yop-theme="light"] .yopi-ai-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.yopi-app-page .yopi-app-two-column,
    body.yopi-app-page .yopi-app-score-grid,
    body.yopi-employer-page .yopi-app-two-column {
        grid-template-columns: 1fr;
    }

    body.yopi-app-page .yopi-app-board {
        grid-template-columns: repeat(5, minmax(250px, 82vw));
    }
}

@media (max-width: 900px) {
    body.yopi-app-page .yopi-app-topbar,
    body.yopi-app-page .seeker-user-area {
        align-items: stretch;
    }

    body.yopi-app-page .seeker-user-area {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    body.yopi-app-page .yopi-app-row {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    body.yopi-employer-page .yopi-app-row {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    body.yopi-app-page .yopi-app-row > a,
    body.yopi-app-page .yopi-app-row > b,
    body.yopi-app-page .yopi-app-row > .yopi-actions {
        grid-column: 2;
        justify-self: start;
    }

    body.yopi-employer-page .yopi-app-row > a,
    body.yopi-employer-page .yopi-app-row > b,
    body.yopi-employer-page .yopi-app-row > .yopi-actions {
        grid-column: 2;
        justify-self: start;
    }

    body.yopi-app-page .yopi-empty-state {
        grid-template-columns: 1fr;
    }

    body.yopi-employer-page .yopi-empty-state {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 620px) {
    html[data-yop-theme="light"] .yopi-cv-preview {
        min-height: auto;
        padding: 1rem;
    }

    html[data-yop-theme="light"] .yopi-inline-form {
        grid-template-columns: 1fr;
    }

    html[data-yop-theme="light"] .yopi-builder-nav,
    html[data-yop-theme="light"] .yopi-form-grid,
    html[data-yop-theme="light"] .yopi-ai-action-grid,
    html[data-yop-theme="light"] .yopi-builder-content-grid,
    html[data-yop-theme="light"] .yopi-section-edit-form,
    html[data-yop-theme="light"] .yopi-provider-status {
        grid-template-columns: 1fr;
    }

    html[data-yop-theme="light"] .yopi-template-card {
        grid-template-columns: 1fr;
    }

    html[data-yop-theme="light"] .yopi-template-mini {
        width: 100%;
        max-width: 160px;
    }

    html[data-yop-theme="light"] .yopi-cv-landing-preview {
        min-height: 320px;
    }

    html[data-yop-theme="light"] .yopi-cv-sheet {
        inset: 20px 18px 80px;
    }

    html[data-yop-theme="light"] .yopi-cv-score-card {
        right: 18px;
        left: 18px;
        bottom: 18px;
        width: auto;
    }

    html[data-yop-theme="light"] .yopi-section-editor-item summary,
    html[data-yop-theme="light"] .yopi-section-actions {
        align-items: stretch;
    }
}

/* Live polish: use the Jobs feature artwork as full-card background layers. */
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-card {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    isolation: isolate !important;
    min-height: 300px !important;
    padding: 1.55rem !important;
    background-color: #fff !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-card > div:first-child {
    position: relative !important;
    z-index: 2 !important;
    min-width: 0 !important;
    width: min(55%, 340px) !important;
    max-width: 340px !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.96) 36%, rgba(255,255,255,.28) 62%, rgba(255,255,255,0) 100%) !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-visual {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: right center !important;
    transform: none !important;
    opacity: 1 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-seeker .jobs-feature-visual {
    object-position: 72% center !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-employer .jobs-feature-visual {
    object-position: 78% center !important;
}

@media (min-width: 900px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-card {
        min-height: 300px !important;
    }
}

@media (max-width: 899px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-card {
        min-height: 320px !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-card > div:first-child {
        width: min(62%, 315px) !important;
    }
}

@media (max-width: 560px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-card {
        min-height: 360px !important;
        padding: 1.15rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-card > div:first-child {
        width: min(68%, 265px) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-feature-card::before {
        background: linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 48%, rgba(255,255,255,.38) 76%, rgba(255,255,255,.06) 100%) !important;
    }
}

/* Live layout patch: fit the public Jobs hero into the active release column
   width without overlapping the right sidebar. */
@media (min-width: 1280px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-layout {
        grid-template-columns: minmax(0, 1fr) minmax(360px, 440px) !important;
        gap: 1.25rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-hero {
        grid-template-columns: minmax(260px, .84fr) repeat(2, minmax(0, 1fr)) !important;
        gap: .95rem !important;
        align-items: stretch !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy {
        padding: 2.15rem 1.25rem 2.15rem 1.7rem !important;
        min-width: 0 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy h1 {
        font-size: clamp(2.45rem, 3.1vw, 3.65rem) !important;
        line-height: 1.04 !important;
        letter-spacing: 0 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy p {
        font-size: .97rem !important;
        line-height: 1.55 !important;
        max-width: 27rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card {
        width: 100% !important;
        min-width: 0 !important;
        height: 350px !important;
        padding: 1.4rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card > div:first-child {
        width: min(52%, 220px) !important;
        max-width: 220px !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card h2 {
        font-size: clamp(1.55rem, 1.7vw, 2rem) !important;
        line-height: 1.07 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card li {
        font-size: .9rem !important;
        line-height: 1.35 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card a {
        padding: .78rem 1rem !important;
    }
}

@media (min-width: 1280px) and (max-width: 1540px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-layout {
        grid-template-columns: minmax(0, 1fr) minmax(330px, 390px) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-hero {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        column-gap: 1rem !important;
        align-items: end !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy > span,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy > h1,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy > p {
        grid-column: 1 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-actions {
        grid-column: 2 !important;
        grid-row: 2 / 4 !important;
        align-self: end !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card {
        height: 330px !important;
        padding: 1.25rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card > div:first-child {
        width: min(50%, 190px) !important;
        max-width: 190px !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card h2 {
        font-size: clamp(1.38rem, 1.45vw, 1.75rem) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card li {
        font-size: .82rem !important;
    }
}

/* YOPI Jobs live release guard.
   Keep this at the end of the final stylesheet so narrower desktop browsers
   cannot fall back to the older three-card hero grid and overlap the sidebar. */
@media (min-width: 1280px) and (max-width: 1540px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-shell {
        width: min(100% - 40px, 1764px) !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-layout {
        grid-template-columns: minmax(0, 1fr) minmax(330px, 390px) !important;
        gap: 1.2rem !important;
        align-items: start !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-sidebar {
        width: 100% !important;
        min-width: 0 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-main {
        display: block !important;
        width: 100% !important;
        inline-size: 100% !important;
        max-width: 100% !important;
        max-inline-size: 100% !important;
        min-width: 0 !important;
        min-inline-size: 0 !important;
        overflow: hidden !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-market-hero {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 1rem !important;
        align-items: stretch !important;
        width: 100% !important;
        inline-size: 100% !important;
        max-width: 100% !important;
        max-inline-size: 100% !important;
        min-width: 0 !important;
        min-inline-size: 0 !important;
        justify-self: stretch !important;
        overflow: hidden !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy {
        grid-column: 1 / -1 !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        column-gap: 1rem !important;
        align-items: end !important;
        max-width: none !important;
        padding: 2rem 1.6rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy > span,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy > h1,
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-copy > p {
        grid-column: 1 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-hero-actions {
        grid-column: 2 !important;
        grid-row: 2 / 4 !important;
        align-self: end !important;
        justify-self: end !important;
        flex-wrap: nowrap !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card {
        height: 330px !important;
        min-height: 330px !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 1.25rem !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card > div:first-child {
        width: min(50%, 190px) !important;
        max-width: 190px !important;
        min-height: 268px !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card h2 {
        font-size: clamp(1.38rem, 1.45vw, 1.75rem) !important;
        line-height: 1.07 !important;
    }

    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-persona-card li {
        font-size: .82rem !important;
        line-height: 1.28 !important;
    }
}

/* YOPI Career functional polish: public job cards and account dashboards. */
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-actions form {
    display: block !important;
    grid-column: 1 / -1 !important;
    margin: 0 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-actions a,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-card-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 40px !important;
    border-radius: 11px !important;
    padding: .62rem .72rem !important;
    font: inherit !important;
    font-size: .82rem !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
    text-align: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-save-link {
    border: 1px solid #DCE6F7 !important;
    background: #FFFFFF !important;
    color: #155DFF !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-save-link:hover,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .job-save-link.is-saved {
    border-color: #155DFF !important;
    background: #EEF4FF !important;
}

html[data-yop-theme="light"] .company-profile-warning {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: .65rem;
    min-height: 34px;
    padding: .45rem .7rem;
    border: 1px solid #BFD2FF;
    border-radius: 999px;
    background: #F7FAFF;
    color: #155DFF;
    font-size: .8rem;
    font-weight: 850;
    text-decoration: none;
}

html[data-yop-theme="light"] .company-profile-warning:hover {
    background: #EEF4FF;
}

html[data-yop-theme="light"] .yopi-row.is-unread {
    border-color: #BFD2FF;
    border-left: 4px solid #155DFF;
    background: linear-gradient(180deg, #F7FAFF 0%, #FFFFFF 100%);
    box-shadow: 0 16px 36px rgba(21, 93, 255, .08);
}

html[data-yop-theme="light"] .yopi-empty-mini {
    display: grid;
    gap: .4rem;
    align-content: center;
}

html[data-yop-theme="light"] .yopi-empty-mini strong {
    color: #08142F;
    font-weight: 900;
}

html[data-yop-theme="light"] .yopi-empty-mini a {
    color: #155DFF;
    font-weight: 850;
    text-decoration: none;
}

html[data-yop-theme="light"] .yopi-empty-mini a:hover {
    text-decoration: underline;
}

html[data-yop-theme="light"] .yopi-form input[type="file"] {
    min-height: auto;
    padding: .75rem;
    border: 1px dashed #BFD2FF;
    border-radius: 14px;
    background: #F7FAFF;
}

html[data-yop-theme="light"] .yopi-form input[type="file"]::file-selector-button {
    margin-right: .85rem;
    border: 0;
    border-radius: 999px;
    padding: .58rem .85rem;
    background: #155DFF;
    color: #FFFFFF;
    font-weight: 850;
    cursor: pointer;
}

/* YOPI Jobs release guard: keep the search action inside the panel at all widths. */
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-shell,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-layout,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-main-column,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-panel {
    min-width: 0 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-panel {
    overflow: visible !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced {
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns:
        minmax(0, 1.2fr)
        minmax(0, .82fr)
        minmax(0, 1fr)
        minmax(0, .82fr)
        minmax(0, .82fr)
        minmax(124px, .62fr) !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced label,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced input,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced select,
html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced button {
    min-width: 0 !important;
}

html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced button {
    justify-self: stretch !important;
    white-space: nowrap !important;
}

@media (max-width: 1420px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    html[data-yop-theme="light"] body .yop-page-main .jobs-v3.jobs-v3 .jobs-search-advanced {
        grid-template-columns: 1fr !important;
    }
}