/* Design-parity pass #4 (company / occupation hub pages, e.g.
 * /jobs/at/{slug}/ and /jobs/for/{slug}/) — Indeed.com clone initiative.
 * CSS-only, no PHP/markup changes. Gives the bare title+count a proper
 * banner-style header card (Indeed's profile-page header pattern) instead
 * of plain text sitting directly on the white page background — applies to
 * every hub page regardless of whether enrichment data (logo/facts) exists,
 * since most companies in the long tail have no enrichment row. */

.gaj-hub-section .page-header {
	background: #f7f8fb;
	border: 1px solid #e6e8ee;
	border-radius: 8px 8px 0 0;
	padding: 24px 24px 4px;
	/* !important needed: gaj-hubs.php prints its own inline <style id="gaj-hubs-css">
	 * AFTER this stylesheet (its get_header() call happens first, but the style
	 * tag itself is echoed later in the body), so at equal selector specificity
	 * its margin-bottom:1em wins on source order alone without this. */
	margin-bottom: 0 !important;
}
.gaj-hub-section .page-header .page-title {
	color: #1a1a2e;
	margin: 0;
}
.gaj-hub-section .page-header + p.gaj-hub-sub {
	background: #f7f8fb;
	border: 1px solid #e6e8ee;
	border-top: none;
	border-radius: 0 0 8px 8px;
	padding: 0 24px 20px;
	margin: 0 0 20px;
	font-size: 1.1em;
}
.gaj-hub-section .page-header + p.gaj-hub-sub strong {
	color: #1a1a2e;
}

.gaj-hub-co-box.gaj-hub-co-box {
	background: #fff;
	border: 1px solid #e6e8ee;
	border-radius: 8px;
	padding: 16px 20px;
}