/* ==========================================================
   ISA EMPLOYER HUB UI — v2.0
   Parent brand shell + SEEK-style homepage search experience.
   Core ISA colours only.
   ========================================================== */

:root {
	--eh-navy: #122145;
	--eh-cloud: #E0EDF7;
	--eh-white: #FFFFFF;
	--eh-sky: #26ABE0;
	--eh-electric: #1A42F5;
	--eh-yellow: #FFD100;
	--eh-text: #122145;
	--eh-muted: #607187;
	--eh-border: rgba(18, 33, 69, .13);
	--eh-page-gutter: 24px;
}

/* Keep Employer Hub content on the global Gutenberg content width. */




/* ==========================================================
   HOME HERO
   Shorter, image-led and search-first — closer to SEEK.
   ========================================================== */











/* The hero was becoming copy-heavy. Keep it to H1, short line + search. */






/* ==========================================================
   SEEK-STYLE SEARCH BAR
   ========================================================== */

.eh-hero-search {
	width: min(100%, 1080px);
	max-width: 1080px;
	margin: 32px 0 0 !important;
}

.eh-hero-search__form {
	display: grid;
	grid-template-columns: minmax(300px, 1.55fr) minmax(230px, .8fr) auto;
	align-items: stretch;
	gap: 0;
	padding: 7px;
	border: 1px solid rgba(255,255,255,.45);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 18px 52px rgba(8, 20, 49, .24);
}

.eh-hero-search__keyword,
.eh-hero-search__section {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: 8px 18px;
}

.eh-hero-search__keyword {
	border-right: 1px solid #dfe5ec;
}

.eh-hero-search label {
	display: block;
	margin: 0 0 3px;
	color: #64748b;
	font-size: 10px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.eh-hero-search input,
.eh-hero-search select {
	box-sizing: border-box;
	width: 100%;
	min-height: 32px;
	margin: 0;
	padding: 0 24px 0 0;
	border: 0 !important;
	outline: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--eh-navy) !important;
	font: inherit;
	font-size: 15px;
	font-weight: 600;
}

.eh-hero-search input::placeholder {
	color: #8d99aa;
	font-weight: 400;
}

.eh-hero-search__keyword:focus-within,
.eh-hero-search__section:focus-within {
	background: #f5f8fc;
	border-radius: 9px;
}

.eh-hero-search__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	min-width: 145px;
	margin: 0;
	padding: 0 23px;
	border: 0;
	border-radius: 10px;
	background: var(--eh-yellow);
	color: var(--eh-navy);
	font: inherit;
	font-size: 14px;
	font-weight: 800;
	cursor: pointer;
	box-shadow: 0 7px 16px rgba(8,47,92,.16);
	transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.eh-hero-search__submit:hover {
	background: #f2c500;
	color: var(--eh-navy);
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(8,47,92,.20);
}

.eh-hero-search__submit:focus-visible {
	outline: 3px solid var(--eh-yellow);
	outline-offset: 3px;
}

.eh-hero-search__popular {
	display: flex;
	flex-wrap: wrap;
	gap: 7px 15px;
	align-items: center;
	margin: 13px 0 0 !important;
	color: rgba(255,255,255,.72);
	font-size: 12px;
}

.eh-hero-search__popular > span {
	color: #fff;
	font-weight: 800;
}

.eh-hero-search__popular a {
	color: #fff !important;
	text-decoration: underline;
	text-decoration-color: rgba(255,255,255,.34);
	text-underline-offset: 3px;
}

.eh-hero-search__popular a:hover {
	color: var(--eh-sky) !important;
	text-decoration-color: var(--eh-sky);
}

/* ==========================================================
   HOME CONTENT SPACING
   ========================================================== */









.eh-section {
	padding-top: 64px;
	padding-bottom: 64px;
}

/* Homepage feed blocks are previews, never full filter interfaces. */


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 900px) {
	

	

	.eh-hero-search__form {
		grid-template-columns: 1fr 1fr;
	}

	.eh-hero-search__submit {
		grid-column: 1 / -1;
		min-height: 50px;
		margin-top: 6px;
	}
}

@media (max-width: 680px) {
	:root { --eh-page-gutter: 18px; }

	

	

	

	

	

	.eh-hero-search {
		margin-top: 25px !important;
	}

	.eh-hero-search__form {
		grid-template-columns: 1fr;
		padding: 8px;
	}

	.eh-hero-search__keyword {
		border-right: 0;
		border-bottom: 1px solid #dfe5ec;
	}

	.eh-hero-search__submit {
		grid-column: auto;
		min-height: 52px;
	}

	.eh-section {
		padding-top: 52px;
		padding-bottom: 52px;
	}
}


/* ==========================================================
   v2.0 HOME POLISH
   Supplied Employer Hub copy + SEEK / government UI language.
   All presentation stays in the theme rather than page-level CSS.
   ========================================================== */

/* The Employer Hub wordmark/logo identifies the product, so the banner does
   not need a second product title or invented marketing tagline. */


/* Supplied wording from Employer Hub – Content. */


/* Keep search directly beneath the supplied intro, SEEK-style. */


/* Quick access should read as a visual navigation band, not a text section. */






/* Give each major homepage feed a deliberate government-service panel. */
























/* About/access panel added after quick access. */






.eh-home-about-grid {
	gap: clamp(38px, 5vw, 76px) !important;
}



.eh-access-list {
	display: grid;
	gap: 9px;
}

.eh-access-item {
	display: grid;
	grid-template-columns: 30px minmax(0,1fr);
	gap: 12px;
	align-items: center;
	margin: 0 !important;
	padding: 13px 15px;
	border: 1px solid #dce4ee;
	border-radius: 12px;
	background: rgba(255,255,255,.88);
	color: var(--eh-navy);
	font-size: 14px;
	font-weight: 650;
	box-shadow: 0 6px 18px rgba(18,33,69,.035);
}

.eh-access-item__tick {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: var(--eh-electric);
	color: #fff;
	font-size: 11px;
	font-weight: 900;
}

.eh-about-copy-card {
	padding: clamp(26px, 4vw, 40px) !important;
	border: 1px solid #d5e0eb;
	border-radius: 20px;
	background: #fff;
	box-shadow:
		0 2px 4px rgba(18,33,69,.025),
		0 16px 34px rgba(18,33,69,.07),
		0 34px 64px rgba(18,33,69,.055);
}

.eh-about-copy-card::before {
	content: "";
	display: block;
	width: 48px;
	height: 4px;
	margin-bottom: 22px;
	border-radius: 999px;
	background: var(--eh-electric);
}

