.jobs-container{
        padding:60px 0;
    }

    .section-title-large{
        font-size:1.8rem;
        font-weight:800;
        color:#222;
        margin-bottom:30px;
        padding-bottom:15px;
        border-bottom:3px solid var(--primary-color);
    }

    .job-card-link{
        display:block;
        text-decoration:none;
        color:inherit;
    }

    .job-card{
        background:#fff;
        border:1px solid #e5e5e5;
        border-radius:12px;
        padding:25px;
        margin-bottom:20px;

        transition:
            border-color .25s ease,
            box-shadow .25s ease,
            transform .25s ease;
    }

    .job-card:hover{
        transform:translateY(-4px);
        border-color:rgba(158,42,43,.35);
        box-shadow:0 8px 24px rgba(0,0,0,.08);
    }

    .job-card-header{
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
        gap:20px;
    }

    .job-content{
        flex:1;
        min-width:0;
    }

    .job-title{
        font-size:1.3rem;
        font-weight:700;
        color:#222;
        margin-bottom:10px;
        transition:color .25s ease;
    }

    .job-card:hover .job-title{
        color:#222;
    }

    .job-meta{
        display:flex;
        flex-wrap:wrap;
        gap:20px;
        margin-bottom:15px;

        color:#666;
        font-size:.95rem;
    }

    .meta-item{
        display:flex;
        align-items:center;
        gap:8px;
    }

    .meta-item i{
        color:var(--primary-color);
    }

    .job-badge{
        flex-shrink:0;
        display:inline-block;
        padding:6px 14px;
        border-radius:999px;
        font-size:.82rem;
        font-weight:700;
    }

    .badge-open{
        background: #e6f6ea;
        color: #198754;
    }

    .badge-closed{
        background: #f8e6e6;
        color: #b02a37;
    }

    .no-jobs{
        text-align:center;
        padding:60px 20px;
        color:#999;
    }

    .no-jobs i{
        display:block;
        margin-bottom:20px;
        font-size:3rem;
        color:#ddd;
    }

    @media (max-width:768px){

        .job-card-header{
            flex-direction:column;
            gap:15px;
        }

        .job-meta{
            gap:12px;
            flex-direction:column;
        }

    }