/* Careers View — UI Kit Redesign */
.careers-view-wrap { padding: 160px 0 100px; background: #fff; }

.job-header { margin-bottom: 60px; }
.job-header-meta { display: flex; align-items: center; gap: 16px; margin-bottom: 12px; }
.job-header .job-title { font-size: clamp(32px, 4vw, 48px); font-weight: 900; color: #111827; letter-spacing: -1px; line-height: 1.1; margin: 0; }

.job-layout { display: grid; grid-template-columns: 1fr 340px; gap: 64px; align-items: start; }

/* Main Content */
.job-main-content h2 { font-size: 20px; font-weight: 800; color: #111827; margin: 40px 0 20px; letter-spacing: -0.3px; }
.job-main-content .job-intro { font-size: 18px; line-height: 1.7; color: #4b5563; margin-bottom: 32px; }
.job-main-content ul { margin: 0 0 32px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px; }
.job-main-content ul li { font-size: 16px; line-height: 1.6; color: #4b5563; padding-left: 28px; position: relative; }
.job-main-content ul li::before { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: #bf2026; }

/* Sidebar */
.job-sidebar { position: sticky; top: 120px; display: flex; flex-direction: column; gap: 24px; }
.job-meta-card { background: #f9fafb; border: 1px solid #eef0f4; border-radius: 24px; padding: 32px; }
.job-meta-item { margin-bottom: 24px; }
.job-meta-item:last-child { margin-bottom: 0; }
.job-meta-label { font-size: 12px; font-weight: 800; color: #9ca3af; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 6px; }
.job-meta-value { font-size: 16px; font-weight: 700; color: #111827; display: flex; align-items: center; gap: 8px; }

/* Application Form */
.apply-section { margin-top: 80px; padding-top: 60px; border-top: 1px solid #eef0f4; }
.apply-section-title { font-size: 32px; font-weight: 900; color: #111827; margin-bottom: 12px; }
.apply-section-text { font-size: 16px; color: #6b7280; margin-bottom: 40px; }

@media (max-width: 1024px) {
    .careers-view-wrap { padding: 120px 0 80px; }
    .job-layout { grid-template-columns: 1fr; gap: 48px; }
    .job-sidebar { position: static; }
}