/* ==========================================================================
   Careers — page-specific Elementor adapter (loads after about-careers.css).
   ========================================================================== */

/* Hero sub wraps one word earlier than About's in the export. */
.elementor-widget-text-editor.velp-ab-hero-sub { font-size: 18px; line-height: 1.5; max-width: 620px; }
.velp-ab-hero-sub { max-width: 620px; }

/* The hero here carries a button: the export puts 73px between it and the
   band edge, and the button itself is 40px tall. */
.velp-ab-hero { padding-bottom: 72px; }
.e-con.velp-ab-hero-actions { margin-top: 22px; }
.velp-ab-hero .vel-btn { padding: 12px 20px; background-color: #0e2037 !important;}

/* ---------- "Reasons to Grow With Velocity" (global .vel-features) ---------- */

/* The export puts this band on the alt tint, with taller cards than the
   homepage feature card the global .vel-card is fitted to: 28px padding,
   a 38px icon tile, an 18px heading and 16px body on a 26px pitch. */
.vel-features { background: var(--vel-bg-soft); padding: 84px 0 80px; }

.e-con.vel-cards-3 { row-gap: 48px; margin-top: 35px; }

.vel-features .vel-card { padding: 28px; }
.vel-features .vel-card-icon { width: 38px; height: 38px; border-radius: 10px; margin-bottom: 18px; }
.vel-features .vel-card-icon svg { width: 20px; height: 20px; }
.vel-features .vel-card h3 { font-size: 19px; font-weight: 600; margin: 0 0 14px; line-height: normal; }
.vel-features .vel-card p { font-size: 16px; line-height: 1.6; }
.vel-features .vel-card .elementor-widget-text-editor:has(p) { font-size: 16px; line-height: 1.6; }

/* ---------- Life At Velocity ---------- */

.velp-ab-culture-copy .elementor-widget-text-editor:has(p) { font-size: 18px; line-height: 1.5; }
.velp-ab-band-card .elementor-widget-text-editor:has(p) { font-size: 16px; line-height: 1.6; }
.elementor-widget .vel-eyebrow,
.velp-ab-band-card h2 { line-height: normal; }

/* ---------- Open roles: one white panel, hairline-split rows ---------- */

.e-con.velp-ab-roles-list { display: flex; flex-direction: column; }
.e-con.velp-ab-role { background: none; border: 0; border-radius: 0; }
.e-con.velp-ab-role + .e-con.velp-ab-role { border-top: 1px solid var(--vel-line); }

@media (max-width: 900px) {
	.velp-ab-roles-list { max-width: 100%; }
}