/* Careers uses the site's editorial typography and a simple, readable role list. */
.roles-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:10%; align-items:end; margin-bottom:56px; }
.roles-heading .eyebrow { margin-bottom:24px; }
.roles-heading > p { max-width:430px; font-size:18px; line-height:1.6; color:var(--muted); }
.role-list { border-top:1px solid var(--line); }
.role-row { display:grid; grid-template-columns:52px minmax(0,1fr) 110px; gap:24px; align-items:start; padding:38px 0; border-bottom:1px solid var(--line); color:inherit; text-decoration:none; }
.role-number { color:var(--muted); font-size:12px; padding-top:4px; }
.role-team { display:block; font-size:12px; color:var(--muted); margin-bottom:14px; }
.role-row h3 { font-size:clamp(25px,2.6vw,37px); font-weight:500; line-height:1.12; letter-spacing:-.035em; margin:0 0 18px; }
.role-row p { max-width:650px; font-size:16px; line-height:1.6; color:var(--muted); }
.role-open { font-size:13px; padding-top:4px; text-align:right; }
.role-open span { margin-left:10px; }
.role-row:hover h3 { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:6px; }
.role-row:focus-visible { outline:2px solid var(--ink); outline-offset:8px; }
.role-hero { padding-block:40px 72px; border-bottom:1px solid var(--line); }
.role-back { margin-bottom:52px; font-size:13px; }
.role-hero > .eyebrow { margin-bottom:28px; }
.role-hero h1 { max-width:950px; font-size:clamp(44px,6.5vw,88px); font-weight:500; line-height:1.02; letter-spacing:-.055em; margin:0 0 24px; overflow-wrap:break-word; }
.role-focus { font-size:clamp(18px,2vw,24px); line-height:1.4; margin-bottom:28px; }
.role-summary { max-width:700px; font-size:18px; line-height:1.6; color:var(--muted); margin-bottom:34px; }
.role-layout { display:grid; grid-template-columns:220px minmax(0,760px); gap:clamp(40px,8vw,120px); align-items:start; }
.role-nav { position:sticky; top:36px; }
.role-nav .eyebrow { margin-bottom:24px; }
.role-nav nav { display:grid; gap:18px; }
.role-nav a { color:var(--muted); font-size:14px; text-decoration:none; }
.role-nav a:hover { color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
.role-content { min-width:0; }
.role-content > section { scroll-margin-top:28px; padding-bottom:56px; margin-bottom:56px; border-bottom:1px solid var(--line); }
.role-content > section:last-child { margin:0; padding:0; border:0; }
.role-content h2 { font-size:clamp(30px,3.4vw,44px); letter-spacing:-.04em; line-height:1.12; font-weight:500; margin-bottom:26px; }
.role-content h3 { font-size:21px; font-weight:500; margin:30px 0 18px; }
.role-content p, .role-content li { font-size:17px; line-height:1.7; color:var(--muted); }
.role-content p + p { margin-top:20px; }
.role-content ul { padding-left:22px; margin:0; }
.role-content li + li { margin-top:18px; }
.role-content p a { color:var(--ink); text-underline-offset:3px; }
.role-application > .eyebrow { margin-bottom:24px; }
.role-application [data-role-application] { margin-top:30px; }
.application-form { display:grid; gap:22px; margin-top:32px; }
.application-form label { display:grid; gap:10px; font-size:13px; line-height:1.5; }
.application-form input, .application-form textarea, .application-form select { width:100%; min-width:0; border:1px solid #8c9c84; background:transparent; color:var(--ink); padding:14px 12px; font:16px var(--font-sans); border-radius:0; }
.application-form textarea { resize:vertical; }
.application-form :is(input,textarea,select):focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
.application-form .button { justify-self:start; }
.role-content .application-note { font-size:13px; line-height:1.6; }
.application-status:empty { display:none; }
.role-content .application-status { font-size:14px; color:var(--ink); }
@media (max-width:760px) {
  .roles-heading { grid-template-columns:1fr; gap:26px; margin-bottom:38px; }
  .role-row { grid-template-columns:28px minmax(0,1fr); gap:16px; padding-block:30px; }
  .role-open { grid-column:2; text-align:left; padding-top:4px; }
  .role-hero { padding-block:30px 48px; }
  .role-back { margin-bottom:36px; }
  .role-layout { grid-template-columns:1fr; gap:40px; }
  .role-nav { position:static; padding-bottom:28px; border-bottom:1px solid var(--line); }
  .role-nav nav { display:flex; flex-wrap:wrap; gap:16px 24px; }
  .role-content > section { margin-bottom:38px; padding-bottom:38px; }
  .application-form .form-row { grid-template-columns:1fr; }
}
.application-form .consent-label{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5}
.application-form .consent-label input{margin:2px 0 0;flex:0 0 18px}
.application-status:not(:empty){padding:16px;border-radius:12px;background:#e7ede7;line-height:1.6}