/* /poea-hiring/: compact tile grid + folds. Scoped to body.poea-hiring. Loads after pages.css and tile.css. */
body.poea-hiring .elementor-element-3e15a5fc { padding-block: 0; }
body.poea-hiring .elementor-element-3e15a5fc .elementor-container, body.poea-hiring .elementor-element-3e15a5fc .elementor-widget-wrap { padding-block: 8px; }
body.poea-hiring .elementor-element-4e5aa6d1 { margin-block: 0; }
body.poea-hiring .elementor-element-3e15a5fc .elementor-widget:not(:last-child) { margin-bottom: 6px; }
body.poea-hiring .elementor-element-c16c58, body.poea-hiring .elementor-element-64adc637 { padding-block: 16px; }
@media (max-width: 767px) {
	body.poea-hiring .elementor h1.elementor-heading-title { font-size: 30px !important; }
	body.poea-hiring .elementor h2.elementor-heading-title:not([data-hl]) { font-size: 24px !important; }
	body.poea-hiring .elementor-element-6b089221 .elementor-heading-title { font-size: 16px !important; line-height: 1.3 !important; font-family: var(--font-sans) !important; }
	body.poea-hiring .elementor-element-5f78e403 .elementor-heading-title { font-size: 16px !important; line-height: 1.3 !important; }
}

/* Tiles: 2 columns on mobile, name + count, whole tile is the link. */
body.poea-hiring .c-tiles.job_listing-categories { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (min-width: 640px) { body.poea-hiring .c-tiles.job_listing-categories { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } }
@media (min-width: 1024px) { body.poea-hiring .c-tiles.job_listing-categories { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
body.poea-hiring .job_listing-categories .listing-category > a.c-tile { display: flex; align-items: flex-start; justify-content: center; text-align: left; padding: 10px 12px; min-height: 56px; border-radius: 12px; gap: 2px; }
body.poea-hiring .job_listing-categories h2.title { font-size: 14px !important; line-height: 1.25; margin: 0; overflow-wrap: anywhere; }
body.poea-hiring .job_listing-categories .positions { font-size: 12px; }
body.poea-hiring .c-hiring-fold { width: 100%; margin-top: 8px; }
body.poea-hiring .c-hiring-fold > .c-collapse__body { padding-top: 8px; }

/* Round 13: empty Elementor column under "Latest jobs" (rounded empty box) and a compact hero. Content untouched. */
body.poea-hiring .elementor-inner-column:has(> .elementor-widget-wrap:not(.elementor-element-populated)) { display: none; }
body.poea-hiring .elementor-element-5ef3ab4e img { max-height: 120px; width: auto; max-width: 100%; margin-inline: auto; display: block; }
@media (max-width: 767px) {
	body.poea-hiring .elementor-element-3e15a5fc { margin-top: 0; }
	body.poea-hiring .elementor-element-4e5aa6d1 > .elementor-container, body.poea-hiring .elementor-element-6eecb143 > .elementor-widget-wrap { padding: 8px 12px; }
	body.poea-hiring .elementor-element-4e5aa6d1 .elementor-widget-wrap { padding: 8px; }
	body.poea-hiring .elementor-element-3e15a5fc .elementor-widget-text-editor p { font-size: 15px !important; line-height: 1.5 !important; margin: 0; }
}

/* Round 14: no blank band above the hero (the page wrapper adds 64px on top of the header clearance). */
body.poea-hiring .elementor[data-elementor-type] { padding-top: 0 !important; }
body.poea-hiring .elementor-element-3e15a5fc { padding-top: 0 !important; padding-bottom: 8px !important; }

/* Round 16: Elementor sections carry 48px+48px padding; trim to 16px (gaps were 170-240px) */
body.poea-hiring .elementor-top-section { padding-block: 16px !important; margin-block: 0 !important; }
body.poea-hiring .elementor-top-section > .elementor-container, body.poea-hiring .elementor-top-section .elementor-widget-wrap { padding-block: 0; }
.poea-hiring .elementor-shortcode:empty { display: none; }
/* the PWA install shortcode prints nothing: hide its inner section, whose painted column showed as an empty pill */
.poea-hiring .elementor-inner-section:has(.elementor-shortcode:empty):not(:has(.elementor-widget:not(.elementor-widget-shortcode))) { display: none; }
/* "most easiest way" card: 300px image sits in a wide half; centre it and drop the dead space */
body.poea-hiring .elementor-element-34345d9d > .elementor-widget-wrap { align-content: center; justify-content: center; }
body.poea-hiring .elementor .elementor-element.elementor-element-5f6e323f { text-align: center; } /* r26: beats Elementor's own (0,3,0) text-align:end */
body.poea-hiring .elementor-element-5f6e323f img { margin-inline: auto; }
body.poea-hiring .elementor :is(h5, h6) { font-weight: 600; }

/* Round 22: sub-titles (second heading in a block) clearly below the section h2: tag unchanged, visual size only */
body.poea-hiring .elementor-element-6b089221 .elementor-heading-title,
body.poea-hiring .elementor-element-5f78e403 .elementor-heading-title { font-size: 19px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: 0 !important; font-family: var(--font-sans) !important; color: var(--text-secondary) !important; }
/* typography.css (global, id-level specificity) wins unless the same html:not(#t) prefix is used */
html:not(#t) body.poea-hiring main :is(.elementor-element-6b089221, .elementor-element-5f78e403) h2.elementor-heading-title { font-size: 19px !important; font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: 0 !important; color: var(--text-secondary) !important; }

/* Round 26: sections sit on the theme gutter like the hero; the latest-jobs card (a 69% column) spans the section. */
body.poea-hiring .elementor-top-section > .elementor-container, body.poea-hiring .elementor-top-section > .elementor-container > .elementor-top-column > .elementor-widget-wrap { padding-inline: 0; }
/* Card on the tile edge (pages.css sets 8px + 20px !important on inner-column cards); 12px inside on phones. */
body.poea-hiring .elementor .elementor-top-section .elementor-inner-section .elementor-element-3ec9096.elementor-inner-column { width: 100%; padding: 0; }
@media (max-width: 639px) {
	body.poea-hiring .elementor .elementor-top-section .elementor-inner-section .elementor-element-3ec9096.elementor-inner-column > .elementor-widget-wrap { padding: 12px !important; }
}
/* "More about" cards on the 112px section edge like the fold summary (inner columns padded 8px all round put them at 120..1320); 16px between side-by-side cards */
body.poea-hiring .c-hiring-fold .elementor-top-section:not(:has(h1.elementor-heading-title)) .elementor-inner-section .elementor-inner-column { padding-inline: 0; }
@media (min-width: 768px) {
	body.poea-hiring .c-hiring-fold .elementor-top-section:not(:has(h1.elementor-heading-title)) .elementor-inner-section .elementor-inner-column:not(:first-child) { padding-left: 8px; }
	body.poea-hiring .c-hiring-fold .elementor-top-section:not(:has(h1.elementor-heading-title)) .elementor-inner-section .elementor-inner-column:not(:last-child) { padding-right: 8px; }
}