
/* CAREERS v2: higher contrast + form alignment fixes */
#pl-careers{
  --ink:#0f172a;         /* much darker text */
  --muted:#334155;       /* darker secondary */
  --brand:#4b2aa6;
  --brand-2:#00c2a8;
  --bg:#f6f7fb;
  --card:#ffffff;
  --border:#cbd5e1;
  --border-strong:#94a3b8;
  --ring: rgba(0, 194, 168, .35);
  --shadow:0 10px 24px rgba(2,6,23,.08);
  --radius:18px;
  color:var(--ink);
  background:var(--bg);
  font:16px/1.6 system-ui, -apple-system, Segoe UI, Inter, Roboto, Arial, sans-serif;
}
#pl-careers, #pl-careers * { box-sizing: border-box }
#pl-careers a { color: var(--brand); text-decoration: none }
#pl-careers .wrapper { max-width: 1120px; margin: auto; padding: 24px }

/* Header readability */
#pl-careers header{
  background:
    radial-gradient(1100px 500px at 10% -10%, rgba(0,194,168,.18), transparent),
    radial-gradient(1100px 600px at 110% 10%, rgba(75,42,166,.20), transparent),
    linear-gradient(135deg,#1a1240 0%, #2b1972 55%, #4b2aa6 100%);
  color:#fff;
}
#pl-careers nav a{ color:#e6f0ff; opacity:.95 }
#pl-careers nav a:hover{ opacity:1 }
#pl-careers .cta{ background: var(--brand-2); color:#052e2a; font-weight:800; padding:12px 18px; border:0; border-radius:14px; box-shadow:0 6px 16px rgba(0,194,168,.28) }

/* General sections */
#pl-careers section{ padding:56px 0 }
#pl-careers h1, #pl-careers h2, #pl-careers h3{ color: var(--ink) }
#pl-careers .sub{ color: var(--muted) }
#pl-careers .card{ background: var(--card); border:1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow); padding: 24px }

/* Form contrast & alignment */
#pl-careers .legacy-form{ color: var(--ink) }
#pl-careers .legacy-form label{ color: var(--ink); font-weight: 700 }
#pl-careers .legacy-form input[type="text"],
#pl-careers .legacy-form textarea{
  width: 100%;
  background: #fff;
  color: var(--ink);
  border: 1.5px solid var(--border);
  border-radius: 12px;
  padding: 12px 14px;
  outline: 0;
  box-shadow: inset 0 1px 0 rgba(2,6,23,.02);
}
#pl-careers .legacy-form input[type="text"]::placeholder,
#pl-careers .legacy-form textarea::placeholder{ color:#64748b }
#pl-careers .legacy-form input[type="text"]:focus,
#pl-careers .legacy-form textarea:focus{
  border-color: var(--border-strong);
  box-shadow: 0 0 0 4px var(--ring);
}

/* Three-column row for City/State/Zip with clear spacing */
#pl-careers .legacy-form .row3{ display:grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px }
@media (max-width: 800px){ #pl-careers .legacy-form .row3{ grid-template-columns: 1fr } }

/* Radio group */
#pl-careers .legacy-form fieldset.radio{
  border: 1.5px solid var(--border);
  border-radius: 12px;
  padding: 14px 16px;
  margin-top: 6px;
}
#pl-careers .legacy-form fieldset.radio legend{
  font-weight: 800; color: var(--ink); padding: 0 6px;
}
#pl-careers .legacy-form fieldset.radio label{ font-weight: 600; margin-right: 18px }

/* Specialties grid — FIXED alignment */
#pl-careers .legacy-form fieldset.checks{
  border: 1.5px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  margin-top: 8px;
}
#pl-careers .legacy-form fieldset.checks legend{
  font-weight: 800; color: var(--ink); padding: 0 6px;
}
#pl-careers .legacy-form fieldset.checks .checks-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px 18px;
  align-items: start;
}
#pl-careers .legacy-form fieldset.checks .checks-grid label{
  display: flex; align-items: center; gap: 10px;
  font-weight: 600; color: var(--ink);
  line-height: 1.3;
}

/* Buttons */
#pl-careers .legacy-form .actions{ display:flex; gap:12px; align-items:center }
#pl-careers .legacy-form input[type="submit"]{ cursor: pointer }
#pl-careers input, #pl-careers textarea, #pl-careers button { font-size: 16px } /* avoid iOS zoom */

/* Grid utilities reused */
#pl-careers .grid-3{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 22px }
@media (max-width: 900px){ #pl-careers .grid-3{ grid-template-columns: 1fr } }

/* Burger */
@media (max-width:768px){
  #pl-careers nav ul {
    display: none; flex-direction: column; gap: 14px; background:#1a1240;
    padding: 16px; border-radius: 12px; margin-top: 12px;
  }
  #pl-careers #burger-toggle { display: none }
  #pl-careers .burger { font-size: 28px; cursor: pointer; user-select: none; display: block; color: #fff }
  #pl-careers #burger-toggle:checked + .burger + nav ul { display: flex }
}
