/* Careers page */

/* Tighter gap between the hero and the section right after it, between
   Career Growth and Dynamic Teams right after that, and between Partners
   and Available Opportunities. */
.careers-hero { padding-bottom: 40px; }
.careers-hero + section { padding-top: 40px; }
.careers-growth { padding-bottom: 40px; }
.careers-growth + section { padding-top: 40px; }
#careers-partners { padding-bottom: 40px; }
#careers-partners + section { padding-top: 40px; }

.accent-underline {
    margin-top: 24px;
    width: 64px;
    height: 3px;
    border-radius: 2px;
    background: var(--orange);
}

.careers-cta { margin-top: 32px; }

/* Opportunity cards (Available Opportunities): same shape as .purpose-card,
   but the "Apply Now" button needs to line up along the bottom even when
   card copy wraps to a different number of lines. */
.opportunity-card {
    display: flex;
    flex-direction: column;
}
.opportunity-card p { flex: 1; }
/* Emoji icon reads small at the default badge font-size (sized for the
   "01"/"02" digits used elsewhere) — bump it up for these cards. */
.opportunity-card .purpose-badge { font-size: 1.4rem; }
.opportunity-card .btn {
    margin-top: 20px;
    align-self: flex-start;
    padding: 10px 20px;
    font-size: 0.85rem;
}