/* Careers ("We're Hiring") page + job postings — responsive rules */
.mf-careers-pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.mf-careers-roles   { display: grid; grid-template-columns: 1fr; gap: 14px; }
.mf-job-layout      { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 56px; align-items: start; }
.mf-job-aside       { position: sticky; top: 96px; }

/* Core Values blocks reused on this page (site-styles.css has no rules for these) */
.mf-cv-grid { }
.mf-cv-summary-grid { }

@media (max-width: 1100px) {
  .mf-careers-pillars { grid-template-columns: repeat(2, 1fr); }
  .mf-cv-summary-grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 1000px) {
  .mf-job-layout { grid-template-columns: 1fr; gap: 32px; }
  .mf-job-aside  { position: static; }
}
@media (max-width: 900px) {
  .mf-cv-grid { grid-template-columns: 1fr !important; gap: 36px !important; }
  .mf-cv-grid > div { order: initial !important; }
  [data-mf-value] { padding: 80px 24px !important; }
  [data-mf="values-summary"] { padding: 80px 24px !important; }
  [data-mf="careers-section"] { padding: 72px 24px !important; }
  [data-mf="careers-hero"] { padding: 88px 24px 64px !important; }
  [data-mf="job-hero"] { padding: 72px 24px 48px !important; }
}
@media (max-width: 640px) {
  .mf-careers-pillars { grid-template-columns: 1fr; }
  .mf-role-row { grid-template-columns: 64px minmax(0, 1fr) !important; gap: 16px !important; padding: 18px 18px !important; }
  .mf-role-row > div:first-child { width: 64px !important; height: 64px !important; }
  .mf-role-cta { grid-column: 1 / -1; justify-content: center; }
  .mf-cv-summary-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .mf-job-step { grid-template-columns: 1fr !important; gap: 6px !important; }
  .mf-job-stats { grid-template-columns: 1fr !important; }
  [data-mf="careers-section"] { padding: 56px 20px !important; }
  [data-mf="careers-hero"] { padding: 72px 20px 56px !important; }
  [data-mf="job-hero"] { padding: 56px 20px 40px !important; }
  [data-mf="careers-stats"] > div { flex: 1 1 100%; }
}