:root{--spma-primary:#006837;--spma-primary-dark:#004e2a;--spma-primary-deep:#003a20;--spma-accent:#d5be52;--spma-accent-soft:#f4edc9;--spma-background:#f5f7f6;--spma-surface:#fff;--spma-surface-muted:#eef3f0;--spma-text:#101713;--spma-text-muted:#637069;--spma-border:#e1e7e3;--spma-success:#067647;--spma-warning:#9a6700;--spma-error:#b42318;--spma-ink:var(--spma-text);--spma-muted:var(--spma-text-muted);--spma-line:var(--spma-border);--spma-soft:var(--spma-background);--spma-blue:var(--spma-primary);--spma-blue-dark:var(--spma-primary-dark);--spma-gold:var(--spma-accent);--spma-white:#fff;--spma-radius:16px;--spma-shadow:0 14px 38px rgba(0,48,26,.10)}
.spma-modal-open{overflow:hidden!important}.spma-product-kicker{display:block;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--spma-blue);margin:0 0 10px}.spma-product-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 18px;border-radius:12px;border:1px solid transparent;font-weight:800;text-decoration:none!important;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.spma-product-button:hover{transform:translateY(-1px)}.spma-product-button:focus-visible,.spma-account-choice:focus-visible,.spma-account-modal button:focus-visible,.spma-jobs-search button:focus-visible,.spma-jobs-search input:focus-visible,.spma-jobs-search select:focus-visible{outline:3px solid rgba(0,104,55,.22);outline-offset:2px}.spma-product-button.is-primary{background:var(--spma-blue);color:#fff}.spma-product-button.is-primary:hover{background:var(--spma-blue-dark);box-shadow:0 8px 22px rgba(0,104,55,.18)}.spma-product-button.is-secondary{background:#fff;color:var(--spma-ink);border-color:var(--spma-line)}.spma-product-button.is-dark{background:var(--spma-ink);color:#fff}

/* Account conversion modal */
.spma-account-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:18px}.spma-account-modal[hidden]{display:none!important}.spma-account-modal__backdrop{position:absolute;inset:0;background:rgba(8,14,25,.68);backdrop-filter:blur(4px)}.spma-account-modal__dialog{position:relative;z-index:2;width:min(920px,100%);max-height:min(760px,calc(100dvh - 36px));overflow:auto;overscroll-behavior:contain;background:#fff;color:var(--spma-ink);border:1px solid rgba(255,255,255,.55);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.3);padding:34px;outline:none}.spma-account-modal__close{position:sticky;float:right;top:0;z-index:4;width:44px;height:44px;border:1px solid var(--spma-line);border-radius:50%;background:#fff;color:var(--spma-ink);cursor:pointer}.spma-account-modal__view{clear:both}.spma-account-modal__view[hidden]{display:none!important}.spma-account-modal__head{max-width:680px;margin-bottom:25px}.spma-account-modal h2{font-size:clamp(1.65rem,3vw,2.55rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 10px;color:var(--spma-ink)}.spma-account-modal p{color:var(--spma-muted);line-height:1.6}.spma-account-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.spma-account-choice{display:flex;flex-direction:column;text-align:left;padding:22px;border:1px solid var(--spma-line);border-radius:18px;background:#fff;color:var(--spma-ink);cursor:pointer;min-height:300px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.spma-account-choice:hover{border-color:#b8d1bf;box-shadow:0 13px 34px rgba(16,23,37,.08);transform:translateY(-2px)}.spma-account-choice__icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf7f1;color:var(--spma-blue);font-size:1.2rem;margin-bottom:16px}.spma-account-choice__copy strong{display:block;font-size:1.18rem}.spma-account-choice__copy small{display:block;color:var(--spma-muted);margin-top:4px}.spma-account-choice ul{padding:0;margin:18px 0;list-style:none;display:grid;gap:8px;color:#364356;font-size:.93rem}.spma-account-choice li:before{content:'✓';color:var(--spma-blue);font-weight:900;margin-right:8px}.spma-account-choice__cta{margin-top:auto;color:var(--spma-blue);font-weight:800}.spma-account-modal__signin-link{display:block;margin:20px auto 6px;border:0;background:transparent;color:var(--spma-ink);cursor:pointer;padding:8px}.spma-account-modal__fineprint{text-align:center;font-size:.82rem!important;margin:0 auto!important;max-width:620px}.spma-account-modal__back{border:0;background:transparent;padding:5px 0 18px;color:var(--spma-muted);cursor:pointer}.spma-account-modal__form{display:grid;gap:14px;max-width:600px}.spma-account-modal__form label{display:grid;gap:7px;font-size:.85rem;font-weight:800}.spma-account-modal__form input{width:100%;min-height:48px;border:1px solid #cfd8e3;border-radius:11px;padding:10px 12px;font:inherit}.spma-account-modal__two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.spma-account-modal__status{min-height:21px;font-size:.86rem}.spma-account-modal__status.is-error{color:#a62121}.spma-account-modal__status.is-success{color:#17753d}.spma-account-modal__success-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e8f7ee;color:#17753d;font-size:1.6rem;margin-bottom:18px}

/* Shared product marketing */
.spma-sh-marketing{max-width:1220px;margin:0 auto;padding:34px 22px 70px;color:var(--spma-ink)}.spma-sh-marketing__hero{background:linear-gradient(135deg,#f8faf8 0%,#eef5f0 100%);border:1px solid #dce7df;border-radius:28px;padding:clamp(28px,5vw,62px);display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);gap:35px;align-items:center}.spma-sh-marketing__hero h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98;letter-spacing:-.055em;margin:0 0 17px;max-width:850px}.spma-sh-marketing__hero p{font-size:1.08rem;line-height:1.65;color:var(--spma-muted);max-width:720px}.spma-sh-marketing__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.spma-sh-marketing__promise{display:grid;gap:8px;background:#fff;border:1px solid var(--spma-line);border-radius:18px;padding:22px;box-shadow:0 14px 35px rgba(25,35,52,.07)}.spma-sh-marketing__promise strong{font-size:1rem;margin-bottom:6px}.spma-sh-marketing__promise span{font-size:.91rem;color:#364356}.spma-sh-marketing__promise span:before{content:'✓';color:var(--spma-blue);font-weight:900;margin-right:7px}.spma-sh-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.spma-sh-feature-grid article,.spma-posting-steps__grid article{border:1px solid var(--spma-line);border-radius:18px;padding:24px;background:#fff}.spma-sh-feature-grid article>span,.spma-posting-steps__grid article>span{font-size:.76rem;color:var(--spma-blue);font-weight:900}.spma-sh-feature-grid h2,.spma-posting-steps h3{font-size:1.15rem;margin:10px 0 7px}.spma-sh-feature-grid p,.spma-posting-steps p{color:var(--spma-muted);line-height:1.55;margin:0}.spma-resume-product{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-top:26px;background:linear-gradient(135deg,var(--spma-primary-dark),var(--spma-primary-deep));color:#fff;border-radius:20px;padding:34px}.spma-resume-product .spma-product-kicker{color:#e9dda4}.spma-resume-product h2{font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.035em;margin:0 0 10px}.spma-resume-product p,.spma-resume-product li{color:#c5ceda}.spma-resume-product ul{columns:2;padding-left:19px}.spma-resume-product .spma-product-button{background:#fff;color:var(--spma-ink)}.spma-posting-steps{margin-top:30px}.spma-posting-steps__head{max-width:760px;margin-bottom:16px}.spma-posting-steps__head h2{font-size:clamp(1.8rem,3vw,3rem);margin:0 0 10px;letter-spacing:-.04em}.spma-posting-steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.spma-sh-marketing__entitlement-note{background:#fff8e8;border:1px solid #ecd7a5;border-radius:14px;padding:14px 16px;color:#654e17!important;margin-top:18px!important}.spma-adfree-inline{max-width:1180px;margin:28px auto;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#f5faf7;border:1px solid #d9e7dd;border-radius:18px;padding:22px 24px}.spma-adfree-inline strong{display:block;font-size:1.14rem}.spma-adfree-inline p{margin:4px 0 0;color:var(--spma-muted)}

/* Job discovery */
.spma-jobs-discovery{max-width:1280px;margin:0 auto;padding:26px 20px 70px;color:var(--spma-ink)}.spma-jobs-discovery__hero{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:32px 0}.spma-jobs-discovery__hero h1{font-size:clamp(2.2rem,5vw,4.5rem);letter-spacing:-.055em;line-height:.98;margin:0 0 13px}.spma-jobs-discovery__hero p{color:var(--spma-muted);font-size:1.06rem;max-width:720px}.spma-jobs-discovery__hero-actions{display:flex;gap:8px;flex-wrap:wrap}.spma-jobs-search{display:grid;grid-template-columns:280px 1fr;gap:22px;align-items:start}.spma-filter-panel{position:sticky;top:90px;border:1px solid var(--spma-line);border-radius:18px;background:#fff;padding:18px}.spma-filter-panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.spma-filter-panel__head strong{font-size:1.05rem}.spma-filter-panel__close{display:none}.spma-filter-field{display:grid;gap:6px;margin-bottom:13px}.spma-filter-field label{font-size:.78rem;font-weight:800;color:#43516a}.spma-filter-field input,.spma-filter-field select,.spma-jobs-searchbar input{min-height:44px;width:100%;border:1px solid #cbd8cf;border-radius:10px;padding:9px 11px;background:#fff;color:var(--spma-ink);font:inherit}.spma-filter-clear{border:0;background:transparent;color:var(--spma-blue);font-weight:800;cursor:pointer;padding:6px}.spma-job-results-wrap{min-width:0}.spma-jobs-searchbar{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:12px}.spma-jobs-searchbar button{border:0;border-radius:11px;background:var(--spma-blue);color:#fff;font-weight:800;padding:0 18px;cursor:pointer}.spma-mobile-filter-button{display:none}.spma-jobs-results-head{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:44px}.spma-filter-chips{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 13px}.spma-filter-chips[hidden]{display:none}.spma-filter-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #d7e3da;background:#f5faf7;color:#33445e;border-radius:99px;padding:7px 10px;font-size:.78rem;cursor:pointer}.spma-job-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;transition:opacity .15s ease}.spma-jobs-search.is-loading .spma-job-results{opacity:.45;pointer-events:none}.spma-job-pagination{display:flex;justify-content:center;gap:7px;margin-top:22px}.spma-job-pagination button{width:42px;height:42px;border-radius:10px;border:1px solid var(--spma-line);background:#fff;cursor:pointer}.spma-job-pagination button.is-current{background:var(--spma-ink);color:#fff}.spma-search-empty{grid-column:1/-1;border:1px dashed #ccd9d0;border-radius:17px;padding:34px;text-align:center;background:#fafcfb}.spma-search-empty strong{font-size:1.12rem}.spma-search-empty p{color:var(--spma-muted)}.spma-search-empty button{border:0;background:var(--spma-blue);color:#fff;padding:10px 15px;border-radius:9px;font-weight:800;cursor:pointer}.spma-search-empty.is-error{border-color:#e6b9b9;background:#fff7f7}.spma-filter-backdrop{display:none}

/* Public Sports Hired Core views receive one consistent Hub shell without duplicating Core business logic. */
.spma-public-sports-hired-shell>.sh-app{max-width:none}.spma-public-sports-hired-shell .sh-hero,.spma-public-sports-hired-shell .sh-job-hero{border-radius:22px}.spma-public-sports-hired-shell .sh-card,.spma-public-sports-hired-shell .sh-apply-panel,.spma-public-sports-hired-shell .sh-job-facts-card{border-radius:17px}.spma-public-sports-hired-shell .sh-btn{border-radius:10px}.spma-public-sports-hired-shell .sh-job-main{font-size:1rem;line-height:1.7}.spma-public-sports-hired-shell .sh-related-searches{border-radius:16px}.spma-public-sports-hired-shell .sh-mobile-applybar{z-index:9998}

@media(max-width:900px){.spma-account-choice-grid,.spma-sh-marketing__hero,.spma-sh-feature-grid,.spma-posting-steps__grid{grid-template-columns:1fr 1fr}.spma-sh-marketing__hero>div:first-child{grid-column:1/-1}.spma-resume-product{grid-template-columns:1fr}.spma-jobs-search{grid-template-columns:1fr}.spma-filter-panel{position:fixed;z-index:99990;inset:auto 0 0 0;top:12%;border-radius:22px 22px 0 0;transform:translateY(105%);transition:transform .2s ease;max-height:88dvh;overflow:auto;padding:20px}.spma-filter-panel.is-open{transform:translateY(0)}.spma-filter-panel__close{display:inline-flex;border:1px solid var(--spma-line);background:#fff;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center}.spma-filter-backdrop{display:block;position:fixed;z-index:99989;inset:0;background:rgba(4,10,20,.52);opacity:0;pointer-events:none;transition:opacity .2s ease}.spma-filter-panel.is-open~.spma-filter-backdrop,.spma-filter-open .spma-filter-backdrop{opacity:1;pointer-events:auto}.spma-mobile-filter-button{display:inline-flex;align-items:center;gap:7px;min-height:42px;border:1px solid var(--spma-line);border-radius:10px;background:#fff;font-weight:800;padding:8px 12px}.spma-jobs-results-head{align-items:center}.spma-job-results{grid-template-columns:1fr 1fr}.spma-jobs-searchbar{grid-template-columns:1fr 1fr}.spma-jobs-searchbar button{grid-column:1/-1;min-height:44px}.spma-filter-open{overflow:hidden}}
@media(max-width:640px){.spma-account-modal{padding:0;place-items:end center}.spma-account-modal__dialog{width:100%;max-height:94dvh;border-radius:22px 22px 0 0;padding:20px}.spma-account-choice-grid,.spma-sh-marketing__hero,.spma-sh-feature-grid,.spma-posting-steps__grid,.spma-job-results{grid-template-columns:1fr}.spma-account-choice{min-height:0}.spma-account-choice ul{grid-template-columns:1fr 1fr}.spma-account-modal__two{grid-template-columns:1fr}.spma-sh-marketing{padding-left:14px;padding-right:14px}.spma-sh-marketing__hero{padding:25px 20px}.spma-resume-product{padding:24px 20px}.spma-resume-product ul{columns:1}.spma-adfree-inline{margin:20px 14px;align-items:flex-start;flex-direction:column}.spma-adfree-inline .spma-product-button{width:100%}.spma-jobs-discovery{padding:16px 12px 60px}.spma-jobs-discovery__hero{display:block}.spma-jobs-discovery__hero-actions{margin-top:18px}.spma-jobs-searchbar{grid-template-columns:1fr}.spma-job-results{display:grid;grid-template-columns:1fr;overflow:visible;gap:10px}.spma-public-sports-hired-shell{padding:10px 8px 55px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Job alert conversion within discovery */
.spma-jobs-results-head__actions{display:flex;align-items:center;gap:8px}.spma-job-alert-link{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 11px;border:1px solid #d5e3d9;border-radius:10px;background:#f7faf8;color:var(--spma-blue);font-size:.82rem;font-weight:800;text-decoration:none!important}.spma-job-alert-link:hover{background:#eef5f0;border-color:#bfd4c5}.spma-job-alert-link:focus-visible{outline:3px solid rgba(0,104,55,.22);outline-offset:2px}@media(max-width:640px){.spma-jobs-results-head{align-items:flex-start;flex-direction:column}.spma-jobs-results-head__actions{width:100%;justify-content:space-between}.spma-job-alert-link,.spma-mobile-filter-button{min-height:44px}}

@media(max-width:640px){.spma-sh-marketing__hero h1,.spma-jobs-discovery__hero h1{font-size:clamp(2rem,10vw,2.75rem);line-height:1.03;letter-spacing:-.04em}.spma-sh-marketing__hero{border-radius:18px}.spma-product-button{min-height:44px;border-radius:10px}.spma-account-choice{padding:18px;border-radius:15px}.spma-account-choice ul{grid-template-columns:1fr!important}.spma-account-modal h2{font-size:1.75rem}}


/* Sports Hired Companies directory geometry fix - 1.15.1
 * Escape narrow Divi rows at the outer shell, then center one canonical app container.
 * This avoids the previous combination of a viewport-wide .sh-app, negative breakout margin,
 * and Hub max-width:100%, which visually clipped the page to the left side of desktop screens.
 */
.spma-public-sports-hired-shell--companies {
    padding: 18px clamp(14px, 2.4vw, 28px) 60px;
}


.spma-public-sports-hired-shell--companies > .sh-companies-page {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    overflow: visible;
    background: transparent;
}

.spma-public-sports-hired-shell--companies .sh-companies-page > .sh-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(300px, .7fr);
    align-items: center;
    gap: clamp(34px, 4vw, 64px);
    width: 100%;
    min-height: 430px;
    margin: 0 0 56px;
    padding: clamp(52px, 5vw, 72px) clamp(30px, 4.2vw, 58px);
    border-radius: 28px;
}

.spma-public-sports-hired-shell--companies .sh-companies-page > .sh-hero > div:first-child {
    min-width: 0;
    max-width: 760px;
}

.spma-public-sports-hired-shell--companies .sh-companies-page > .sh-hero h1 {
    max-width: 760px;
    font-size: clamp(48px, 4.25vw, 72px);
    line-height: .98;
}

.spma-public-sports-hired-shell--companies .sh-companies-page > .sh-hero h1 + p {
    max-width: 660px;
    font-size: clamp(16px, 1.25vw, 19px);
}

.spma-public-sports-hired-shell--companies .sh-companies-page .sh-hero-side {
    width: 100%;
    max-width: 390px;
    justify-self: end;
    padding: 24px;
}

.spma-public-sports-hired-shell--companies .sh-companies-page > .sh-search,
.spma-public-sports-hired-shell--companies .sh-companies-page > .sh-company-grid,
.spma-public-sports-hired-shell--companies .sh-companies-page > .sh-empty {
    width: 100%;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
}

.spma-public-sports-hired-shell--companies .sh-companies-page > .sh-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
    margin-top: -72px !important;
    margin-bottom: 34px !important;
    padding: 16px;
    border-radius: 20px;
}

.spma-public-sports-hired-shell--companies .sh-companies-page > .sh-search .sh-field,
.spma-public-sports-hired-shell--companies .sh-companies-page > .sh-search .sh-field-grow {
    width: 100%;
    min-width: 0;
}

.spma-public-sports-hired-shell--companies .sh-companies-page > .sh-search .sh-btn {
    min-width: 116px;
}

.spma-public-sports-hired-shell--companies .sh-company-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    padding-bottom: 56px;
}

.spma-public-sports-hired-shell--companies .sh-company-card {
    min-width: 0;
    min-height: 118px;
    gap: 15px;
    padding: 18px;
    border-radius: 18px;
}

.spma-public-sports-hired-shell--companies .sh-company-card > div:last-child {
    min-width: 0;
}

.spma-public-sports-hired-shell--companies .sh-company-card h2 {
    overflow-wrap: anywhere;
}

.spma-public-sports-hired-shell--companies .spma-company-card__cta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    color: var(--spma-primary-dark);
    font-size: 12px;
    font-weight: 850;
}

@media (max-width: 1180px) {
    .spma-public-sports-hired-shell--companies .sh-company-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .spma-public-sports-hired-shell--companies .sh-companies-page > .sh-hero {
        grid-template-columns: minmax(0, 1.25fr) minmax(285px, .75fr);
    }
}

@media (max-width: 900px) {
    .spma-public-sports-hired-shell--companies {
        padding-inline: 14px;
    }

    .spma-public-sports-hired-shell--companies .sh-companies-page > .sh-hero {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 26px;
        padding: 48px 32px 68px;
    }

    .spma-public-sports-hired-shell--companies .sh-companies-page .sh-hero-side {
        width: 100%;
        max-width: 560px;
        justify-self: start;
    }

    .spma-public-sports-hired-shell--companies .sh-company-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .spma-public-sports-hired-shell--companies {
        padding: 10px 8px 52px;
    }

    .spma-public-sports-hired-shell--companies .sh-companies-page > .sh-hero {
        gap: 22px;
        margin-bottom: 36px;
        padding: 38px 22px 58px;
        border-radius: 20px;
    }

    .spma-public-sports-hired-shell--companies .sh-companies-page > .sh-hero h1 {
        font-size: clamp(36px, 10vw, 48px);
        line-height: 1.01;
    }

    .spma-public-sports-hired-shell--companies .sh-companies-page > .sh-hero h1 + p {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.55;
    }

    .spma-public-sports-hired-shell--companies .sh-companies-page .sh-hero-side {
        padding: 20px;
        border-radius: 18px;
    }

    .spma-public-sports-hired-shell--companies .sh-companies-page .sh-hero-side__icon {
        width: 46px;
        height: 46px;
        margin-bottom: 15px;
        border-radius: 13px;
    }

    .spma-public-sports-hired-shell--companies .sh-companies-page .sh-hero-side strong {
        font-size: 18px;
    }

    .spma-public-sports-hired-shell--companies .sh-companies-page > .sh-search {
        grid-template-columns: 1fr;
        margin-top: -52px !important;
        margin-bottom: 24px !important;
        padding: 13px;
        border-radius: 16px;
    }

    .spma-public-sports-hired-shell--companies .sh-companies-page > .sh-search .sh-btn {
        width: 100%;
    }

    .spma-public-sports-hired-shell--companies .sh-company-grid {
        grid-template-columns: 1fr;
        gap: 10px;
        padding-bottom: 40px;
    }

    .spma-public-sports-hired-shell--companies .sh-company-card {
        min-height: 104px;
        padding: 15px;
        border-radius: 15px;
    }
}



/* ========================================================================
 * Sports Hired public layout architecture - 1.15.6
 *
 * One breakout owner only.
 * Hub Pages owns the viewport breakout for every public Sports Hired view it
 * wraps. The nested Sports Hired Core .sh-app then renders inside that shell
 * without performing a second 100vw / negative-margin breakout.
 *
 * This replaces the accumulated page-specific geometry patches that allowed
 * Divi row width, Core app width, and Hub wrapper width to fight each other.
 * ====================================================================== */
.spma-public-sports-hired-shell {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: 0;
    padding: 0 0 60px;
    box-sizing: border-box;
    overflow: visible;
}

@supports (width: 100dvw) {
    .spma-public-sports-hired-shell {
        width: 100dvw;
        margin-left: calc(50% - 50dvw);
    }
}

/* The wrapper owns the breakout. Never let a nested Core app break out again. */
.spma-public-sports-hired-shell > .sh-app {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: auto !important;
    transform: none !important;
}

/* Directory-specific gutter is visual only. It does not own viewport geometry. */
.spma-public-sports-hired-shell--companies {
    padding: 18px clamp(14px,2.4vw,28px) 60px;
}

/* Public job detail intentionally remains a bounded reading surface. */
.spma-public-sports-hired-shell--job > .sh-job-detail-v2 {
    width: min(calc(100% - 48px), 1240px) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Company profile keeps Core's own centered 1240px child surfaces. */
.spma-public-sports-hired-shell--company > .sh-company-detail {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Hiring Solutions must allow its full-width hero/background to span the
 * viewport. Core already centers the hero copy and all following content. */
.spma-public-sports-hired-shell--solutions > .sh-products-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* Companies directory retains its purpose-built centered directory width. */
.spma-public-sports-hired-shell--companies > .sh-companies-page {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Divi must not clip a viewport breakout owned by one of the public shells. */
.et_pb_code_inner:has(> .spma-public-sports-hired-shell),
.et_pb_text_inner:has(> .spma-public-sports-hired-shell),
.et_pb_module_inner:has(> .spma-public-sports-hired-shell),
.et_pb_module:has(.spma-public-sports-hired-shell),
.et_pb_column:has(.spma-public-sports-hired-shell),
.et_pb_row:has(.spma-public-sports-hired-shell),
.et_pb_section:has(.spma-public-sports-hired-shell) {
    overflow: visible !important;
}

/* Hub-rendered Sports Hired marketing pages are not nested .sh-app views, so
 * they own their own viewport breakout and use padding to create a canonical
 * centered SPMA content column. */
.spma-sh-marketing {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: 0;
    padding: 34px max(22px, calc((100vw - 1220px) / 2)) 70px;
    box-sizing: border-box;
    overflow: visible;
}

.spma-jobs-discovery {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: 0;
    padding: 26px max(20px, calc((100vw - 1280px) / 2)) 70px;
    box-sizing: border-box;
    overflow: visible;
}

@supports (width: 100dvw) {
    .spma-sh-marketing,
    .spma-jobs-discovery {
        width: 100dvw;
        margin-left: calc(50% - 50dvw);
    }
}

.et_pb_code_inner:has(> .spma-sh-marketing),
.et_pb_text_inner:has(> .spma-sh-marketing),
.et_pb_module_inner:has(> .spma-sh-marketing),
.et_pb_module:has(.spma-sh-marketing),
.et_pb_column:has(.spma-sh-marketing),
.et_pb_row:has(.spma-sh-marketing),
.et_pb_section:has(.spma-sh-marketing),
.et_pb_code_inner:has(> .spma-jobs-discovery),
.et_pb_text_inner:has(> .spma-jobs-discovery),
.et_pb_module_inner:has(> .spma-jobs-discovery),
.et_pb_module:has(.spma-jobs-discovery),
.et_pb_column:has(.spma-jobs-discovery),
.et_pb_row:has(.spma-jobs-discovery),
.et_pb_section:has(.spma-jobs-discovery) {
    overflow: visible !important;
}


@media (max-width: 900px) {
    .spma-sh-marketing {
        padding-left: 18px;
        padding-right: 18px;
    }
    .spma-jobs-discovery {
        padding-left: 14px;
        padding-right: 14px;
    }
    .spma-public-sports-hired-shell--job > .sh-job-detail-v2 {
        width: min(calc(100% - 28px), 1240px) !important;
    }
}

@media (max-width: 640px) {
    .spma-public-sports-hired-shell { padding-bottom: 48px; }
    .spma-public-sports-hired-shell--companies { padding:10px 8px 48px; }
    .spma-sh-marketing {
        padding: 18px 12px 52px;
    }
    .spma-jobs-discovery {
        padding: 16px 12px 52px;
    }
    .spma-public-sports-hired-shell--job > .sh-job-detail-v2 {
        width: calc(100% - 20px) !important;
    }
}


/* ========================================================================
 * 1.15.7 stable Divi ownership + canonical Company Profile presentation.
 * In modern browsers, expand the actual Divi row/column/module to full width
 * first. The old 100vw negative-margin breakout remains only as fallback.
 * ====================================================================== */
@supports selector(.et_pb_row:has(.spma-public-sports-hired-shell)) {
    .et_pb_section:has(.spma-public-sports-hired-shell) {
        padding-left: 0 !important;
        padding-right: 0 !important;
        overflow: visible !important;
    }
    .et_pb_row:has(.spma-public-sports-hired-shell),
    .et_pb_column:has(.spma-public-sports-hired-shell),
    .et_pb_module:has(.spma-public-sports-hired-shell),
    .et_pb_code:has(.spma-public-sports-hired-shell),
    .et_pb_code_inner:has(> .spma-public-sports-hired-shell),
    .et_pb_text_inner:has(> .spma-public-sports-hired-shell) {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        float: none !important;
        transform: none !important;
        overflow: visible !important;
    }
    .spma-public-sports-hired-shell {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Company page is a profile application, not a giant marketing billboard. */
.spma-public-sports-hired-shell--company {
    padding: 0 0 72px;
    background: #f5f8f6;
}
.spma-public-sports-hired-shell--company > .sh-company-detail {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 64px !important;
    background: transparent !important;
}
.spma-public-sports-hired-shell--company .sh-company-detail > .sh-job-topbar,
.spma-public-sports-hired-shell--company .sh-company-detail > [data-sh-delete-company-status],
.spma-public-sports-hired-shell--company .sh-company-detail > .sh-company-hero,
.spma-public-sports-hired-shell--company .sh-company-detail > .sh-detail-grid,
.spma-public-sports-hired-shell--company .sh-company-detail > .sh-employer-marketing,
.spma-public-sports-hired-shell--company .sh-company-detail > .sh-related-resources,
.spma-public-sports-hired-shell--company > .spma-adfree-inline {
    width: min(calc(100% - 48px),1240px) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.spma-public-sports-hired-shell--company .sh-company-detail > .sh-job-topbar {
    min-height: 60px;
    margin-top: 18px !important;
    margin-bottom: 14px !important;
}
.spma-public-sports-hired-shell--company .sh-company-detail > .sh-company-hero {
    display: grid !important;
    grid-template-columns: 156px minmax(0,1fr) !important;
    gap: 34px !important;
    align-items: center !important;
    min-height: 300px !important;
    padding: 38px 44px !important;
    margin-bottom: 28px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 22px 64px rgba(0,48,26,.14) !important;
}
.spma-public-sports-hired-shell--company .sh-company-hero__logo { justify-self: start !important; }
.spma-public-sports-hired-shell--company .sh-company-hero__logo .sh-company-mark-xl {
    width: 148px !important;
    height: 148px !important;
    border-radius: 24px !important;
}
.spma-public-sports-hired-shell--company .sh-company-hero__identity {
    max-width: 800px !important;
    min-width: 0 !important;
}
.spma-public-sports-hired-shell--company .sh-company-hero h1 {
    max-width: 780px !important;
    margin-top: 6px !important;
    font-size: clamp(42px,4vw,64px) !important;
    line-height: .98 !important;
    letter-spacing: -.048em !important;
    text-wrap: balance;
}
.spma-public-sports-hired-shell--company .sh-company-hero h1 + p {
    margin-top: 14px !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
}
.spma-public-sports-hired-shell--company .sh-company-links { margin-top: 18px !important; }
.spma-public-sports-hired-shell--company .sh-detail-grid {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 330px !important;
    gap: 28px !important;
    padding-top: 0 !important;
    align-items: start;
}
.spma-public-sports-hired-shell--company .sh-detail-grid > main {
    min-width: 0;
    padding: 30px 32px 32px;
    border: 1px solid #dde7e1;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,48,26,.05);
}
.spma-public-sports-hired-shell--company .sh-detail-grid > main > .sh-section-head:first-child { margin-top: 0 !important; }
.spma-public-sports-hired-shell--company .sh-detail-grid > main > [data-sh-company-description] {
    color: #405047;
    font-size: 16px;
    line-height: 1.75;
}
.spma-public-sports-hired-shell--company .sh-detail-grid > .sh-apply-panel {
    position: sticky !important;
    top: 24px !important;
    min-width: 0;
    border-radius: 20px !important;
    box-shadow: 0 12px 34px rgba(0,48,26,.06) !important;
}
.spma-public-sports-hired-shell--company .sh-company-facts { margin: 22px 0 30px; }
.spma-public-sports-hired-shell--company .sh-mini-job {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 7px 18px;
    margin-top: 10px;
    padding: 15px 16px;
    border: 1px solid #e0e8e3;
    border-radius: 14px;
    background: #fbfdfb;
}
.spma-public-sports-hired-shell--company .sh-mini-job:hover {
    padding-left: 16px;
    border-color: #bcd2c3;
    background: #f3f9f5;
}
.spma-public-sports-hired-shell--company .sh-mini-job strong { grid-column: 1 / -1; }
.spma-public-sports-hired-shell--company .sh-mini-job span { font-size: 12px; }

@media(max-width:900px){
    .spma-public-sports-hired-shell--company .sh-company-detail > .sh-job-topbar,
    .spma-public-sports-hired-shell--company .sh-company-detail > [data-sh-delete-company-status],
    .spma-public-sports-hired-shell--company .sh-company-detail > .sh-company-hero,
    .spma-public-sports-hired-shell--company .sh-company-detail > .sh-detail-grid,
    .spma-public-sports-hired-shell--company .sh-company-detail > .sh-employer-marketing,
    .spma-public-sports-hired-shell--company .sh-company-detail > .sh-related-resources,
    .spma-public-sports-hired-shell--company > .spma-adfree-inline { width: min(calc(100% - 28px),1240px) !important; }
    .spma-public-sports-hired-shell--company .sh-company-detail > .sh-company-hero { grid-template-columns: 118px minmax(0,1fr) !important; gap: 24px !important; min-height: 250px !important; padding: 30px !important; }
    .spma-public-sports-hired-shell--company .sh-company-hero__logo .sh-company-mark-xl { width: 112px !important; height: 112px !important; }
    .spma-public-sports-hired-shell--company .sh-company-hero h1 { font-size: clamp(38px,7vw,54px) !important; }
    .spma-public-sports-hired-shell--company .sh-detail-grid { grid-template-columns: 1fr !important; }
    .spma-public-sports-hired-shell--company .sh-detail-grid > .sh-apply-panel { position: relative !important; top: auto !important; }
}
@media(max-width:640px){
    .spma-public-sports-hired-shell--company .sh-company-detail > .sh-job-topbar,
    .spma-public-sports-hired-shell--company .sh-company-detail > [data-sh-delete-company-status],
    .spma-public-sports-hired-shell--company .sh-company-detail > .sh-company-hero,
    .spma-public-sports-hired-shell--company .sh-company-detail > .sh-detail-grid,
    .spma-public-sports-hired-shell--company .sh-company-detail > .sh-employer-marketing,
    .spma-public-sports-hired-shell--company .sh-company-detail > .sh-related-resources,
    .spma-public-sports-hired-shell--company > .spma-adfree-inline { width: calc(100% - 20px) !important; }
    .spma-public-sports-hired-shell--company .sh-company-detail > .sh-company-hero { grid-template-columns: 1fr !important; gap: 20px !important; padding: 24px 20px 26px !important; border-radius: 18px !important; }
    .spma-public-sports-hired-shell--company .sh-company-hero__logo .sh-company-mark-xl { width: 96px !important; height: 96px !important; border-radius: 20px !important; }
    .spma-public-sports-hired-shell--company .sh-company-hero h1 { font-size: clamp(34px,11vw,48px) !important; }
    .spma-public-sports-hired-shell--company .sh-detail-grid > main { padding: 22px 18px 24px; border-radius: 18px; }
    .spma-public-sports-hired-shell--company .sh-mini-job { grid-template-columns: 1fr; }
}

/* SPMA Jobs mobile/search consolidation · 1.15.8 */
.spma-jobs-searchbar{grid-template-columns:minmax(220px,1.25fr) minmax(150px,.65fr) minmax(170px,.75fr) auto;align-items:end;position:relative}.spma-jobs-searchbar>label{position:relative;display:grid;gap:5px;min-width:0}.spma-jobs-searchbar>label>span{color:#43516a;font-size:.72rem;font-weight:850}.spma-jobs-searchbar button[type="submit"]{min-height:44px;white-space:nowrap}.spma-location-city-field{z-index:20}.spma-location-suggestions{position:absolute;z-index:100020;top:calc(100% + 6px);left:0;right:0;max-height:280px;overflow:auto;padding:6px;border:1px solid #cad9cf;border-radius:12px;background:#fff;box-shadow:0 18px 44px rgba(0,43,24,.16)}.spma-location-suggestions[hidden]{display:none!important}.spma-location-suggestions button{display:flex!important;width:100%;min-height:42px!important;align-items:center;gap:9px;padding:9px 10px!important;border:0!important;border-radius:8px!important;background:#fff!important;color:#26352d!important;text-align:left;font-weight:750!important}.spma-location-suggestions button:hover,.spma-location-suggestions button:focus{background:#eef7f1!important;outline:0}.spma-location-suggestions button i{color:#006837}.spma-location-suggestions>small{display:block;padding:5px 9px 3px;color:#7c8981;font-size:9px;text-align:right}.spma-location-suggestions__empty{padding:11px;color:#69776f;font-size:12px}.spma-geo-helper{display:flex;align-items:center;gap:7px;margin:-4px 0 10px;color:#66746c;font-size:11px}.spma-geo-helper i{color:#006837}
@media(max-width:900px){.spma-jobs-searchbar{grid-template-columns:1fr 1fr}.spma-jobs-searchbar>label:first-child{grid-column:1/-1}.spma-jobs-searchbar button[type="submit"]{grid-column:1/-1}.spma-job-results{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
 .spma-jobs-discovery{padding:10px 10px 52px}.spma-jobs-discovery__hero{padding:18px 2px 16px}.spma-jobs-discovery__hero h1{font-size:clamp(2rem,10vw,2.8rem);margin-bottom:8px}.spma-jobs-discovery__hero p{font-size:.92rem;line-height:1.5;margin-bottom:0}.spma-jobs-discovery__hero-actions{margin-top:12px}.spma-jobs-searchbar{grid-template-columns:1fr;gap:7px;margin-bottom:8px}.spma-jobs-searchbar>label:first-child,.spma-jobs-searchbar button[type="submit"]{grid-column:auto}.spma-jobs-searchbar>label{gap:4px}.spma-jobs-searchbar input{min-height:43px}.spma-jobs-searchbar button[type="submit"]{min-height:45px}.spma-geo-helper{margin:2px 1px 8px;font-size:10px}.spma-jobs-results-head{min-height:36px}.spma-filter-chips{margin-bottom:9px}.spma-job-results{grid-template-columns:minmax(0,1fr);gap:12px}.spma-mobile-filter-button{min-height:38px}.spma-job-alert-link{font-size:.76rem}.spma-filter-panel{top:9%;max-height:91dvh;padding:17px}.spma-filter-field{margin-bottom:10px}.spma-filter-field input,.spma-filter-field select{min-height:43px}
}


/* 1.15.9 shared modal authentication controls */
.spma-account-modal__check{display:inline-flex!important;align-items:center!important;grid-template-columns:none!important;gap:8px!important;width:auto!important;min-height:32px!important;margin:0!important;cursor:pointer}.spma-account-modal__check input[type="checkbox"]{display:inline-block!important;position:static!important;flex:0 0 17px!important;width:17px!important;height:17px!important;min-width:17px!important;min-height:17px!important;max-width:17px!important;max-height:17px!important;margin:0!important;padding:0!important;border-radius:3px!important;appearance:auto!important;accent-color:var(--spma-blue)!important;transform:none!important}.spma-account-modal__check span{display:inline!important;margin:0!important}.spma-account-modal__form>.sh-turnstile-wrap{width:100%;max-width:100%;margin:2px 0;overflow:visible}.spma-account-modal__form>.sh-turnstile-wrap iframe{max-width:100%!important}.spma-account-modal__form .sh-turnstile-status{font-size:.78rem;line-height:1.4;color:var(--spma-muted)}.spma-account-modal__form .sh-turnstile-status.is-error{color:#a62121}.spma-account-modal__form .sh-turnstile-status.is-warning{color:#8a6500}

/* 1.15.9 country-aware job market */
.spma-job-market-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:10px 13px;border:1px solid #d8e6dc;border-radius:12px;background:#f5faf7;color:#42564a;font-size:.82rem}.spma-job-market-bar span{display:flex;align-items:center;gap:7px}.spma-job-market-bar i{color:var(--spma-blue)}.spma-job-market-bar button{border:0;background:transparent;color:var(--spma-blue);font:inherit;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.spma-market-confirm{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;padding:18px}.spma-market-confirm[hidden]{display:none!important}.spma-market-confirm__backdrop{position:absolute;inset:0;background:rgba(8,14,25,.68);backdrop-filter:blur(4px)}.spma-market-confirm__dialog{position:relative;z-index:2;width:min(520px,100%);padding:28px;border:1px solid #dce6df;border-radius:20px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.28)}.spma-market-confirm__dialog h2{margin:0 0 10px;font-size:1.75rem;line-height:1.08}.spma-market-confirm__dialog p{margin:0;color:var(--spma-muted);line-height:1.65}.spma-market-confirm__close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid var(--spma-line);border-radius:50%;background:#fff;cursor:pointer}.spma-market-confirm__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.spma-market-modal-open{overflow:hidden}@media(max-width:640px){.spma-job-market-bar{align-items:flex-start;flex-direction:column}.spma-market-confirm{place-items:end center;padding:0}.spma-market-confirm__dialog{width:100%;border-radius:20px 20px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom,0px))}.spma-market-confirm__actions{display:grid;grid-template-columns:1fr}.spma-market-confirm__actions .spma-product-button{width:100%}}

/* 1.15.9 authentication QA: compact login row and shared password controls */
.spma-account-modal__password{position:relative;display:block;min-width:0}.spma-account-modal__password input{padding-right:48px!important}.spma-account-modal__password button{position:absolute;top:50%;right:7px;transform:translateY(-50%);display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:9px;background:transparent;color:#66756c;cursor:pointer}.spma-account-modal__password button:hover{background:#f1f5f2;color:var(--spma-blue)}.spma-account-modal__login-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px}.spma-account-modal__forgot{color:var(--spma-blue)!important;font-size:.84rem;font-weight:800;text-decoration:none!important}.spma-account-modal__forgot:hover{text-decoration:underline!important;text-underline-offset:3px}@media(max-width:390px){.spma-account-modal__login-row{align-items:flex-start;flex-direction:column;gap:7px}}

/* 1.15.20: one full-width result on phones, including large phones. */
@media (max-width: 767px) {
    .spma-jobs-discovery .spma-job-results { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}

/* 1.15.22 clearer job-filter states */
.spma-filter-field.is-active>label{color:#006837}
.spma-filter-field.is-active select,.spma-filter-field.is-active .spma-filter-control,.spma-filter-field.is-active .spma-filter-multi__button{border-color:#72a843!important;background:#f7fbf6!important;box-shadow:0 0 0 2px rgba(0,104,55,.06)}
.spma-filter-control{display:flex;align-items:center;border:1px solid #d7dfd9;border-radius:9px;background:#fff;overflow:hidden}
.spma-filter-control input{border:0!important;box-shadow:none!important;min-width:0;flex:1;background:transparent!important}
.spma-filter-control button{width:34px;height:34px;border:0;background:transparent;color:#657068;cursor:pointer}
.spma-filter-control button[hidden]{display:none}
.spma-salary-control>span{padding-left:11px;color:#006837;font-weight:800;font-size:12px}
.spma-filter-multi{position:relative}
.spma-filter-multi__button{width:100%;min-height:38px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d7dfd9;border-radius:9px;background:#fff;color:#273029;text-align:left;font-weight:650;cursor:pointer}
.spma-filter-multi__menu{position:absolute;z-index:80;top:calc(100% + 5px);left:0;right:0;max-height:250px;overflow:auto;padding:7px;border:1px solid #d7dfd9;border-radius:11px;background:#fff;box-shadow:0 14px 34px rgba(18,35,24,.14)}
.spma-filter-multi__menu label{display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px;cursor:pointer;font-size:12px}
.spma-filter-multi__menu label:hover{background:#f2f7f3}
.spma-filter-clear[hidden]{display:none!important}.spma-filter-clear.is-active{color:#8b2424;border-color:#e4caca;background:#fff8f8;font-weight:800}

/* =========================================================
   SPORTS HIRED HOMEPAGE FUNNEL
   ========================================================= */

.spma-home-sports-hired-funnel {
    padding: 56px 0 68px;
}


/* INTRO
   ========================================================= */

.spma-home-sports-hired-funnel__intro {
    max-width: 760px;
    margin: 0 auto 30px;
    text-align: center;
}

.spma-home-sports-hired-funnel__intro .spma-product-kicker {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #078548;
}

.spma-home-sports-hired-funnel__intro h2 {
    margin: 0;
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -1.25px;
    color: #17201b;
}

.spma-home-sports-hired-funnel__intro p {
    max-width: 620px;
    margin: 14px auto 0;
    font-size: 17px;
    line-height: 1.6;
    color: #6a746e;
}


/* GRID
   ========================================================= */

.spma-home-sports-hired-funnel__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}


/* CARD
   ========================================================= */

.spma-career-path {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 30px;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #dfe6e1;
    border-radius: 22px;
    box-shadow:
        0 16px 40px rgba(19, 39, 28, 0.06),
        0 2px 6px rgba(19, 39, 28, 0.03);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.spma-career-path:hover {
    transform: translateY(-4px);
    box-shadow:
        0 22px 52px rgba(19, 39, 28, 0.1),
        0 4px 10px rgba(19, 39, 28, 0.04);
}


/* ACCENT LINE */

.spma-career-path::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
}

.spma-career-path.is-candidate::before {
    background: #078548;
}

.spma-career-path.is-employer::before {
    background: #d2ad2f;
}


/* SUBTLE CARD BACKGROUND ACCENT */

.spma-career-path::after {
    content: "";
    position: absolute;
    top: -100px;
    right: -100px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0.7;
}

.spma-career-path.is-candidate::after {
    background: radial-gradient(
        circle,
        rgba(7, 133, 72, 0.09) 0%,
        rgba(7, 133, 72, 0) 70%
    );
}

.spma-career-path.is-employer::after {
    background: radial-gradient(
        circle,
        rgba(210, 173, 47, 0.11) 0%,
        rgba(210, 173, 47, 0) 70%
    );
}


/* HEADER
   ========================================================= */

.spma-career-path__header {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 18px;
    align-items: flex-start;
}

.spma-career-path__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border-radius: 16px;
    font-size: 21px;
}

.spma-career-path.is-candidate .spma-career-path__icon {
    color: #078548;
    background: #edf8f2;
}

.spma-career-path.is-employer .spma-career-path__icon {
    color: #967714;
    background: #fbf5df;
}

.spma-career-path__eyebrow {
    display: block;
    margin: 2px 0 7px;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.spma-career-path.is-candidate .spma-career-path__eyebrow {
    color: #078548;
}

.spma-career-path.is-employer .spma-career-path__eyebrow {
    color: #8e7118;
}

.spma-career-path h3 {
    margin: 0;
    max-width: 520px;
    font-size: clamp(27px, 2.3vw, 36px);
    line-height: 1.08;
    letter-spacing: -1px;
    font-weight: 800;
    color: #17201b;
}

.spma-career-path__header p {
    margin: 12px 0 0;
    max-width: 540px;
    font-size: 15px;
    line-height: 1.6;
    color: #6b756f;
}


/* FEATURES
   ========================================================= */

.spma-career-path__features {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 8px;
    margin: 28px 0 30px !important;
    padding: 0 !important;
    list-style: none !important;
}

.spma-career-path__features li {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 42px;
    margin: 0 !important;
    padding: 9px 11px;
    border: 1px solid transparent;
    border-radius: 11px;
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
    color: #58635d;
    transition:
        background 0.18s ease,
        border-color 0.18s ease,
        transform 0.18s ease;
}

.spma-career-path__features li::before {
    display: none !important;
}

.spma-career-path__features li:hover {
    transform: translateX(3px);
    background: #fafcfb;
    border-color: #e8ece9;
}

.spma-career-path__features i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    min-width: 26px;
    height: 26px;
    border-radius: 8px;
    font-size: 13px;
}

.spma-career-path.is-candidate .spma-career-path__features i {
    color: #078548;
    background: #edf8f2;
}

.spma-career-path.is-employer .spma-career-path__features i {
    color: #957514;
    background: #fbf5df;
}


/* ACTIONS
   ========================================================= */

.spma-career-path__actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
    margin-top: auto;
}

.spma-product-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 48px;
    padding: 0 20px;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1;
    font-weight: 750;
    text-decoration: none !important;
    white-space: nowrap;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        background 0.18s ease,
        color 0.18s ease,
        border-color 0.18s ease;
}

.spma-product-button.is-primary {
    color: #ffffff !important;
    background: #078548;
    border: 1px solid #078548;
    box-shadow: 0 6px 14px rgba(7, 133, 72, 0.18);
}

.spma-product-button.is-primary:hover {
    color: #ffffff !important;
    background: #066f3d;
    border-color: #066f3d;
    transform: translateY(-2px);
    box-shadow: 0 9px 20px rgba(7, 133, 72, 0.24);
}

.spma-product-button.is-primary i {
    font-size: 12px;
    transition: transform 0.18s ease;
}

.spma-product-button.is-primary:hover i {
    transform: translateX(3px);
}


/* SECONDARY TEXT LINK */

.spma-product-button.is-link {
    min-height: auto;
    padding: 7px 2px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #59645e !important;
    font-weight: 700;
}

.spma-product-button.is-link:hover {
    color: #078548 !important;
    transform: none;
}


/* EMPLOYER BUTTON VARIANT */

.spma-career-path.is-employer .spma-product-button.is-primary {
    color: #17201b !important;
    background: #e2c14d;
    border-color: #e2c14d;
    box-shadow: 0 6px 14px rgba(210, 173, 47, 0.2);
}

.spma-career-path.is-employer .spma-product-button.is-primary:hover {
    color: #17201b !important;
    background: #d5b33a;
    border-color: #d5b33a;
    box-shadow: 0 9px 20px rgba(210, 173, 47, 0.26);
}

.spma-career-path.is-employer .spma-product-button.is-link:hover {
    color: #8b6e13 !important;
}


/* KEYBOARD ACCESSIBILITY
   ========================================================= */

.spma-product-button:focus-visible {
    outline: 3px solid rgba(7, 133, 72, 0.24);
    outline-offset: 3px;
}


/* TABLET
   ========================================================= */

@media (max-width: 980px) {

    .spma-home-sports-hired-funnel {
        padding: 44px 0 54px;
    }

    .spma-home-sports-hired-funnel__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .spma-career-path {
        padding: 28px;
    }

    .spma-career-path h3 {
        max-width: 650px;
    }
}


/* MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .spma-home-sports-hired-funnel {
        padding: 36px 0 44px;
    }

    .spma-home-sports-hired-funnel__intro {
        margin-bottom: 22px;
        text-align: left;
    }

    .spma-home-sports-hired-funnel__intro h2 {
        font-size: 31px;
    }

    .spma-home-sports-hired-funnel__intro p {
        margin-left: 0;
        font-size: 15px;
    }

    .spma-career-path {
        padding: 23px 20px 22px;
        border-radius: 18px;
    }

    .spma-career-path__header {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 14px;
    }

    .spma-career-path__icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
        border-radius: 13px;
        font-size: 18px;
    }

    .spma-career-path h3 {
        font-size: 27px;
        letter-spacing: -0.7px;
    }

    .spma-career-path__header p {
        grid-column: 1 / -1;
        font-size: 14px;
    }

    .spma-career-path__features {
        margin-top: 22px !important;
        margin-bottom: 24px !important;
        gap: 5px;
    }

    .spma-career-path__features li {
        padding: 8px 7px;
        font-size: 14px;
    }

    .spma-career-path__actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .spma-product-button.is-primary {
        width: 100%;
        min-height: 50px;
    }

    .spma-product-button.is-link {
        width: 100%;
        justify-content: center;
        padding: 10px 4px;
    }
}


/* REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .spma-career-path,
    .spma-career-path__features li,
    .spma-product-button,
    .spma-product-button i {
        transition: none;
    }

    .spma-career-path:hover,
    .spma-career-path__features li:hover,
    .spma-product-button:hover {
        transform: none;
    }
}