.job-detail-page{padding-top:calc(var(--space-12) + 60px);padding-bottom:var(--space-20);background:var(--bg-secondary)}.job-detail-container{max-width:920px;margin:0 auto}.breadcrumb-nav{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);display:flex}.breadcrumb-nav a{color:var(--accent);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.breadcrumb-nav a:hover{color:var(--accent-hover);text-decoration:underline}.breadcrumb-separator{color:var(--text-tertiary)}.job-detail-header-card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);position:relative;overflow:hidden}.job-detail-header-card:before{content:"";background:var(--accent);height:3px;position:absolute;top:0;left:0;right:0}.job-detail-header-top{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.job-detail-tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--bg-accent);color:var(--accent);margin:0;font-weight:700;display:inline-block}.job-detail-header-actions{align-items:center;gap:var(--space-3);display:flex}.copy-btn{align-items:center;gap:var(--space-2);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--accent-ink);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:#faf8f426;border:1px solid #faf8f440;font-weight:600;display:inline-flex}.copy-btn:hover{background:#faf8f440;border-color:#faf8f466}.quick-apply-btn{box-shadow:var(--shadow-sm)}.job-detail-title{font-size:var(--text-4xl);color:var(--text-primary);margin-bottom:var(--space-6);font-weight:800;line-height:1.25;font-family:var(--font-display)}.job-detail-meta-grid{gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border-light);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.job-meta-card{align-items:center;gap:var(--space-3);display:flex}.job-meta-icon{border-radius:var(--radius-lg);background:var(--bg-accent);width:42px;height:42px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.job-meta-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.job-meta-value{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.job-detail-content{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-card)}.job-section{margin-bottom:var(--space-10)}.job-section:last-child{margin-bottom:0}.job-section-title{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--bg-tertiary);align-items:center;gap:var(--space-3);font-weight:700;font-family:var(--font-display);display:flex}.job-section-title svg{color:var(--accent)}.job-section-text{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-4);line-height:1.7}.job-styled-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.job-styled-list li{padding-left:var(--space-6);color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;position:relative}.job-styled-list li:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 0 3px var(--bg-accent);border-radius:50%;position:absolute;top:.6em;left:0}.gain-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.gain-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-5);align-items:flex-start;gap:var(--space-3);display:flex}.gain-card-icon{border-radius:var(--radius-md);background:var(--bg-accent);width:36px;height:36px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.gain-card h4{font-size:var(--text-base);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:700}.gain-card p{color:var(--text-secondary);font-weight:400;font-size:var(--text-sm);margin:0;line-height:1.6}.apply-box{color:var(--accent-ink);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-xl);margin-top:var(--space-10);background:#112338;position:relative;overflow:hidden}.apply-box:before{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#22415e4d,#0000 70%);width:300px;height:300px;position:absolute;top:-50%;right:-50%}.apply-box h3{font-size:var(--text-2xl);color:var(--accent-ink);margin-bottom:var(--space-3);font-family:var(--font-display)}.apply-box p{color:#faf8f4cc;font-size:var(--text-base);max-width:600px;margin:0 auto var(--space-6)}.apply-email-card{backdrop-filter:blur(8px);border-radius:var(--radius-xl);padding:var(--space-6);max-width:100%;margin-bottom:var(--space-6);background:#faf8f41a;border:1px solid #faf8f433;display:inline-block}.apply-subject-label{font-size:var(--text-xs);color:#faf8f4cc;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);font-weight:600}.apply-copy-wrap{margin-top:var(--space-3)}.apply-email-card code{font-family:monospace;font-size:var(--text-lg);color:var(--accent-ink);margin-top:var(--space-2);overflow-wrap:anywhere;word-break:break-word;display:block}.apply-actions{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.apply-actions .btn{white-space:normal;text-align:center;max-width:100%}.apply-share-note{margin-top:var(--space-6);font-size:var(--text-xs);color:#faf8f4d9}@media (width<=768px){.job-detail-page{padding-top:calc(var(--space-8) + 60px)}.job-detail-header-card,.job-detail-content{padding:var(--space-6)}.job-detail-title{font-size:var(--text-2xl)}.job-detail-meta-grid{grid-template-columns:repeat(2,1fr)}.apply-email-card code{font-size:var(--text-sm)}.apply-box{padding:var(--space-6)}.apply-actions .btn{width:100%;font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}}@media (width<=480px){.job-detail-header-card,.job-detail-content{padding:var(--space-4)}.job-detail-title{font-size:var(--text-xl)}.job-detail-meta-grid,.offerings-list,.gain-grid{grid-template-columns:1fr}.apply-box{padding:var(--space-4)}}