/* Careers page (new; follows the design's language). Prefix: m2-careers-. */

/* ---------- under-construction banner ---------- */
.m2-careers-banner { background: #eaf1fb; border: 1px solid #a8c7ef; border-radius: 12px; padding: 28px 32px; display: flex; flex-wrap: wrap; gap: 18px; align-items: center; }
.m2-careers-banner__text { flex: 1 1 320px; min-width: 0; }
.m2-careers-banner__title { margin: 0 0 6px; font-family: Montserrat, system-ui, sans-serif; font-weight: 700; font-size: 20px; color: #020617; }
.m2-careers-banner__body { margin: 0; font-size: 15.5px; line-height: 1.6; color: #475569; text-wrap: pretty; }
.m2-careers-banner__actions { flex: 0 1 auto; min-width: 0; }

/* The three stacked rotated squares from the Home hero badge. */
.m2-careers-mark { position: relative; width: 34px; height: 34px; flex: none; }
.m2-careers-mark span { position: absolute; transform: rotate(45deg); border-radius: 4px; }
.m2-careers-mark__back { inset: 8px 8px 0 0; background: #a8c7ef; }
.m2-careers-mark__mid { inset: 4px 4px 4px 4px; background: #004aad; }
.m2-careers-mark__front { inset: 0 0 8px 8px; background: #db2d26; opacity: .95; }

/* ---------- "What we look for" ---------- */
.m2-careers-look__h { margin-bottom: 24px; }
.m2-careers-card { padding: 28px 26px; display: flex; flex-direction: column; gap: 12px; }
.m2-careers-card__title { margin: 0; font-family: Montserrat, system-ui, sans-serif; font-weight: 700; font-size: 18px; color: #020617; }
.m2-careers-card__body { margin: 0; font-size: 15px; line-height: 1.6; color: #475569; text-wrap: pretty; }