/* Careers page: the open role beside its application form. Form controls come
   from contact.css so every form on the site looks the same. */
#lc27.careers-page .interior-body{gap:8px}
#lc27.careers-page .interior-body>.contact-intro{max-width:720px}
#lc27 .careers-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,440px);gap:64px;align-items:start}
#lc27 .careers-job{border-top:3px solid #1bb6f7;padding-top:28px;color:#52606a}
#lc27 .careers-kicker{display:block;margin:0 0 10px;font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#08698f}
#lc27.careers-page .interior-body .careers-job h2{margin:0 0 16px;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.15;letter-spacing:-.04em;color:var(--navy)}
#lc27.careers-page .interior-body .careers-job h3{margin:36px 0 10px;font-size:1.2rem;letter-spacing:-.02em;color:var(--navy)}
#lc27 .careers-job p,#lc27 .careers-job ul{margin:0 0 14px}
#lc27 .careers-job ul{padding-left:22px}
#lc27 .careers-job li{margin:6px 0}
#lc27 .careers-job strong{font-weight:600;color:var(--navy)}
#lc27 .careers-location{padding:14px 16px;background:#f6f3ee}
#lc27 .careers-apply{position:sticky;top:24px;scroll-margin-top:24px}
#lc27.careers-page .interior-body .careers-apply h2{margin:0;font-size:1.5rem;letter-spacing:-.03em;color:var(--navy)}
#lc27 .careers-apply .contact-hint{font-size:.8rem;color:#6b7780}
#lc27 .careers-apply input[type=file]{padding:.55rem;background:#fff}
#lc27 .careers-apply .contact-promise{font-size:.8rem;line-height:1.6;color:#52606a;margin:0}
#lc27 .careers-bot-check:empty{display:none}
@media(max-width:1000px){
  #lc27 .careers-layout{grid-template-columns:1fr;gap:40px}
  #lc27 .careers-apply{position:static}
}
#lc27.careers-page .interior-body .careers-jump{display:none;text-decoration:none;margin:0 0 8px}
@media(max-width:1000px){#lc27.careers-page .interior-body .careers-jump{display:inline-flex}}
/* Role list on /careers/: one row per role, like a job board. */
#lc27.careers-page .interior-body ul.careers-roles{list-style:none;margin:16px 0 0;padding:0;max-width:100%;border-top:1px solid #d9dee2}
#lc27 .careers-roles li{border-bottom:1px solid #d9dee2}
#lc27.careers-page .interior-body .careers-role{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 180px;grid-template-areas:"kicker meta cta" "title meta cta";column-gap:32px;row-gap:4px;align-items:center;padding:22px 16px;color:var(--navy);text-decoration:none;border-left:3px solid transparent}
#lc27.careers-page .interior-body .careers-role:hover,#lc27.careers-page .interior-body .careers-role:focus-visible{background:var(--cream);border-left-color:#1bb6f7}
#lc27 .careers-role .careers-kicker{grid-area:kicker;margin:0}
#lc27 .careers-role-title{grid-area:title;font-size:1.3rem;font-weight:600;line-height:1.25;letter-spacing:-.03em}
#lc27 .careers-role-meta{grid-area:meta;color:#52606a;line-height:1.5}
#lc27 .careers-role-cta{grid-area:cta;justify-self:end;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.95rem;white-space:nowrap}
#lc27 .careers-role:focus-visible{outline:3px solid #1bb6f7;outline-offset:2px}
@media(max-width:760px){
  #lc27.careers-page .interior-body .careers-role{grid-template-columns:1fr;grid-template-areas:"kicker" "title" "meta" "cta";row-gap:6px;padding:20px 12px}
  #lc27 .careers-role-cta{margin-top:6px;justify-self:start}
}
#lc27.careers-page .interior-hero .form-back{margin-bottom:20px}
