body { background-color: white; }

    /* --- Job Detail Header --- */
    .job-hero {
        padding: 180px 5% 80px;
        background: linear-gradient(to bottom, var(--alsalam-green-soft), #fff);
        border-bottom: 1px solid #f1f5f9;
    }

    .job-category-tag {
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 2px;
        color: var(--alsalam-green);
        background: white;
        padding: 6px 16px;
        border-radius: 100px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.03);
        margin-bottom: 20px;
        display: inline-block;
    }

    /* --- Main Layout --- */
    .job-grid {
        display: grid;
        grid-template-columns: 1fr 380px;
        gap: 60px;
        max-width: 1400px;
        margin: 60px auto 120px;
        padding: 0 5%;
    }

    /* --- Content Area --- */
    .job-content h2 {
        font-size: 24px;
        font-weight: 900;
        color: #0f172a;
        margin: 40px 0 20px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .job-content h2::after {
        content: '';
        flex: 1;
        height: 1px;
        background: #f1f5f9;
    }

    .job-content p, .job-content li {
        font-size: 17px;
        line-height: 1.8;
        color: #475569;
        margin-bottom: 15px;
    }

    .requirements-list {
        list-style: none;
        padding: 0;
    }

    .requirements-list li {
        position: relative;
        padding-right: 30px;
        margin-bottom: 12px;
    }

    .requirements-list li::before {
        content: '✓';
        position: absolute;
        right: 0;
        color: var(--alsalam-green);
        font-weight: 900;
    }

    /* --- Sticky Sidebar --- */
    .job-sidebar {
        position: sticky;
        top: 120px;
        height: fit-content;
    }

    .apply-card {
        background: white;
        border: 1px solid #e2e8f0;
        border-radius: 32px;
        padding: 40px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.03);
    }

    .info-row {
        display: flex;
        justify-content: space-between;
        padding: 15px 0;
        border-bottom: 1px dashed #f1f5f9;
    }

    .info-row:last-child { border: none; }

    .info-label { font-size: 13px; font-weight: 700; color: #94a3b8; }
    .info-value { font-size: 14px; font-weight: 800; color: #0f172a; }

    .btn-apply-now {
        width: 100%;
        background: var(--alsalam-green);
        color: white;
        padding: 18px;
        border-radius: 18px;
        font-weight: 700;
        text-align: center;
        margin-top: 30px;
        display: block;
        transition: 0.3s;
    }

    .btn-apply-now:hover {
        background: #004d29;
        transform: translateY(-3px);
        box-shadow: 0 10px 20px rgba(0, 104, 55, 0.2);
    }

    /* --- Company Mini Card --- */
    .company-mini-card {
        margin-top: 30px;
        background: #f8fafc;
        border-radius: 24px;
        padding: 25px;
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .company-logo-sm {
        width: 50px; height: 50px;
        background: white;
        border-radius: 12px;
        padding: 10px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }

    @media (max-width: 1024px) {
        .job-grid { grid-template-columns: 1fr; }
        .job-sidebar { position: static; }
    }