.job-card-wrapper{margin-bottom:1rem;display:block}.job-card{background:var(--bg-card);border-radius:16px;justify-content:space-between;align-items:center;padding:1.5rem;transition:all .3s;display:flex}.job-card:hover{border-color:var(--accent-blue);transform:translateY(-3px);box-shadow:0 8px 30px #0003}.job-card-wrapper.selected .job-card{border-color:var(--accent-blue);background:#38bdf80f;transform:translateY(-2px);box-shadow:0 4px 20px #38bdf81a}.job-card-main{flex:1}.job-title{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem}.job-company{color:var(--accent-blue);margin-bottom:1rem;font-size:1rem;font-weight:500}.job-details{color:var(--text-secondary);gap:1.5rem;font-size:.9rem;display:flex}.detail-item{align-items:center;gap:.5rem;display:flex}.job-card-side{flex-direction:column;align-items:flex-end;gap:1rem;display:flex}.job-tags{gap:.5rem;display:flex}.tag{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0d;border-radius:9999px;padding:.25rem .75rem;font-size:.8rem}.job-actions{align-items:center;gap:1rem;display:flex}.btn-icon{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.btn-icon:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:#ffffff0d;transform:translateY(-2px)}.btn-icon.saved{color:var(--accent-blue);border-color:var(--accent-blue);background:#38bdf81a}.apply-btn{padding:.5rem 1.25rem;font-size:.9rem}.job-card-wrapper.featured .job-card{background:linear-gradient(145deg,#facc150d 0%,#141419 100%);border-color:#facc1580}.job-card-wrapper.featured .job-card:hover{border-color:#facc15cc;box-shadow:0 8px 30px #facc1526}.featured-badge{color:#fef08a;vertical-align:middle;background:#facc1533;border:1px solid #facc1566;border-radius:9999px;align-items:center;margin-left:.75rem;padding:.15rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex;transform:translateY(-2px)}@media (max-width:768px){.job-card{flex-direction:column;align-items:flex-start;gap:1.5rem}.job-card-side{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}}