.eh-about-copy-card p {
	color: #52647b;
	font-size: 15px;
	line-height: 1.72;
}

/* Case studies and newsletter should also feel like their own panels. */












@media (max-width: 680px) {
	

	

	

	.eh-home-about-grid {
		gap: 28px !important;
	}
}

/* ==========================================================
   v2.3 FINAL EMPLOYER HUB HOMEPAGE
   Yellow-led visual system, supported by ISA navy + sky blue.
   Logo artwork is never recoloured by these rules.
   ========================================================== */
.isa-eh-home {
	--eh-navy: #082f5c;
	--eh-deep-navy: #052a54;
	--eh-yellow: #ffd100;
	--eh-yellow-soft: #ffe56a;
	--eh-sky: #25a9e0;
	--eh-pale-sky: #edf8ff;
	--eh-cream: #fffaf0;
	--eh-line: rgba(8,47,92,.11);}

/* HERO */






























/* YELLOW STRAP BELOW HERO — replaces the old "Stay Connected" treatment. */
.isa-eh-home .eh-home-strap {
	position: relative;
	min-height: 48px;
	background: linear-gradient(105deg,#ffca00 0%,#ffd831 58%,#ffe97b 100%) !important;
	color: var(--eh-deep-navy) !important;}

.isa-eh-home .eh-home-strap > .wp-block-columns {
	width: 100%;
	max-width: var(--wp--style--global--content-size);
	min-height: 48px;
	align-items: center !important;
	justify-content: flex-end;}

.isa-eh-home .eh-home-strap p {
	color: var(--eh-deep-navy) !important;
	text-align: right;}

.isa-eh-home .eh-home-strap p::after {
	content: "Tools. Insights. Support. A stronger workforce.   →";}

/* FOUR QUICK-ACCESS IMAGE CARDS */


















/* SHARED HOMEPAGE SECTION WIDTH + HEADINGS */














/* FUNDING */






/* ABOUT / ACCESS PANEL */







.isa-eh-home .eh-home-about-grid {}





.isa-eh-home .eh-access-list {}

.isa-eh-home .eh-access-item {
	grid-template-columns: 23px minmax(0,1fr);
	border-radius: 7px;
	box-shadow: 0 3px 10px rgba(8,47,92,.04);}

.isa-eh-home .eh-access-item__tick {
	width: 21px;
	height: 21px;
	background: var(--eh-yellow);
	color: var(--eh-deep-navy);}

.isa-eh-home .eh-access-item:nth-child(even) .eh-access-item__tick {
	background: var(--eh-sky);
	color: #fff;}

/* WORKFORCE DEVELOPMENT */






/* CASE STUDIES */








/* NEWSLETTER — yellow brand moment, navy stays for readability. */












/* Preserve ISA logo artwork exactly as supplied. */
.isa-eh-home .wp-block-site-logo img,
.isa-eh-home header img,
.isa-eh-home footer img {
	filter: none !important;
	mix-blend-mode: normal !important;}



@media (max-width: 680px) {
	
	
	
	
	
	
	.isa-eh-home .eh-home-strap p::after { content: "Tools. Insights. Support. →";}
	
	
	
}
/* v2.3.1 semantic strap message: existing pages are upgraded by home-final.js. */
.isa-eh-home .eh-home-strap p {}
.isa-eh-home .eh-home-strap p::after { content: none !important;}
.isa-eh-home .eh-home-strap p i {}
@media (max-width: 680px) {
	.isa-eh-home .eh-home-strap p {}
}


/* ==========================================================
   v2.4 HOMEPAGE REFINEMENTS
   ========================================================== */

/* Hero search CTA is a yellow brand action with a Font Awesome search icon. */




/* Quick-access cards use the full content container and are deliberately
   portrait/tall — approximately double the previous homepage treatment. */




/* Newsletter spacing intentionally comes only from Gutenberg block settings.
   Theme CSS controls colour/type only — no newsletter padding here. */





/* ==========================================================
   v2.4.1 CONTENT WIDTH + CTA CORRECTIONS
   All inner homepage containers follow the Gutenberg contentSize token.
   ========================================================== */


/* Hero CTA: yellow everywhere the Employer Hub search is used. */


.eh-hero-search__submit > span[aria-hidden="true"],
.eh-hero-search__submit i.fa-magnifying-glass {
	display: none !important;
}
.eh-hero-search__submit::after {
	content: "";
	font-family: "Font Awesome 6 Free";
	font-size: 1em;
	font-weight: 900;
	line-height: 1;
}


/* ==========================================================
   v2.5 HOMEPAGE + GLOBAL ACCESSIBILITY / VISUAL REFRESH
   ========================================================== */
:root {
	--eh-site-gutter: clamp(18px, 4vw, 64px);
	--eh-soft-yellow: #fff7d6;
	--eh-soft-yellow-2: #fffaf0;
}

/* HERO: retain the left veil for legibility, but remove all tint on the right. */




/* NEWS TICKER */
.eh-news-ticker {
	position: relative;
	z-index: 4;
	width: 100%;
	overflow: hidden;
	border-top: 1px solid rgba(8,47,92,.08);
	border-bottom: 1px solid rgba(8,47,92,.10);
	background: var(--eh-soft-yellow);
	color: var(--eh-deep-navy, #052a54);
}
.eh-news-ticker__inner {
	display: grid;
	grid-template-columns: auto minmax(0,1fr);
	align-items: stretch;
	width: 100%;
	max-width: var(--wp--style--global--content-size);
	min-height: 58px;
	margin: 0 auto;
	padding: 0 var(--eh-site-gutter);
	box-sizing: border-box;
}
.eh-news-ticker__label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding-right: 22px;
	font-size: 12px;
	font-weight: 850;
	letter-spacing: .06em;
	text-transform: uppercase;
	white-space: nowrap;
}
.eh-news-ticker__label i { color: #d5a800; }
.eh-news-ticker__viewport { overflow: hidden; border-left: 1px solid rgba(8,47,92,.12); }
.eh-news-ticker__track { display: flex; width: max-content; animation: ehTicker 42s linear infinite; }
.eh-news-ticker:hover .eh-news-ticker__track,
.eh-news-ticker:focus-within .eh-news-ticker__track { animation-play-state: paused; }
.eh-news-ticker__set { display: flex; flex: none; }
.eh-news-ticker__item {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 58px;
	padding: 0 30px;
	border-right: 1px solid rgba(8,47,92,.08);
	color: var(--eh-deep-navy, #052a54) !important;
	font-size: 14px;
	text-decoration: none !important;
	white-space: nowrap;
}
.eh-news-ticker__category { color: #8a6c00; font-size: 11px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.eh-news-ticker__title { font-weight: 700; }
.eh-news-ticker__item i { font-size: 11px; transition: transform .2s ease; }
.eh-news-ticker__item:hover i { transform: translateX(3px); }
@keyframes ehTicker { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
	.eh-news-ticker__track { animation: none; }
	.eh-news-ticker__viewport { overflow-x: auto; }
	.eh-news-ticker__set[aria-hidden="true"] { display: none; }
}

/* QUICK-ACCESS CARDS: larger type, full-card hit area, video-ready covers. */










/* SOFT YELLOW, NOT SOFT BLUE, FOR SUPPORTING PANELS. */


.isa-eh-filter-panel,
.isa-eh-lifecycle { background: #fffaf0; }

/* THROUGH / ACCESS PANEL — image-led cards inspired by the supplied reference. */


















/* NEWSLETTER FORM */

.eh-newsletter-form {
	display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px;
	width: 100%; max-width: 620px; margin-left: auto; padding: 7px;
	border: 1px solid rgba(8,47,92,.12); border-radius: 13px; background: #fff;
	box-shadow: 0 10px 25px rgba(8,47,92,.08);
}
.eh-newsletter-form__input {
	min-width: 0; min-height: 48px; padding: 0 14px !important; border: 0 !important;
	outline: 0; background: transparent !important; color: var(--eh-deep-navy) !important;
	font: inherit; font-size: 15px; box-shadow: none !important;
}
.eh-newsletter-form__input::placeholder { color: #7c8999; }
.eh-newsletter-form__submit {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	min-height: 48px; padding: 0 21px; border: 0; border-radius: 9px;
	background: var(--eh-deep-navy); color: #fff; font: inherit; font-size: 13px;
	font-weight: 850; cursor: pointer;
}
.eh-newsletter-form__submit:hover { background: #0d477e; }
.eh-newsletter-form__submit:focus-visible,
.eh-newsletter-form__input:focus-visible { outline: 3px solid rgba(8,47,92,.22); outline-offset: 2px; }


@media (max-width: 760px) {
	.eh-news-ticker__inner { grid-template-columns: 1fr; padding: 0; }
	.eh-news-ticker__label { min-height: 42px; padding: 0 18px; border-bottom: 1px solid rgba(8,47,92,.10); }
	.eh-news-ticker__viewport { border-left: 0; }
	.eh-news-ticker__item { min-height: 52px; padding: 0 22px; font-size: 13px; }
	
	
	
	.eh-newsletter-form { grid-template-columns: 1fr; margin-left: 0; }
	.eh-newsletter-form__submit { min-height: 46px; }
}


/* ==========================================================
   v2.5.3 HOMEPAGE PANEL REFINEMENTS
   ========================================================== */









/* ==========================================================
   v2.5.4 HOMEPAGE WORKFORCE TEASER
   ========================================================== */













/* ==========================================================
   v2.5.6 — THROUGH PLATFORM / ACCESS CARDS
   Self-contained theme styling for the Gutenberg block.
   ========================================================== */













































/* ==========================================================
   v2.5.9 HOMEPAGE REFINEMENTS
   ========================================================== */
/* Quick-access image cards: untouched image at top, gradient only at bottom. */









/* Through-platform cards: compact icon-led service cards instead of repeated photography. */







/* Latest workforce gets the pale yellow panel; Highlights gets a quieter neutral panel. */









/* ==========================================================
   v2.6.5 HOMEPAGE EDITOR OWNERSHIP
   Gutenberg owns hero height/overlay, typography, section padding, gaps,
   backgrounds, borders and content width. Theme CSS below is behaviour-only
   for components Gutenberg cannot express (full-card links and custom icons).
   ========================================================== */

/* Quick-access cards: Gutenberg Cover blocks own height, radius, padding,
   image focal point, text size and gradient. The theme only supplies the
   generated full-card link and arrow behaviour. */
.isa-eh-home .eh-explore-card {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
.isa-eh-home .eh-explore-card__link {
	position: absolute;
	z-index: 6;
	inset: 0;
	color: inherit;
	text-decoration: none;
}
.isa-eh-home .eh-explore-card__link-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}
.isa-eh-home .eh-explore-card__arrow {
	position: absolute;
	right: 16px;
	bottom: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--eh-yellow);
	color: var(--eh-navy);
	box-shadow: 0 7px 20px rgba(0,0,0,.18);
	transition: transform .2s ease, background .2s ease;
}
.isa-eh-home .eh-explore-card__link:hover .eh-explore-card__arrow {
	transform: translateX(3px);
	background: #ffe36a;
}
.isa-eh-home .eh-explore-card__link:focus-visible {
	outline: 4px solid var(--eh-yellow);
	outline-offset: -4px;
	border-radius: inherit;
}

/* Icon artwork is custom HTML, so its visual box remains component CSS.
   Card padding/type/borders/backgrounds themselves are Gutenberg settings. */
.eh-about-media-card {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.eh-about-media-card__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}
.eh-about-media-card__body > p:last-child {
	margin-top: auto;
}
.eh-about-media-card__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 14px;
	background: #eef7fd;
	color: #159bd0;
}
.eh-about-media-card:nth-child(2n) .eh-about-media-card__icon {
	background: #fff7d6;
	color: #9d7900;
}
.eh-about-media-card:nth-child(3n) .eh-about-media-card__icon {
	background: #f1edff;
	color: #5b32d6;
}

/* Tickers are ACF-rendered components, not Gutenberg typography/layout blocks. */
.isa-eh-home .eh-news-ticker--latest-posts {
	background: #fff3c8;
	border-top: 1px solid #f1df9d;
	border-bottom: 1px solid #ead992;
}
.isa-eh-home .eh-news-ticker--latest-posts .eh-news-ticker__inner {
	background: transparent;
}
.isa-eh-home .eh-news-ticker--funding-types {
	background: linear-gradient(90deg, #2d47ff 0%, #2667ff 34%, #2e86ff 67%, #3aa8ff 100%);
	border-top: 0;
	border-bottom: 0;
}
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__inner {
	background: transparent;
}
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__label,
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__category,
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__title,
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__item,
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__item a {
	color: #fff;
}
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__label i,
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__item i {
	color: #ffe36a;
}
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__viewport {
	border-left-color: rgba(255,255,255,.16);
}
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__item {
	border-right-color: rgba(255,255,255,.14);
}


/* ==========================================================
   v2.6.6 HOMEPAGE INTERACTION + TRUE FULL-WIDTH TICKER
   Gutenberg remains the source of truth for page typography, padding,
   section spacing, card sizing and container widths. These rules only
   restore component behaviour that the editor cannot express reliably.
   ========================================================== */

/* ACF ticker blocks live inside post-content, so force the requested full-
   viewport treatment without introducing a second content container. */
.isa-eh-home .eh-news-ticker.alignfull,
.isa-eh-home .wp-block-acf-employer-hub-ticker.alignfull.eh-news-ticker {
	box-sizing: border-box;
	width: 100vw !important;
	max-width: none !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
}

/* The ticker itself should run edge-to-edge; do not impose the theme's
   content-size container on the scrolling row. */
.isa-eh-home .eh-news-ticker__inner {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Quick-access cards are full-card links. Gutenberg controls their visual
   layout; the theme only restores the interaction affordance. */
.isa-eh-home .eh-explore-card,
.isa-eh-home .eh-explore-card__link {
	cursor: pointer;
}

.isa-eh-home .eh-explore-card {
	transition: transform .24s ease, box-shadow .24s ease;
	will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
	.isa-eh-home .eh-explore-card:hover,
	.isa-eh-home .eh-explore-card:focus-within {
		transform: translateY(-7px);
		box-shadow: 0 18px 36px rgba(5, 42, 84, .16);
	}
}

@media (prefers-reduced-motion: reduce) {
	.isa-eh-home .eh-explore-card {
		transition: none;
		will-change: auto;
	}
	.isa-eh-home .eh-explore-card:hover,
	.isa-eh-home .eh-explore-card:focus-within {
		transform: none;
	}
}


/* v2.6.7 — interaction-only hover state; sizing/spacing/type stay in Gutenberg. */
.isa-eh-home .eh-home-workforce-more .wp-block-button__link {
	transition: background-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.isa-eh-home .eh-home-workforce-more .wp-block-button__link:hover,
.isa-eh-home .eh-home-workforce-more .wp-block-button__link:focus-visible {
	background: var(--eh-deep-navy, #082f5c) !important;
	color: #fff !important;
	transform: translateY(-1px);
	box-shadow: 0 8px 18px rgba(8,47,92,.18);
}

/* ==========================================================
   v2.6.9 ARTICLE / NEWS INTERACTIONS + HOMEPAGE MOTION HOOKS
   Structural type/spacing for templates remains defined in Gutenberg markup.
   ========================================================== */
.eh-article__feature-wrap .wp-block-post-featured-image,
.eh-news-card {
	box-shadow: 0 18px 46px rgba(8,47,92,.10);
}
.eh-article__feature-wrap .wp-block-post-featured-image {
	overflow: hidden;
	background: #edf3f8;
}
.eh-article__feature-wrap .wp-block-post-featured-image img {
	transition: transform .5s ease;
}
.eh-news-card {
	overflow: hidden;
	border: 1px solid rgba(8,47,92,.08);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.eh-news-card:hover {
	transform: translateY(-5px);
	border-color: rgba(37,169,224,.35);
	box-shadow: 0 24px 54px rgba(8,47,92,.15);
}
.eh-news-card .wp-block-post-featured-image { overflow: hidden; }
.eh-news-card .wp-block-post-featured-image img { transition: transform .42s ease; }
.eh-news-card:hover .wp-block-post-featured-image img { transform: scale(1.035); }
.eh-news-card .wp-block-post-title a { text-decoration: none; }
.eh-news-card .wp-block-post-title a:hover { color: #1a42f5 !important; }
.eh-news-card .wp-block-post-excerpt__more-link {
	color: #1a42f5;
	font-weight: 800;
	text-decoration: none;
}
.eh-article__post-nav a {
	color: #082f5c;
	font-weight: 750;
	text-decoration: none;
}
.eh-article__post-nav a:hover { color: #1a42f5; }

/* Hero search gets an unmistakable interactive state without changing its
   editor-owned dimensions. */
.eh-hero-search__submit:hover,
.eh-hero-search__submit:focus-visible {
	background: linear-gradient(90deg,#1a42f5 0%,#25a9e0 100%) !important;
	color: #fff !important;
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(26,66,245,.28);
}
.eh-hero-search__submit:hover::after,
.eh-hero-search__submit:focus-visible::after { color: #fff; }

/* JS adds this only while a section is waiting for its GSAP reveal. It keeps
   layout intact and never changes Gutenberg typography or spacing. */
.isa-eh-motion-ready { will-change: transform, opacity; }

@media (prefers-reduced-motion: reduce) {
	.eh-news-card,
	.eh-news-card .wp-block-post-featured-image img,
	.eh-article__feature-wrap .wp-block-post-featured-image img,
	.eh-hero-search__submit { transition: none !important; }
	.eh-news-card:hover,
	.eh-hero-search__submit:hover { transform: none; }
}

/* Breadcrumb fallback for older page patterns that still output the historic
   hero-feature__eyebrow markup rather than the current ACF breadcrumb block. */
.hero-feature__eyebrow:not(.isa-eh-breadcrumbs) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	margin: 0 0 20px;
	color: inherit;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.4;
}
.hero-feature__eyebrow:not(.isa-eh-breadcrumbs) a {
	color: #ffd100;
	font-weight: 750;
	text-decoration: none;
	text-underline-offset: 3px;
}
.hero-feature__eyebrow:not(.isa-eh-breadcrumbs) a:hover,
.hero-feature__eyebrow:not(.isa-eh-breadcrumbs) a:focus-visible {
	color: #ffe36a;
	text-decoration: underline;
}
.hero-feature__eyebrow .bread-divider {
	display: inline-flex;
	color: #ffd100;
	align-items: center;
	justify-content: center;
	opacity: .5;
}


/* ==========================================================
   v2.7.3 GUTENBERG RESOURCE PREVIEW
   Keep the ACF preview aligned like the front end instead of allowing editor
   canvas width rules to split the row content into unexpected positions.
   ========================================================== */
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-grid,
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-slider__track {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-card--workforce {
	display: grid !important;
	grid-template-columns: minmax(0, 1.5fr) minmax(240px, .65fr) 124px !important;
	grid-template-rows: auto !important;
	align-items: stretch !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 82px !important;
	margin: 0 !important;
}
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-card--workforce .isa-eh-resource-card__body {
	grid-column: 1 !important;
	grid-row: 1 !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 11px 14px !important;
}
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-card--workforce .isa-eh-resource-card__meta--workforce {
	grid-column: 2 !important;
	grid-row: 1 !important;
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	align-content: center !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 11px 14px !important;
}
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-card--workforce .isa-eh-resource-card__footer {
	grid-column: 3 !important;
	grid-row: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 0 !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 11px 12px !important;
	border-left: 1px solid #edf0f4 !important;
}
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-card__resource-heading {
	display: grid !important;
	grid-template-columns: 38px minmax(0, 1fr) !important;
	gap: 11px !important;
	align-items: center !important;
}
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-card__resource-icon {
	width: 38px !important;
	height: 38px !important;
	min-width: 38px !important;
	flex-basis: 38px !important;
}
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-card__resource-title,
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-card__resource-title h3,
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-card__resource-title p {
	width: auto !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-card__resource-title h3 {
	font-size: 17px !important;
	line-height: 1.14 !important;
}
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-card__resource-kicker {
	font-size: 9px !important;
	margin-bottom: 3px !important;
}
.editor-styles-wrapper .isa-eh-resources--workforce-development .isa-eh-resource-card--workforce .isa-eh-resource-card__cta {
	padding: 7px 12px !important;
	font-size: 10.5px !important;
	white-space: nowrap !important;
}


/* v2.7.8 Funding Types ticker: the fixed label already says "Funding types",
   so each moving item is only the actual type plus a clean separator. */
.eh-news-ticker--funding-types .eh-news-ticker__category { display: none !important; }
.eh-news-ticker--funding-types .eh-news-ticker__item {
	gap: 16px;
	padding-left: 34px;
	padding-right: 34px;
	font-size: 15.5px;
	font-weight: 800;
}
.eh-news-ticker--funding-types .eh-news-ticker__title {
	font-size: 15.5px;
	font-weight: 800;
	letter-spacing: -.01em;
}
.eh-news-ticker--funding-types .eh-news-ticker__separator {
	color: #ffd100;
	font-size: 20px;
	line-height: 1;
}


/* ==========================================================
   v2.8.0 — Funding ticker polish + instant hero poster fallback
   ========================================================== */
/* Funding Types now follows the same full-width ticker geometry as Latest News:
   the strip and scrolling viewport run edge-to-edge, while the fixed label gets
   only a left gutter so it aligns visually with page content. */
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__inner {
	box-sizing: border-box;
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__label {
	padding-left: clamp(24px, 4vw, 64px);
}
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__label {
	gap: 9px;
	padding-right: 28px;
	font-size: 13px;
	letter-spacing: .045em;
}
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__label i {
	color: #ffd100 !important;
	font-size: 13px;
}
.eh-news-ticker--funding-types .eh-news-ticker__item {
	gap: 24px !important;
	padding-left: 42px !important;
	padding-right: 42px !important;
	font-size: 17px !important;
	border-right: 0 !important;
}
.eh-news-ticker--funding-types .eh-news-ticker__title {
	font-size: 17px !important;
	font-weight: 800;
}
.eh-news-ticker--funding-types .eh-news-ticker__separator {
	color: rgba(255,255,255,.42) !important;
	font-size: 20px !important;
	font-weight: 300;
	line-height: 1;
}

/* The first video frame can take longer than the hero itself to paint. Keep a
   lightweight poster underneath it so the hero never flashes white while the
   MP4 buffers. Gutenberg continues to own the hero dimensions and overlay. */
.isa-eh-home main > .wp-block-cover:first-child {
	background-image: url('assets/images/employer-hub-hero.webp');
	background-size: cover;
	background-position: 48% 10%;
	background-repeat: no-repeat;
}

/* ==========================================================
   v2.8.1 — ticker content, pacing and segment alignment
   ========================================================== */
/* Latest News is intentionally calmer than the funding strip so longer case
   study headlines remain readable as they pass through the viewport. */
.eh-news-ticker--latest-posts .eh-news-ticker__track {
	animation-duration: 78s !important;
}

/* Funding types behave as equal visual segments: each type is centred between
   clean vertical dividers rather than followed by a floating separator glyph. */
.eh-news-ticker--funding-types .eh-news-ticker__item {
	box-sizing: border-box;
	justify-content: center !important;
	min-width: 190px;
	padding-left: 34px !important;
	padding-right: 34px !important;
	text-align: center;
	border-right: 1px solid rgba(255,255,255,.32) !important;
}
.eh-news-ticker--funding-types .eh-news-ticker__title {
	display: block;
	width: 100%;
	text-align: center;
}
.eh-news-ticker--funding-types .eh-news-ticker__separator {
	display: none !important;
}
.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__label {
	border-right: 1px solid rgba(255,255,255,.32);
	padding-right: 30px;
	margin-right: 0;
}


/* ==========================================================
   v2.8.2 — calmer Funding Types ticker
   ========================================================== */
.eh-news-ticker--funding-types .eh-news-ticker__track {
	animation-duration: 120s !important;
}


/* ==========================================================
   v2.8.3 — latest ticker breathing room
   ========================================================== */
/* The full-width Latest News strip stays edge-to-edge, but its fixed label
   aligns visually with the page content instead of touching the viewport. */
.isa-eh-home .eh-news-ticker--latest-posts .eh-news-ticker__label {
	padding-left: clamp(24px, 4vw, 64px);
}
@media (max-width: 781px) {
	.isa-eh-home .eh-news-ticker--latest-posts .eh-news-ticker__label,
	.isa-eh-home .eh-news-ticker--funding-types .eh-news-ticker__label {
		padding-left: 20px;
	}
}

/* ==========================================================
   v2.8.5 EMPLOYER HUB FOOTER
   Sitemap-led footer navigation for the Employer Hub shell.
   ========================================================== */
.eh-footer a { color: inherit; }
.eh-footer__logo-card {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	max-width: 260px;
	margin-bottom: 18px;
	padding: 14px 18px;
	border-radius: 14px;
	background: #fff;
}
.eh-footer__logo-card .wp-block-site-logo { margin: 0 !important; }
.eh-footer__logo-card img { display:block; max-width:100%; height:auto; }
.eh-footer__intro { max-width: 520px; }
.eh-footer__heading {
	margin: 0 0 16px !important;
	color: #fff;
	font-size: 13px !important;
	font-weight: 800 !important;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.eh-footer__heading--secondary { margin-top: 30px !important; }
.eh-footer__links {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
.eh-footer__links li {
	margin: 0 0 10px !important;
	padding: 0 !important;
	list-style: none !important;
}
.eh-footer__links a {
	color: rgba(255,255,255,.78) !important;
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none !important;
	transition: color .18s ease, transform .18s ease;
}
.eh-footer__links a:hover,
.eh-footer__links a:focus-visible {
	color: #fff !important;
	text-decoration: underline !important;
	text-underline-offset: 4px;
}
.eh-footer__social { margin-top: 18px !important; }
.eh-footer__social .wp-social-link { transition: transform .18s ease; }
.eh-footer__social .wp-social-link:hover { transform: translateY(-2px); }
.eh-footer__bottom { max-width: var(--wp--style--global--wide-size); }

@media (max-width: 900px) {
	.eh-footer__grid { flex-wrap: wrap !important; row-gap: 36px !important; }
	.eh-footer__grid > .wp-block-column { flex-basis: calc(50% - 18px) !important; }
	.eh-footer__brand { flex-basis: 100% !important; }
}
@media (max-width: 600px) {
	.eh-footer { padding-inline: 20px !important; }
	.eh-footer__grid { display: block !important; }
	.eh-footer__grid > .wp-block-column { width:100%; margin-bottom:32px; }
	.eh-footer__logo-card { max-width: 220px; }
	.eh-footer__heading--secondary { margin-top: 24px !important; }
}

/* ==========================================================
   v2.8.6 — mobile homepage density
   ========================================================== */
@media (max-width: 781px) {
	/* Quick access remains visually useful without four full-screen cards. */
	.eh-home-explore-section .wp-block-columns {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
	}
	.eh-home-explore-section .wp-block-column {
		min-width: 0 !important;
		flex-basis: auto !important;
	}
	.eh-home-explore-section .eh-quick-card {
		min-height: 250px !important;
		border-radius: 18px !important;
		padding: 14px !important;
		font-size: 1.08rem !important;
		line-height: 1.08 !important;
	}
	.eh-home-explore-section .eh-quick-card__content {
		max-width: calc(100% - 34px);
	}
	.eh-home-explore-section .eh-quick-card .eh-explore-card__arrow {
		right: 10px;
		bottom: 10px;
		width: 34px;
		height: 34px;
	}

	/* Scrollers should read as supporting UI rather than another headline. */
	.eh-news-ticker__label {
		min-height: 36px !important;
		padding: 0 14px !important;
		font-size: 10px !important;
		letter-spacing: .045em;
	}
	.eh-news-ticker__item {
		min-height: 42px !important;
		padding: 0 16px !important;
		font-size: 11px !important;
		gap: 7px !important;
	}
	.eh-news-ticker__category { font-size: 9px !important; }
	.eh-news-ticker__item i { font-size: 9px !important; }
}

@media (max-width: 420px) {
	.eh-home-explore-section .eh-quick-card {
		min-height: 220px !important;
		font-size: 1rem !important;
	}
}


/* ==========================================================
   v2.8.11 — mobile homepage grids + inline ticker labels
   ========================================================== */
@media (max-width: 781px) {
	/* The five "Through a single..." cards use a compact two-column grid on
	   phones rather than WordPress' default one-card-per-row Columns stack. */
	.isa-eh-home .eh-home-about-cards,
	.isa-eh-home .eh-home-about-cards--media {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		align-items: stretch !important;
	}
	.isa-eh-home .eh-home-about-cards > .wp-block-column,
	.isa-eh-home .eh-home-about-cards--media > .wp-block-column {
		width: auto !important;
		min-width: 0 !important;
		margin: 0 !important;
		flex-basis: auto !important;
	}
	.isa-eh-home .eh-home-about-cards .eh-about-media-card {
		min-height: 230px !important;
	}
	.isa-eh-home .eh-home-about-cards .eh-about-media-card__title {
		font-size: .96rem !important;
		line-height: 1.16 !important;
	}

	/* Keep Latest News / Funding Types labels on the same line as their moving
	   content. Earlier mobile CSS stacked the label above the ticker. */
	.eh-news-ticker__inner,
	.isa-eh-home .eh-news-ticker__inner {
		display: grid !important;
		grid-template-columns: max-content minmax(0, 1fr) !important;
		align-items: stretch !important;
		padding: 0 !important;
	}
	.eh-news-ticker__label,
	.isa-eh-home .eh-news-ticker__label {
		min-height: 42px !important;
		padding: 0 12px !important;
		border-bottom: 0 !important;
		white-space: nowrap !important;
		align-items: center !important;
	}
	.eh-news-ticker__viewport,
	.isa-eh-home .eh-news-ticker__viewport {
		min-width: 0 !important;
		border-left: 1px solid rgba(8,47,92,.12) !important;
	}
	.eh-news-ticker__item,
	.isa-eh-home .eh-news-ticker__item {
		min-height: 42px !important;
	}
}

@media (max-width: 420px) {
	.isa-eh-home .eh-home-about-cards .eh-about-media-card {
		min-height: 210px !important;
		padding: 14px !important;
	}
	.eh-news-ticker__label,
	.isa-eh-home .eh-news-ticker__label {
		padding-inline: 9px !important;
		font-size: 9px !important;
	}
}

/* ==========================================================
   v2.8.13 — mobile viewport lock + filter drawer
   ========================================================== */
html,
body {
	max-width: 100%;
	overflow-x: hidden;
	overscroll-behavior-x: none;
}

.wp-site-blocks,
main,
main > *,
.isa-eh-resources {
	max-width: 100%;
	box-sizing: border-box;
}

@supports (overflow: clip) {
	html,
	body,
	.wp-site-blocks {
		overflow-x: clip;
	}
}

@media (max-width: 900px) {
	/* Prevent accidental page-level horizontal dragging while preserving
	   intentional horizontal scrolling inside sliders/tickers. */
	body,
	.wp-site-blocks {
		width: 100%;
		max-width: 100vw;
	}

	.isa-eh-resource-slider__track,
	.eh-news-ticker__viewport,
	.isa-eh-lifecycle,
	.isa-eh-migration-tabs {
		overscroll-behavior-x: contain;
	}

	/* The normal filter panel is no longer part of the mobile document flow.
	   It becomes the live drawer itself, so filtering/count/load-more logic
	   continues to use the exact same controls. */
	.isa-eh-filter-panel--mobile-drawer {
		position: fixed !important;
		z-index: 100002 !important;
		left: 12px !important;
		right: 12px !important;
		bottom: max(12px, env(safe-area-inset-bottom)) !important;
		top: auto !important;
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 13px !important;
		width: auto !important;
		max-width: none !important;
		max-height: min(78dvh, 680px) !important;
		margin: 0 !important;
		padding: 16px 16px calc(16px + env(safe-area-inset-bottom)) !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		background: #fff !important;
		border: 1px solid rgba(8,47,92,.12) !important;
		border-radius: 22px !important;
		box-shadow: 0 24px 70px rgba(4,16,47,.28) !important;
		transform: translateY(calc(100% + 32px)) !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		transition: transform .25s cubic-bezier(.2,.8,.2,1), opacity .2s ease, visibility .2s ease !important;
	}

	.isa-eh-filter-panel--mobile-drawer.is-mobile-open {
		transform: translateY(0) !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}

	.isa-eh-filter-drawer-heading {
		position: sticky;
		top: -16px;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 16px;
		margin: -16px -16px 3px;
		padding: 16px;
		background: #fff;
		border-bottom: 1px solid #e6edf4;
	}
	.isa-eh-filter-drawer-heading > div { display:flex; flex-direction:column; gap:2px; }
	.isa-eh-filter-drawer-heading strong { color:#082f5c; font-size:1.05rem; line-height:1.15; }
	.isa-eh-filter-drawer-heading span { color:#68778a; font-size:.76rem; }
	.isa-eh-filter-drawer-close {
		display:inline-flex;
		align-items:center;
		justify-content:center;
		width:40px;
		height:40px;
		flex:0 0 40px;
		padding:0;
		border:1px solid #dbe5ee;
		border-radius:50%;
		background:#f7fafc;
		color:#082f5c;
		font-size:16px;
		cursor:pointer;
	}

	.isa-eh-filter-fab {
		position: fixed;
		z-index: 100004;
		left: max(16px, env(safe-area-inset-left));
		bottom: max(18px, calc(env(safe-area-inset-bottom) + 12px));
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 58px;
		height: 58px;
		padding: 0;
		border: 2px solid rgba(255,255,255,.95);
		border-radius: 50%;
		background: #082f5c;
		color: #fff;
		box-shadow: 0 10px 28px rgba(4,16,47,.26);
		font-size: 20px;
		cursor: pointer;
		transition: transform .18s ease, background .18s ease;
	}
	.isa-eh-filter-fab:active { transform:scale(.96); }
	.isa-eh-filter-fab.is-open { background:#1a42f5; }
	.isa-eh-filter-fab[hidden] { display:none !important; }

	.isa-eh-filter-backdrop {
		position: fixed;
		z-index: 100001;
		inset: 0;
		width: 100%;
		height: 100%;
		padding: 0;
		border: 0;
		background: rgba(4,16,47,.44);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity .2s ease, visibility .2s ease;
		cursor: default;
	}
	.isa-eh-filter-backdrop.is-visible {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	.isa-eh-filter-backdrop[hidden] { display:none !important; }

	html.eh-filter-drawer-open,
	body.eh-filter-drawer-open {
		overflow: hidden !important;
		touch-action: pan-y;
	}

	/* Keep mobile form controls comfortable inside the drawer. */
	.isa-eh-filter-panel--mobile-drawer .isa-eh-filter-field,
	.isa-eh-filter-panel--mobile-drawer .isa-eh-filter-actions,
	.isa-eh-filter-panel--mobile-drawer .isa-eh-filter-topic-group {
		width:100%;
		min-width:0;
	}
	.isa-eh-filter-panel--mobile-drawer .isa-eh-filter-actions {
		display:grid !important;
		grid-template-columns:1fr !important;
		gap:9px !important;
	}
}

/* ==========================================================
   v2.8.14 — ticker rhythm + mobile Skilled Migration guidance select
   ========================================================== */
.eh-news-ticker,
.eh-news-ticker__inner,
.eh-news-ticker__viewport,
.eh-news-ticker__track,
.eh-news-ticker__set,
.eh-news-ticker__item,
.eh-news-ticker__label {
	min-height: 54px;
}
.eh-news-ticker__viewport,
.eh-news-ticker__track,
.eh-news-ticker__set {
	display: flex;
	align-items: center;
}
.eh-news-ticker__viewport { min-width: 0; }
.eh-news-ticker__track { height: 54px; }
.eh-news-ticker__set { height: 54px; }
.eh-news-ticker__label,
.eh-news-ticker__item {
	height: 54px;
	box-sizing: border-box;
	align-items: center !important;
}

.isa-eh-migration-select-wrap { display: none; }

@media (max-width: 760px) {
	.eh-news-ticker,
	.eh-news-ticker__inner,
	.eh-news-ticker__viewport,
	.eh-news-ticker__track,
	.eh-news-ticker__set,
	.eh-news-ticker__item,
	.eh-news-ticker__label {
		min-height: 48px !important;
		height: 48px !important;
	}
	.eh-news-ticker__label {
		padding: 0 11px !important;
		font-size: 10px !important;
		line-height: 1 !important;
	}
	.eh-news-ticker__item {
		padding: 0 18px !important;
		font-size: 12.5px !important;
		line-height: 1.15 !important;
	}
	.eh-news-ticker__category { font-size: 9.5px !important; }

	.isa-eh-migration-tabs { display: none !important; }
	.isa-eh-migration-select-wrap {
	
		display: block !important;
		width: 100%;
		margin-top: 10px;
	}
	.isa-eh-migration-select {
		appearance: none;
		width: 100%;
		min-height: 54px;
		padding: 0 46px 0 16px;
		border: 1px solid #d7e1ec;
		border-radius: 12px;
		background-color: #fff;
		background-image: linear-gradient(45deg, transparent 50%, #082f5c 50%), linear-gradient(135deg, #082f5c 50%, transparent 50%);
		background-position: calc(100% - 19px) 23px, calc(100% - 13px) 23px;
		background-size: 6px 6px, 6px 6px;
		background-repeat: no-repeat;
		color: #082f5c;
		font: inherit;
		font-weight: 800;
		box-sizing: border-box;
	}
	.isa-eh-migration-select:focus-visible {
		outline: 3px solid rgba(26,66,245,.18);
		outline-offset: 2px;
	}
}


/* ==========================================================
   v2.8.21 — shell width, desktop filter polish, case study rhythm
   ========================================================== */
.eh-footer__grid,
.eh-footer__bottom {
	width: 100% !important;
	max-width: var(--wp--style--global--content-size, 1280px) !important;
	margin-inline: auto !important;
}
.eh-footer__logo-card {
	background: transparent !important;
	padding: 0 !important;
	border-radius: 0 !important;
	max-width: 260px;
}
.eh-footer__logo-svg,
.eh-footer__logo-svg svg { display:block; width:100%; height:auto; color:#fff; }

/* Mobile drawer heading exists only on mobile; don't leak unstyled controls into desktop. */
.isa-eh-filter-drawer-heading,
.isa-eh-filter-drawer-close { display: none; }
@media (max-width:900px) {
	.isa-eh-filter-drawer-heading { display:flex; }
	.isa-eh-filter-drawer-close { display:inline-flex; }
}

/* Editorial spacing for migrated/classic case study content, including nested markup. */
.single-employer-case-study .wp-block-post-content p {
	margin: 0 0 1.2em !important;
	line-height: 1.72 !important;
}
.single-employer-case-study .wp-block-post-content p:last-child { margin-bottom: 0 !important; }
.single-employer-case-study .wp-block-post-content br {
	content: "";
	display: block;
	margin-top: .38em;
}
.single-employer-case-study .wp-block-post-content ul,
.single-employer-case-study .wp-block-post-content ol { margin-block: .65em 1.3em !important; }
.single-employer-case-study .wp-block-post-content h2,
.single-employer-case-study .wp-block-post-content h3,
.single-employer-case-study .wp-block-post-content h4 { clear: both; }

/* Apprenticeships & Traineeships jurisdiction resource cards */
.eh-jurisdiction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:12px 0 44px;width:100%}
.eh-jurisdiction-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:24px;border:1px solid #d7e1ec;border-radius:18px;background:#fff;color:#071b45;text-decoration:none;box-sizing:border-box;box-shadow:0 5px 18px rgba(7,27,69,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.eh-jurisdiction-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(7,27,69,.10);border-color:#23b3e6}
.eh-jurisdiction-card__top{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.eh-jurisdiction-card__icon{flex:0 0 76px;width:76px;height:76px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#eef8fd;color:#1264ff}
.eh-jurisdiction-card__icon svg{display:block;width:58px;height:58px}
.eh-jurisdiction-card__heading{min-width:0}.eh-jurisdiction-card__abbr{display:block;margin-bottom:4px;color:#17a9df;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.eh-jurisdiction-card__title{display:block;color:#071b45;font-size:1.05rem;font-weight:700;line-height:1.2}
.eh-jurisdiction-card__description{display:block;flex-grow:1;margin:0 0 18px;color:#52617b;font-size:.9rem;line-height:1.5}
.eh-jurisdiction-card__link{display:inline-flex;align-items:center;gap:6px;margin-top:auto;color:#0c5cff;font-size:.9rem;font-weight:800}
@media(max-width:1000px){.eh-jurisdiction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.eh-jurisdiction-grid{grid-template-columns:1fr}}

/* Jurisdiction icon assets - supplied as individual theme images */
.eh-jurisdiction-card__icon {
  overflow: hidden;
  background: transparent;
  border-radius: 50%;
}
.eh-jurisdiction-card__icon::before {
  content: "";
  display: block;
  width: 76px;
  height: 76px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.eh-jurisdiction-card__icon--act::before { background-image: url("assets/images/jurisdictions/act.png"); }
.eh-jurisdiction-card__icon--nsw::before { background-image: url("assets/images/jurisdictions/nsw.png"); }
.eh-jurisdiction-card__icon--nt::before { background-image: url("assets/images/jurisdictions/nt.png"); }
.eh-jurisdiction-card__icon--qld::before { background-image: url("assets/images/jurisdictions/qld.png"); }
.eh-jurisdiction-card__icon--sa::before { background-image: url("assets/images/jurisdictions/sa.png"); }
.eh-jurisdiction-card__icon--tas::before { background-image: url("assets/images/jurisdictions/tas.png"); }
.eh-jurisdiction-card__icon--vic::before { background-image: url("assets/images/jurisdictions/vic.png"); }
.eh-jurisdiction-card__icon--wa::before { background-image: url("assets/images/jurisdictions/wa.png"); }


/* Employer Hub live search results */
.isa-eh-hub-search { position: relative; }
.isa-eh-hub-search__results {
  position: absolute;
  z-index: 2147483000;
  left: 0;
  right: 0;
  top: calc(var(--eh-search-form-height, 68px) - 1px);
  max-width: 100%;
  background: #fff;
  border: 1px solid rgba(7,27,69,.12);
  border-top: 0;
  border-radius: 0 0 14px 14px;
  box-shadow: 0 18px 42px rgba(7,27,69,.22);
  overflow: hidden;
  color: var(--wp--preset--color--true-navy,#071b45);
}

.isa-eh-hub-search.is-search-open .eh-hero-search__form {
  border-radius: 14px 14px 0 0;
}
.isa-eh-hub-search__results-title {
  padding: 12px 18px 8px;
  font-size: .72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #64748b;
}
.isa-eh-hub-search__result-list { max-height: 390px; overflow-y: auto; }
.isa-eh-hub-search__result {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto 20px;
  gap: 12px;
  align-items: center;
  padding: 13px 18px;
  text-decoration: none !important;
  color: var(--wp--preset--color--true-navy,#071b45) !important;
  border-top: 1px solid #edf1f5;
  background: #fff;
  transition: background .15s ease, padding-left .15s ease;
}
.isa-eh-hub-search__result:hover,
.isa-eh-hub-search__result:focus { background: #f3f8fc; padding-left: 22px; outline: none; }
.isa-eh-hub-search__result-title { font-weight: 700; line-height: 1.25; min-width: 0; }
.isa-eh-hub-search__result-meta { font-size: .78rem; color: #64748b; white-space: nowrap; }
.isa-eh-hub-search__result-arrow { color: #0c5cff; font-weight: 800; }
.isa-eh-hub-search__empty,
.isa-eh-hub-search__loading { padding: 18px; font-size: .9rem; }
.isa-eh-hub-search__help { margin-top: 10px !important; }
@media (max-width: 700px) {
  .isa-eh-hub-search__results { position: relative; top: 0; margin-top: 8px; border-radius: 14px; }
  .isa-eh-hub-search__result { grid-template-columns: minmax(0,1fr) 20px; }
  .isa-eh-hub-search__result-meta { grid-column: 1; grid-row: 2; white-space: normal; }
  .isa-eh-hub-search__result-arrow { grid-column: 2; grid-row: 1 / span 2; }
}


/* v2.8.33 — portal live-search results above the hero/cover and all page content */
.isa-eh-hub-search__results.is-portal {
  position: fixed !important;
  right: auto !important;
  max-width: none !important;
  z-index: 2147483000 !important;
  isolation: isolate;
}
body:has(.isa-eh-hub-search__results.is-portal) .wp-block-cover,
body:has(.isa-eh-hub-search__results.is-portal) .wp-block-cover__inner-container {
  overflow: visible;
}