.home-opportunity-shell {
    background: #fff;
    border: 1px solid #dfe5ec;
    border-radius: 16px;
    padding: 20px;
    margin: 18px 0
}

.home-opportunity-loading {
    color: #6b7788;
    font-size: 14px
}

.home-opportunity-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px
}

    .home-opportunity-head span, .home-b2b-branch > span {
        font-size: 11px;
        letter-spacing: .12em;
        font-weight: 800;
        color: #0b846d
    }

    .home-opportunity-head h2 {
        font-size: 23px;
        line-height: 1.3;
        margin: 3px 0 0
    }

    .home-opportunity-head > a {
        font-size: 13px;
        font-weight: 700;
        color: #0b7663
    }

.home-opportunity-grid {
    display: grid;
    grid-template-columns: 1.45fr 1fr;
    gap: 12px
}

.home-job-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px
}

.home-job-item {
    display: grid;
    gap: 5px;
    border: 1px solid #e7ebf0;
    background: #f8fafc;
    border-radius: 10px;
    padding: 11px;
    text-decoration: none;
    color: #142033;
    min-width: 0
}

    .home-job-item strong {
        font-size: 14px;
        line-height: 1.35;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .home-job-item span, .home-job-empty {
        font-size: 11px;
        color: #69788b;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

.home-b2b-branch {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 7px;
    padding: 16px;
    border-radius: 12px;
    background: linear-gradient(130deg,#10243f,#176b69);
    color: #fff;
    text-decoration: none
}

    .home-b2b-branch > span {
        color: #79e2ce
    }

    .home-b2b-branch strong {
        font-size: 18px;
        line-height: 1.35
    }

    .home-b2b-branch small {
        color: #d8e6e9;
        line-height: 1.45
    }

    .home-b2b-branch b {
        font-size: 13px;
        margin-top: 3px
    }

@media(max-width:768px) {
    .home-opportunity-shell {
        padding: 14px;
        margin: 12px 0
    }

    .home-opportunity-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px
    }

        .home-opportunity-head h2 {
            font-size: 19px
        }

    .home-opportunity-grid {
        grid-template-columns: 1fr
    }

    .home-job-list {
        grid-template-columns: 1fr 1fr
    }

    .home-b2b-branch {
        padding: 14px
    }
}

@media(max-width:480px) {
    .home-job-list {
        grid-template-columns: 1fr
    }

    .home-job-item:nth-child(n+4) {
        display: none
    }
}