/* Careers is a vacancy index first; the application resource remains a quiet,
   complete second chapter. Native links and disclosures work without script. */
html body.page-careers .careers-page{--careers-selector-height:40px;--career-columns:24px minmax(0,1fr) minmax(100px,.45fr) 16px;--career-column-gap:clamp(12px,2vw,28px)}
.page-careers .careers-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;margin-bottom:32px}
html body.page-careers .careers-intro{max-width:none;margin:0}
html body.page-careers #main-content .careers-intro>h1{font-size:clamp(46px,5.3vw,76px)!important;margin:14px 0 22px!important;line-height:1.02!important}
html body.page-careers .careers-intro .section-page-subtitle{font-size:clamp(19px,1.8vw,25px);line-height:1.35;margin:0 0 12px;max-width:34ch}
html body.page-careers .careers-intro>p:last-child{font-size:15px;line-height:1.6;margin:0;max-width:56ch}
.page-careers .careers-intro .latest-strip{font-size:12px;margin-bottom:16px}
html body.page-careers .careers-hero .team-photo-wrapper{width:100%;height:auto;min-height:0;aspect-ratio:16/10;margin:0;align-self:stretch;max-height:400px}
.page-careers .careers-section-dock{position:sticky;top:calc(var(--site-header-bottom,100px) + 6px);z-index:1850;min-width:0;margin:0 0 30px}
.page-careers .careers-section-selector{position:relative;isolation:isolate;z-index:1850;display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0;margin:0;padding:6px 0;background:var(--theme-base,#f3f3f0);background:color-mix(in srgb,var(--theme-base,#f3f3f0) 94%,transparent);border-bottom:1px solid var(--theme-line,#191b1828)}
/* As on About, the pinned bar leaves the fading main-content stacking context.
   A higher child z-index alone cannot escape that ancestor's overlap blur. */
.page-careers>.careers-section-selector.is-pinned{position:fixed;top:calc(var(--site-header-bottom,100px) + 6px);left:var(--section-inset,32px);right:var(--section-inset,32px)}
html body.page-careers .careers-section-selector>a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--control-pill-height,28px);min-height:var(--control-pill-height,28px);padding:0 13px;border:0;border-radius:999px;color:var(--theme-ink,#191b18);background:transparent;text-decoration:none;font:300 var(--navigation-control-font-size,11px)/1.2 var(--font-support,sans-serif);white-space:nowrap;transition:background .2s,color .2s}
html body.page-careers .careers-section-selector>a:is(:hover,[aria-current=location]){background:var(--theme-ink,#191b18);color:var(--theme-base,#f3f3f0)}
.page-careers .careers-section-selector>a:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.page-careers :is(#open-roles,#architecture-application-guide,.career-opening[id]){scroll-margin-top:calc(var(--site-header-bottom,100px) + var(--careers-selector-height,40px) + 24px)}
.page-careers :is(#open-roles,#architecture-application-guide){outline:none}
.page-careers .career-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px}
html body.page-careers .career-section-heading h2{font:400 clamp(32px,3.6vw,52px)/1.08 var(--font-display,sans-serif);letter-spacing:-.045em;margin:0}
.page-careers .career-role-count{flex:none;font:300 11px/1.4 var(--font-support,sans-serif);margin:0;color:var(--theme-muted,#6c6f69);font-variant-numeric:tabular-nums}
.page-careers .career-openings{counter-reset:career-role}
.page-careers .career-openings>.career-opening{counter-increment:career-role;border-color:var(--theme-line,#191b1830)}
html body.page-careers .career-openings>.career-opening>summary{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(100px,.45fr) 16px;gap:clamp(12px,2vw,28px);align-items:center;padding:25px 0;min-height:100px;box-sizing:border-box;cursor:pointer;color:var(--theme-ink,#191b18)}
.page-careers .career-openings>.career-opening>summary::before{content:counter(career-role,decimal-leading-zero);align-self:start;margin-top:7px;font:300 11px/1.3 var(--font-support,sans-serif);font-variant-numeric:tabular-nums;color:var(--theme-muted,#6c6f69)}
html body.page-careers .career-openings>.career-opening>summary>span:first-child{font:400 clamp(24px,2.8vw,40px)/1.14 var(--font-display,sans-serif);letter-spacing:-.035em;max-width:30ch;min-width:0}
html body.page-careers .career-openings>.career-opening>summary small{font:300 12px/1.55 var(--font-support,sans-serif);margin:0;min-width:0;max-width:32ch;color:var(--theme-muted,#6c6f69)}
.page-careers .career-openings>.career-opening[open]>summary{padding-bottom:18px}
.page-careers .career-openings>.career-opening>.career-description{margin-left:calc(24px + clamp(12px,2vw,28px));max-width:72ch;font-size:16px;line-height:1.65;padding-bottom:28px}
.page-careers .career-opening>summary:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.page-careers .career-open-application>summary>span:first-child{font-size:clamp(23px,2.4vw,34px)!important}
.page-careers .career-open-note{font-size:13px;line-height:1.6;color:var(--theme-muted,#6c6f69)}
.page-careers .newsletter-cta{margin:16px 0 0}
html body.page-careers .application-guide{max-width:none;border-top:1px solid var(--theme-line,#191b1830);padding-top:24px;margin:clamp(48px,6vw,80px) 0}
html body.page-careers .application-guide>.career-guide-kicker{font:300 10px/1.4 var(--font-support,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--theme-muted,#6c6f69);margin:0 0 12px}
html body.page-careers .application-guide>h2{font:300 clamp(23px,2.4vw,32px)/1.2 var(--font-display,sans-serif);letter-spacing:-.025em;max-width:34ch;margin:0 0 16px}
html body.page-careers .application-guide>p:not(.career-guide-kicker){font-size:15px;line-height:1.65;max-width:76ch;margin:0 0 22px}
html body.page-careers .application-guide-step>summary{display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;font:300 clamp(17px,1.6vw,22px)/1.4 var(--font-support,sans-serif);padding-block:17px;gap:16px;cursor:pointer}
.page-careers .application-guide-step>summary>span:first-child{min-width:0}
.page-careers .application-guide-step>summary>span[aria-hidden=true]{grid-column:2;grid-row:1;justify-self:end}
.page-careers .application-guide .career-description{font-size:15px;line-height:1.65;max-width:76ch}
html body.page-careers .career-archives{margin-block:36px 0}
html body.page-careers .career-archives h2{font-size:23px;margin-bottom:12px}
html body.page-careers .career-archives .career-opening>summary{font-size:19px;padding-block:18px;gap:16px;cursor:pointer}
/* Same index columns as open roles; only typography and row density differ. */
.page-careers .career-archives{counter-reset:archived-role}
.page-careers .career-archives>.career-opening{counter-increment:archived-role}
html body.page-careers :is(.career-openings,.career-archives)>.career-opening>summary{grid-template-columns:var(--career-columns);column-gap:var(--career-column-gap)}
html body.page-careers .career-archives>.career-opening>summary{display:grid;align-items:center;min-height:56px;padding-block:16px}
.page-careers .career-archives>.career-opening>summary::before{content:counter(archived-role,decimal-leading-zero);font:300 11px/1.3 var(--font-support,sans-serif);font-variant-numeric:tabular-nums;color:var(--theme-muted,#6c6f69)}
html body.page-careers .career-archives>.career-opening>summary>span:first-child{min-width:0;font:400 19px/1.25 var(--font-display,sans-serif);letter-spacing:-.025em}
html body.page-careers .career-archives>.career-opening>summary small{min-width:0;max-width:32ch;margin:0;font:300 12px/1.55 var(--font-support,sans-serif);justify-self:start}
.page-careers .career-archives>.career-opening>.career-description{margin-left:calc(24px + var(--career-column-gap));max-width:72ch}
.page-careers .careers-culture{border-top:1px solid var(--theme-line,#191b1830);padding-top:24px;gap:clamp(24px,5vw,80px);margin-bottom:30px}
html body.page-careers .careers-culture h2{font-size:clamp(24px,2.4vw,34px);margin:0}
html body.page-careers .careers-culture p{font-size:15px;line-height:1.65;margin:0 0 14px;max-width:64ch}
@media(max-width:900px){
 .page-careers .careers-hero{grid-template-columns:1fr;gap:22px;margin-bottom:20px}
 html body.page-careers .careers-hero .team-photo-wrapper{aspect-ratio:21/9;max-height:280px}
 html.mobile-menu-enabled body.page-careers .careers-intro{margin-bottom:0}
 .page-careers .careers-section-dock{margin-bottom:24px}
}
@media(max-width:600px){
 html body.page-careers .careers-page{--career-columns:20px minmax(0,1fr) 16px;--career-column-gap:12px}
 html body.page-careers #main-content .careers-intro>h1{font-size:44px!important;margin:12px 0 18px!important}
 html body.page-careers .careers-hero .team-photo-wrapper{aspect-ratio:16/7}
 .page-careers .career-section-heading{align-items:flex-start;gap:12px;margin-bottom:16px}
 .page-careers .career-role-count{font-size:10px;padding-top:8px;max-width:11ch;text-align:right;white-space:normal}
 html body.page-careers .career-openings>.career-opening>summary{grid-template-columns:20px minmax(0,1fr) 16px;gap:10px 12px;padding-block:21px;min-height:108px}
 .page-careers .career-openings>.career-opening>summary::before{grid-column:1;grid-row:1;margin-top:5px}
 html body.page-careers .career-openings>.career-opening>summary>span:first-child{grid-column:2;grid-row:1;font-size:27px;max-width:none}
 html body.page-careers .career-openings>.career-opening>summary small{grid-column:2;grid-row:2;font-size:11px;max-width:none}
 .page-careers .career-openings>.career-opening>summary>span[aria-hidden=true]{grid-column:3;grid-row:1;align-self:start;margin-top:9px}
 .page-careers .career-openings>.career-opening>.career-description{margin-left:32px;font-size:15px}
 html body.page-careers .career-archives>.career-opening>summary{row-gap:6px;padding-block:14px}
 .page-careers .career-archives>.career-opening>summary::before{grid-column:1;grid-row:1}
 html body.page-careers .career-archives>.career-opening>summary>span:first-child{grid-column:2;grid-row:1;font-size:18px}
 html body.page-careers .career-archives>.career-opening>summary small{grid-column:2;grid-row:2;font-size:11px;max-width:none}
 .page-careers .career-archives>.career-opening>summary>span[aria-hidden=true]{grid-column:3;grid-row:1}
 .page-careers .career-archives>.career-opening>.career-description{margin-left:32px}
}
@media(prefers-reduced-motion:reduce){.page-careers .careers-section-selector>a{transition:none}}
@media print{.page-careers :is(.careers-section-dock,.careers-section-selector.is-pinned){position:static}}