/* Careers page — reuses the team-page hiring/jobs styles, adds hero
   subtext, a CV-by-email line, and turns the job tiles into static
   blocks (no apply links). */
@import url('./team.css');

/* Careers-specific hero image — a team collaboration shot (Unsplash). */
.ab-hero-inner::before{background-image:url('https://images.unsplash.com/photo-1517048676732-d65bc937f952?w=1600&q=85&auto=format&fit=crop')!important}

.ab-hero-content .ab-hero-sub{color:#fff;font-family:'Inter',sans-serif;font-size:16px;line-height:1.55;max-width:560px;margin:18px auto 0;opacity:.92}

/* Two-column openings list — Learning Facilitator | Non-Teaching Staff. */
.cr-openings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 64px;max-width:1200px;margin:80px auto;padding:0 max(0px, calc((100% - 1200px) / 2))}
.cr-openings-heading{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:32px;line-height:1.2;color:var(--dark);margin:0 0 20px;letter-spacing:-0.4px}
.cr-openings-list{list-style:decimal;padding-left:24px;margin:0;display:flex;flex-direction:column;gap:18px}
.cr-openings-list li{font-family:'Inter',sans-serif;color:var(--d60)}
.cr-openings-list li::marker{color:var(--d40);font-size:14px}
.cr-openings-list h3{font-family:'Inter',sans-serif;font-weight:600;font-size:16px;line-height:1.4;color:var(--dark);margin:0}
.cr-openings-list p{font-family:'Inter',sans-serif;font-size:14px;line-height:1.55;color:var(--d60);margin:6px 0 0}

@media (max-width:820px){
  .cr-openings{grid-template-columns:1fr;gap:36px}
  .cr-openings-heading{font-size:26px}
}

.cr-cv-line{font-family:'Inter',sans-serif;font-size:16px;line-height:1.55;color:var(--d60);margin:48px 0 0;text-align:center}
.cr-cv-line a{color:var(--blue);font-weight:600}
.cr-cv-line a:hover{text-decoration:underline}

@media (max-width:640px){
  .ab-hero-content .ab-hero-sub{font-size:14px;margin-top:14px}
  .cr-cv-line{font-size:14px;margin-top:24px;text-align:left}
}