/* Careers — §5 Open roles. A LEGACY ACF BLOCK (blocks/jobs), restyled.
 *
 * Only the section HEADER lives here. The card, filters, rows and CTA moved to
 * assets/scss/blocks/_jobs.scss, which is global: all four acf/jobs instances
 * are careers or a catalogue copy of it, so there was no third-party consumer
 * to protect.
 *
 * SCOPE IS LOAD-BEARING: every selector is prefixed with the careers class. The
 * block class sits on the SAME element as the section class, and this file is
 * enqueued first, so an equal-specificity selector loses the tie in silence.
 * Before lifting anything out, get the consumer list from the database:
 *   SELECT ID, post_name FROM wp_posts
 *   WHERE post_content LIKE '%acf/jobs%' AND post_type IN ('page','post');
 *
 * ⚑ DESIGN QA — the comp removes the "Show open roles" collapse, and the
 * overrides that do it now live in _jobs.scss. Safe at the eight roles drawn and
 * returned, but the list is API-driven: at thirty roles this becomes ~2000px of
 * uninterrupted list. The comp did not mock the collapse rather than rejecting
 * it, so restoring it is deleting three grouped overrides in that file.
 *
 * ⚑ DESIGN QA — the select keeps the comp's Gray 500 text. That is the colour of
 * the placeholder state the comp draws; a chosen value inherits it too, so a
 * filtered list shows its selection in the same grey. Flagged, not "fixed" — the
 * comp shows one state and is the only statement of intent. */

.infinitus-section--careers-open-roles .block-header h2 {
	/* !important fights the ACF title font-size field, stored as display-lg
	   (48px) on every instance. The comp's box is the theme's h4 to the pixel. */
	font-size: var(--fs-h4) !important;
	line-height: var(--lh-h4);
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
	padding-bottom: 0;
}

.infinitus-section--careers-open-roles .block-header {
	/* Page rhythm. The block stacks pb-4 and mb-12 for 64. */
	margin-bottom: 50px;
}