/* ── Careers — the public job-seeker surface ─────────────────────────────
   hr.css is the internal admin system (navy topbar, dense 13px tables). This
   file gives the public /careers and /careers/apply pages their own lighter,
   warmer voice — bigger type, more air, a warm accent instead of all-navy —
   without touching a single rule in hr.css. Everything here is scoped under
   .careers-page so it can only ever affect these two templates. */

.careers-page {
  background: #faf6f0;
  min-height: 100vh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #2c2f3a;
}

.careers-page .topbar { padding: 20px 32px; }
.careers-page .topbar h1 { font-size: 17px; font-weight: 600; letter-spacing: -0.01em; }
.careers-page .topbar-logo { height: 34px; }

.careers-hero {
  background: #fdf1e2;
  border-bottom: 1px solid #f2ddb9;
  padding: 44px 28px;
}
.careers-hero-inner { max-width: 700px; margin: 0 auto; }
.careers-hero h2 {
  font-size: 30px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #16214d;
  margin-bottom: 10px;
}
.careers-hero p { font-size: 16px; color: #5a4a32; max-width: 62ch; margin: 0; }

.careers-page .container.appform { max-width: 700px; padding-top: 32px; padding-bottom: 48px; }

.careers-page .card {
  border: 1px solid #ede4d6;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(60, 42, 10, 0.06);
}
.careers-page .card-head {
  padding: 18px 24px;
  font-size: 16px;
  color: #16214d;
  border-radius: 14px 14px 0 0;
}
.careers-page .card-body { padding: 24px; }

/* Individual vacancy sub-cards inside the listing */
.careers-page .card .card { border-radius: 10px; }
.careers-page .card .card .card-body { padding: 20px 22px; }

.careers-page .btn-primary { background: #b5601e; padding: 10px 20px; font-size: 13.5px; border-radius: 6px; }
.careers-page .btn-primary:hover { background: #984e18; }
.careers-page a { color: #16214d; }

/* Empty-state: company copy + notify-me signup, in place of a bare sentence */
.careers-empty > .hint { font-size: 14px; margin-bottom: 20px; }
.careers-about { padding: 4px 0 20px; border-bottom: 1px solid #f1ece2; margin-bottom: 20px; }
.careers-about h3 { font-size: 15px; color: #16214d; margin-bottom: 8px; }
.careers-about p { margin: 0 0 10px; max-width: 68ch; }
.careers-about p:last-child { margin-bottom: 0; }

.careers-notify h3 { font-size: 15px; color: #16214d; margin-bottom: 6px; }
.careers-notify > p.hint { margin: 0 0 12px; }
.careers-notify-form { display: flex; gap: 10px; flex-wrap: wrap; max-width: 440px; }
.careers-notify-form input[type="email"] { flex: 1 1 220px; }
.careers-notify-form button { flex: 0 0 auto; }
.careers-success { color: #1e6b3a; font-weight: bold; font-size: 13.5px; }

@media (max-width: 640px) {
  .careers-hero { padding: 32px 18px; }
  .careers-hero h2 { font-size: 24px; }
  .careers-page .topbar { padding: 14px 18px; }
}