.job-detail-page{background-color:var(--color-background-subtle);padding-block:var(--space-6) var(--space-12);min-height:80vh}.job-breadcrumb{font-size:var(--font-size-xs);color:var(--color-text-lighter);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crumb-link{color:var(--color-text-light);transition:color var(--transition-fast);text-decoration:none}.crumb-link:hover{color:var(--color-dark)}.crumb-sep{color:var(--color-border)}.crumb-current{color:var(--color-text-main);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;max-width:320px;overflow:hidden}.back-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-light);margin-bottom:var(--space-6);transition:color var(--transition-fast), transform var(--transition-fast);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-dark);transform:translate(-2px)}.job-hero-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);background:#fff;display:flex;box-shadow:0 4px 14px #0000000a}.job-hero-main{align-items:flex-start;gap:var(--space-6);flex:1;display:flex}.job-hero-logo-wrap{border-radius:var(--radius-md);border:1px solid var(--color-border);background:#fff;flex:0 0 68px;justify-content:center;align-items:center;width:68px;height:68px;padding:8px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000a}.job-hero-logo{object-fit:contain;width:100%;height:100%}.job-hero-logo-fallback{background:var(--color-dark);width:100%;height:100%;color:var(--color-primary);font-size:26px;font-weight:var(--font-weight-bold);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}.job-hero-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.badge-featured{font-size:11px;font-weight:var(--font-weight-bold);color:gold;letter-spacing:.5px;background:#0e343e;border-radius:4px;padding:3px 8px}.badge-dept{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-dark);background:#0e343e14;border-radius:4px;padding:3px 9px}.badge-type{font-size:12px;font-weight:var(--font-weight-medium);color:#1d4ed8;background:#3b82f61a;border-radius:4px;padding:3px 9px}.job-hero-title{color:var(--color-dark);margin:0 0 10px;font-size:clamp(22px,3.5vw,28px);font-weight:800;line-height:1.25}.job-hero-meta-row{color:var(--color-text-light);font-size:var(--font-size-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hero-company{font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.dot-sep{color:var(--color-border)}.hero-meta-item{align-items:center;gap:5px;display:inline-flex}.hero-posted{color:var(--color-text-lighter)}.btn-apply-primary{background:var(--color-dark);color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);border-radius:var(--radius-md);white-space:nowrap;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:12px 24px;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #0e343e26}.btn-apply-primary:hover{background:var(--color-dark-light);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 16px #0e343e38}.job-detail-grid{gap:var(--space-8);grid-template-columns:1fr 320px;align-items:start;display:grid}.job-main-article{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);background:#fff;box-shadow:0 2px 8px #00000008}.job-overview-card{background:var(--color-background-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-8)}.overview-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-dark);margin:0 0 var(--space-4)}.overview-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.overview-item{flex-direction:column;gap:3px;display:flex}.overview-label{font-size:11px;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-lighter)}.overview-val{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-main)}.highlight-salary{color:#059669;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.job-section{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-dark);margin:0 0 var(--space-4)}.job-body-text{color:#334155;white-space:pre-line;font-size:15px;line-height:1.75}.job-tags-wrap{flex-wrap:wrap;gap:8px;display:flex}.detail-tag-pill{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-background-subtle);border:1px solid var(--color-border);color:var(--color-text-main);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:6px 14px;text-decoration:none}.detail-tag-pill:hover{background:var(--color-dark);border-color:var(--color-dark);color:var(--color-primary);transform:translateY(-1px)}.job-bottom-cta{border:1px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6);background:#f8fafc;flex-wrap:wrap;display:flex}.bottom-cta-text h3{font-size:var(--font-size-base);color:var(--color-dark);margin:0 0 4px}.bottom-cta-text p{font-size:var(--font-size-sm);color:var(--color-text-light);margin:0}.btn-large{font-size:var(--font-size-base);padding:14px 28px}.job-sidebar{position:sticky;top:90px}.sidebar-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);background:#fff;box-shadow:0 2px 8px #00000008}.sidebar-card-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-dark);margin:0 0 var(--space-4);text-transform:uppercase;letter-spacing:.5px}.sidebar-company-header{align-items:center;gap:12px;display:flex}.sidebar-logo{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--color-border);width:44px;height:44px;padding:4px}.sidebar-logo-fallback{background:var(--color-dark);width:44px;height:44px;color:var(--color-primary);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.sidebar-company-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-dark);margin:0}.sidebar-company-sub{font-size:var(--font-size-xs);color:var(--color-text-lighter);margin:0}.sidebar-divider{background:var(--color-border);height:1px;margin-block:var(--space-5)}.sidebar-apply-box{flex-direction:column;gap:10px;display:flex}.btn-full-width{width:100%}.share-card{margin-top:var(--space-4)}.share-subtitle{font-size:var(--font-size-xs);color:var(--color-text-light);margin:0 0 var(--space-4);line-height:1.5}.social-share-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.share-pill{border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform var(--transition-fast), filter var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;gap:7px;padding:10px 12px;font-family:inherit;text-decoration:none;display:inline-flex}.share-pill:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 4px 10px #0000001f}.share-whatsapp{color:#fff;background:#25d366}.share-facebook{color:#fff;background:#1877f2}.share-instagram{color:#fff;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.share-email{color:#fff;background:#0e343e}.btn-copy-link{background:var(--color-background-subtle);border:1px dashed var(--color-border);width:100%;color:var(--color-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:6px;padding:10px 14px;display:inline-flex}.btn-copy-link:hover{border-color:var(--color-dark);color:var(--color-dark);background:#fff}@media (width<=900px){.job-detail-grid{grid-template-columns:1fr}.job-hero-card{flex-direction:column;align-items:stretch}.job-hero-actions .btn-apply-primary{width:100%}.job-sidebar{position:static}}@media (width<=600px){.job-hero-main{flex-direction:column;align-items:flex-start;gap:14px}.job-hero-card,.job-main-article{padding:18px 16px}.job-bottom-cta{flex-direction:column;align-items:stretch}.job-bottom-cta .btn-large{width:100%}}