/* /careers: flat, square, faint grid (styling only) */
html body .careers-section {
  background-color: #fff !important;
  background-image:
    radial-gradient(900px 340px at 50% 0, rgba(26,158,114,.09), transparent 70%),
    linear-gradient(rgba(11,61,46,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11,61,46,.05) 1px, transparent 1px) !important;
  background-size: auto, 44px 44px, 44px 44px !important;
  background-repeat: no-repeat, repeat, repeat !important;
  padding: 84px 0 96px !important;
}
html body .careers-intro { max-width: 920px; margin: 0 auto 44px !important; text-align: left !important; }
html body .careers-intro h2 { color: #0B3D2E !important; font-size: clamp(30px, 4vw, 42px); font-weight: 600; letter-spacing: -.025em; margin: 0 0 12px !important; }
html body .careers-intro p { color: #566a63 !important; font-size: 18px; line-height: 1.65; margin: 0 !important; }

html body .jobs-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 28px !important; max-width: 920px; margin: 0 auto !important; }
html body .job-card {
  background: #fff !important; border: 1px solid #d5e2dc !important; border-radius: 0 !important;
  box-shadow: none !important; padding: 36px 40px !important; transform: none !important;
}
html body .job-card:hover { transform: none !important; box-shadow: none !important; border-color: #1A9E72 !important; }
html body .job-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 18px; }
html body .job-title { color: #0B3D2E !important; font-size: 26px; font-weight: 600; letter-spacing: -.015em; line-height: 1.2; }
html body .job-type { color: #1A9E72 !important; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin-top: 8px; }
html body .job-badge {
  border-radius: 0 !important; background: #e8f6f0 !important; border: 1px solid #cfeade !important;
  color: #0f7a58 !important; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 6px 14px;
}
html body .job-description { color: #3a4f47 !important; font-size: 17px; line-height: 1.7; margin: 0 0 24px !important; }
html body .job-requirements { border-top: 1px solid #d5e2dc; padding-top: 22px; }
html body .job-requirements h4 { color: #0B3D2E !important; font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; margin: 22px 0 10px !important; }
html body .job-requirements h4:first-child { margin-top: 0 !important; }
html body .job-requirements ul { margin: 0 !important; padding-left: 20px; }
html body .job-requirements li { color: #3a4f47 !important; font-size: 16px; line-height: 1.7; margin-bottom: 4px; }
html body .job-footer { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 28px; padding-top: 22px; border-top: 1px solid #d5e2dc; }
html body .job-location { color: #566a63 !important; font-size: 15px; }
html body .apply-btn {
  display: inline-block; border-radius: 0 !important; background: #1A9E72 !important; color: #fff !important;
  border: 1px solid #1A9E72 !important; padding: 13px 26px; font-weight: 600; text-decoration: none; transform: none !important; box-shadow: none !important;
}
html body .apply-btn:hover { background: #20b585 !important; }
@media (max-width: 700px) {
  html body .job-card { padding: 26px 22px !important; }
  html body .job-header { flex-direction: column; }
}
