.job-details-page{background-color:#f8fafc;min-height:100vh;padding:80px 0 120px}.job-details-card{background:#fff;border-radius:16px;max-width:1000px;margin:0 auto;padding:48px;box-shadow:0 10px 40px #00000008}.job-details-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.job-title-wrapper h1{color:var(--brand-navy);letter-spacing:-.02em;margin-bottom:12px;font-size:2.5rem;font-weight:800}.job-posted{color:var(--brand-navy);font-size:.9rem;font-weight:800}.job-actions{gap:12px;display:flex}.btn-refer{background-color:var(--brand-navy);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:opacity .2s}.btn-apply{color:#fff;cursor:pointer;background-color:#0284c7;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:opacity .2s}.btn-refer:hover,.btn-apply:hover{opacity:.9}.job-meta-row{color:#64748b;border-bottom:1px solid #e2e8f0;justify-content:space-between;margin-bottom:24px;padding-bottom:24px;font-size:1rem;display:flex}.job-pills{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:48px;padding-bottom:32px;display:flex}.job-pill{color:var(--brand-blue,#0284c7);background-color:#f1f5f9;border-radius:9999px;padding:6px 16px;font-size:.85rem;font-weight:600}.job-pill.primary{background-color:var(--brand-navy);color:#fff}.job-content h3{color:var(--brand-navy);margin-top:32px;margin-bottom:20px;font-size:1.15rem;font-weight:800}.job-content p{color:var(--text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.7}.job-content ul{color:var(--text-secondary);padding-left:20px}.job-content li{margin-bottom:12px;font-size:1rem;line-height:1.6}@media (max-width:768px){.job-details-header{flex-direction:column;gap:24px}}.job-footer-block{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:48px;padding-top:32px;display:flex}.job-poster-info{align-items:center;gap:16px;display:flex}.poster-avatar{width:70px;height:70px;color:var(--brand-navy);background:#e2e8f0 url(https://images.unsplash.com/photo-1560250097-0b93528c311a?w=140&h=140&fit=crop) 0 0/cover;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex;position:relative;overflow:hidden}.poster-details span{color:var(--text-secondary);margin-bottom:4px;font-size:.85rem;font-weight:700;display:block}.poster-details h4{color:var(--brand-navy);font-size:1.3rem;font-weight:800}.job-related-grid{border-top:1px solid #e2e8f0;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px;padding-top:40px;display:grid}.related-col h5{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-navy);margin-bottom:24px;font-size:.9rem;font-weight:800}.related-link{color:var(--brand-navy);margin-bottom:16px;font-size:.95rem;text-decoration:none;transition:color .2s;display:block}.related-link:hover{color:var(--brand-blue)}.share-icons{gap:12px;display:flex}.share-icon-circle{color:#fff;cursor:pointer;background:#64748b;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.share-icon-circle:hover{background:var(--brand-navy)}@media (max-width:768px){.job-footer-block{flex-direction:column;align-items:flex-start;gap:24px}.job-related-grid{grid-template-columns:1fr;gap:40px}}
