/*
 * WM Header — front end.
 *
 * Scoped under .wmf-hdr. The colour and size custom properties are printed
 * inline from the settings (wmf_header_css_vars()); the values here are their
 * fallbacks, measured off the Elementor header template (post 1016).
 */

.wmf-hdr,
.wmf-hdr * {
	box-sizing: border-box;
}

.wmf-hdr {
	--wmf-font: "Plus Jakarta Sans", sans-serif;
	--wmf-h: 80px;
	--wmf-maxw: 1280px;
	--wmf-logo-w: 205px;
	--wmf-logo-w-m: 180px;
	--wmf-bg: #FFFFFF;
	--wmf-border: #D5D7DA;
	--wmf-text: #073445;
	--wmf-hover: #23A8D5;
	--wmf-btn-bg: #23A8D5;
	--wmf-btn-text: #FFFFFF;
	--wmf-btn-hbg: #23A8D5;
	--wmf-btn-htext: #FFFFFF;
	--wmf-t-text: #FFFFFF;
	--wmf-t-hover: rgba(255, 255, 255, 0.7);
	--wmf-t-btn-bg: #FFD200;
	--wmf-t-btn-text: #073445;
	--wmf-d-bg: #FFFFFF;
	--wmf-d-border: #D5D7DA;
	--wmf-d-panel: #FAFAFA;
	--wmf-d-accent: #23A8D5;
	--wmf-d-title: #073445;
	--wmf-d-text: #666666;
	--wmf-d-hover: #F0F0F0;
	--wmf-d-radius: 16px;

	position: relative;
	z-index: 999;
	width: 100%;
	font-family: var(--wmf-font);
	color: var(--wmf-text);
}

/* The Elementor container that holds [wm_header] or [wm_footer] goes edge to
 * edge with no padding, whatever its own settings say, so the bars span the
 * viewport without anyone editing the template. */
.elementor-location-header .e-con:has(.wmf-hdr),
.elementor-location-footer .e-con:has(.wmf) {
	--padding-top: 0 !important;
	--padding-right: 0 !important;
	--padding-bottom: 0 !important;
	--padding-left: 0 !important;
	--margin-top: 0 !important;
	--margin-bottom: 0 !important;
	--content-width: 100% !important;
	--width: 100% !important;
	--gap: 0 !important;
	max-width: 100% !important;
}

.elementor-location-header .e-con:has(.wmf-hdr) > .e-con-inner,
.elementor-location-footer .e-con:has(.wmf) > .e-con-inner {
	max-width: 100% !important;
	padding: 0 !important;
}

.elementor-location-header .elementor-widget-shortcode:has(.wmf-hdr),
.elementor-location-footer .elementor-widget-shortcode:has(.wmf) {
	width: 100%;
	margin: 0 !important;
}

/* Sticky / overlay states driven by header.js. */
/* The body-level wrapper sticks with a negative top equal to the
 * announcement height (header.js sets --wmf-ann-h / --wmf-adminbar), so the
 * announcement scrolls away and the bar settles at the top natively. */
.wmf-sticky-host,
.wmf-hdr.wmf-sticky-host {
	position: -webkit-sticky;
	position: sticky;
	top: calc(var(--wmf-adminbar, 0px) - var(--wmf-ann-h, 0px));
	z-index: 999;
	transition: top 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

.wmf-hdr__fix {
	position: relative;
	z-index: 999;
	width: 100%;
}

/* Transparent pages: the bar overlays the hero, right under the announcement.
 * top:auto = its static position, i.e. directly after the announcement, so no
 * measured value is needed and it follows the announcement as it collapses. */
.wmf-hdr.is-overlay .wmf-hdr__fix {
	position: absolute;
	top: auto;
	left: 0;
	right: 0;
}

/* While the old Custom Banner plugin is still active alongside this header,
 * stop its bar from sliding in on every page load; it is static like ours.
 * Remove once that plugin is deactivated. */
.cb-banner {
	animation: none !important;
}

/* ---- Announcement bar ---- */

.wmf-ann {
	--wmf-ann-bg: #073445;
	--wmf-ann-color: #FFFFFF;
	position: relative;
	z-index: 1001;
	display: block;
	width: 100%;
	background: var(--wmf-ann-bg);
	color: var(--wmf-ann-color);
	font-family: var(--wmf-font);
}

.wmf-ann.is-hidden {
	display: none;
}

.wmf-ann__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 40px;
	padding: 8px 48px;
	text-align: center;
}

.wmf-ann__emoji {
	flex: 0 0 auto;
	font-size: 15px;
	line-height: 1;
}

.wmf-hdr .wmf-ann__text {
	margin: 0;
	color: var(--wmf-ann-color);
	font-family: var(--wmf-font);
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
	text-decoration: none;
}

.wmf-hdr .wmf-ann__text--link {
	border-bottom: 1px solid rgba(255, 255, 255, 0.45);
	transition: border-color 150ms;
}

.wmf-hdr .wmf-ann__text--link:hover {
	border-color: currentColor;
	color: var(--wmf-ann-color);
}

.wmf-hdr .wmf-ann__cta {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	flex: 0 0 auto;
	padding: 4px 11px;
	border: 1.5px solid var(--wmf-ann-color);
	border-radius: 9999px;
	background: transparent;
	color: var(--wmf-ann-color);
	font-family: var(--wmf-font);
	font-size: 11px;
	font-weight: 600;
	line-height: 14px;
	white-space: nowrap;
	text-decoration: none;
	transition: background-color 150ms, opacity 150ms;
}

.wmf-hdr .wmf-ann__cta:hover,
.wmf-hdr .wmf-ann__cta:focus-visible {
	background: rgba(255, 255, 255, 0.12);
	color: var(--wmf-ann-color);
	text-decoration: none;
}

.wmf-hdr .wmf-ann__cta--filled {
	background: rgba(255, 255, 255, 0.16);
	border-color: rgba(255, 255, 255, 0.32);
}

.wmf-hdr .wmf-ann__cta--ghost {
	padding: 4px 2px;
	border-color: transparent;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.wmf-hdr .wmf-ann__cta--ghost:hover {
	background: transparent;
	opacity: 0.8;
}

.wmf-ann__cta svg {
	transition: transform 150ms;
}

.wmf-ann__cta:hover svg {
	transform: translateX(2px);
}

.wmf-hdr .wmf-ann__close {
	position: absolute;
	top: 50%;
	right: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: var(--wmf-ann-color);
	cursor: pointer;
	opacity: 0.8;
	transform: translateY(-50%);
	transition: opacity 150ms, background-color 150ms;
	-webkit-appearance: none;
	appearance: none;
}

.wmf-hdr .wmf-ann__close:hover,
.wmf-hdr .wmf-ann__close:focus {
	border: 0;
	background: rgba(255, 255, 255, 0.24);
	color: var(--wmf-ann-color);
	opacity: 1;
}

.wmf-ann.is-closing {
	height: 0 !important;
	min-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: height 220ms cubic-bezier(0.4, 0, 0.2, 1), opacity 160ms cubic-bezier(0.4, 0, 0.2, 1);
}

.wmf-ann.is-closing .wmf-ann__inner {
	min-height: 0;
}

@media (max-width: 600px) {
	.wmf-ann__inner {
		flex-wrap: wrap;
		gap: 4px 8px;
		min-height: 36px;
		padding: 6px 38px 6px 12px;
	}

	.wmf-hdr .wmf-ann__text {
		font-size: 12px;
	}

	.wmf-hdr .wmf-ann__close {
		right: 8px;
		width: 22px;
		height: 22px;
	}
}

/* ---- Desktop bar ---- */

.wmf-hdr__bar {
	display: flex;
	align-items: center;
	min-height: var(--wmf-h);
	padding: 1rem 2rem;
	background: var(--wmf-bg);
	border-bottom: 1px solid var(--wmf-border);
	transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.wmf-hdr.is-scrolled .wmf-hdr__bar,
.wmf-hdr.is-scrolled .wmf-hdr__mbar {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.wmf-hdr__inner {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: var(--wmf-maxw);
	margin: 0 auto;
}

.wmf-hdr__logo {
	position: relative;
	flex: 0 0 20%;
	min-width: 0;
}

.wmf-hdr__logo-link {
	position: relative;
	display: block;
	width: var(--wmf-logo-w);
	max-width: 100%;
	line-height: 0;
	text-decoration: none;
}

.wmf-hdr .wmf-hdr__logo-img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border-radius: 0;
	transition: opacity 0.3s ease-in-out;
}

.wmf-hdr .wmf-hdr__logo-img--light {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}

.wmf-hdr__logo-text {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	color: inherit;
}

.wmf-hdr__nav {
	flex: 1 1 60%;
	display: flex;
	justify-content: center;
	min-width: 0;
}

.wmf-hdr .wmf-hdr__menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.wmf-hdr__item {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.wmf-hdr .wmf-hdr__title {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 10px 14px;
	border: 0;
	background: none;
	color: var(--wmf-text);
	font-family: var(--wmf-font);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.3s ease-in-out;
	-webkit-appearance: none;
	appearance: none;
}

.wmf-hdr__item:first-child > .wmf-hdr__title {
	padding-left: 0;
}

.wmf-hdr__item:last-child > .wmf-hdr__title {
	padding-right: 0;
}

/* The kit paints every button yellow on hover/focus; these outrank it. */
.wmf-hdr .wmf-hdr__menu .wmf-hdr__title:hover,
.wmf-hdr .wmf-hdr__menu .wmf-hdr__title:focus,
.wmf-hdr .wmf-hdr__menu .wmf-hdr__title:focus-visible,
.wmf-hdr .wmf-hdr__menu .wmf-hdr__item.is-open > .wmf-hdr__title {
	background: none;
	border: 0;
	color: var(--wmf-hover);
	text-decoration: none;
}

.wmf-hdr .wmf-hdr__menu .wmf-hdr__title:focus:not(:focus-visible) {
	outline: none;
}

.wmf-hdr__chev {
	flex: 0 0 auto;
	transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

.wmf-hdr__item.is-open > .wmf-hdr__title .wmf-hdr__chev {
	transform: rotate(180deg);
}

.wmf-hdr__actions {
	flex: 0 0 20%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 24px;
	min-width: 0;
}

.wmf-hdr .wmf-hdr__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	border: 1px solid transparent;
	border-radius: 4px;
	font-family: var(--wmf-font);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0;
	text-decoration: none;
	text-transform: none;
	white-space: nowrap;
	cursor: pointer;
	transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.wmf-hdr .wmf-hdr__btn--text {
	padding: 0;
	background: none;
	color: var(--wmf-text);
}

.wmf-hdr .wmf-hdr__btn--text:hover,
.wmf-hdr .wmf-hdr__btn--text:focus-visible {
	color: var(--wmf-hover);
}

.wmf-hdr .wmf-hdr__btn--solid {
	padding: 8px 10px;
	background: var(--wmf-btn-bg);
	border-color: var(--wmf-btn-bg);
	color: var(--wmf-btn-text);
}

.wmf-hdr .wmf-hdr__btn--solid:hover,
.wmf-hdr .wmf-hdr__btn--solid:focus-visible {
	background: var(--wmf-btn-hbg);
	border-color: var(--wmf-btn-hbg);
	color: var(--wmf-btn-htext);
}

/* ---- Transparent state (over a hero, before scrolling) ---- */

.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__bar,
.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__mbar {
	background: transparent;
	border-color: transparent;
	box-shadow: none;
}

.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__logo-img--dark {
	opacity: 0;
	visibility: hidden;
}

.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__logo-img--light {
	opacity: 1;
	visibility: visible;
}

.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__title,
.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__btn--text,
.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__logo-text {
	color: var(--wmf-t-text);
}

.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__title:hover,
.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__title:focus-visible,
.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__item.is-open > .wmf-hdr__title,
.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__btn--text:hover,
.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__btn--text:focus-visible {
	color: var(--wmf-t-hover);
}

.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr__btn--solid {
	background: var(--wmf-t-btn-bg);
	border-color: var(--wmf-t-btn-bg);
	color: var(--wmf-t-btn-text);
}

.wmf-hdr--transparent:not(.is-scrolled):not(.wmf-hdr--mob-open) .wmf-hdr .wmf-hdr__minner .wmf-hdr__burger:hover,
.wmf-hdr .wmf-hdr__minner .wmf-hdr__burger:focus {
	background: none;
	border: 0;
}

.wmf-hdr__burger span {
	background: var(--wmf-t-text);
}

/* ---- Chips ---- */

.wmf-hdr__tag {
	display: inline-flex;
	align-items: center;
	flex: 0 0 auto;
	margin-left: 6px;
	padding: 1px 7px;
	border: 1px solid transparent;
	border-radius: 9999px;
	font-size: 11px;
	font-weight: 500;
	line-height: 15px;
	letter-spacing: 0;
	white-space: nowrap;
	text-transform: none;
	vertical-align: middle;
}

.wmf-hdr__tag--brand {
	background: #F1FAFE;
	border-color: #C0E7F7;
	color: #086D91;
}

.wmf-hdr__tag--gray {
	background: #FAFAFA;
	border-color: #E9EAEB;
	color: #414651;
}

.wmf-hdr__tag--success {
	background: #F5FBF2;
	border-color: #CFEEC4;
	color: #387025;
}

.wmf-hdr__tag--sun {
	background: #FFD200;
	border-color: #FFD200;
	color: #073445;
	font-weight: 600;
}

/* ---- Dropdowns ---- */

/* ---- Shared dropdown layer ----
 * One white panel (.wmf-layer__bg) lives under the bar and slides
 * between items; each item's content (.wmf-mega) sits on top at the same x and
 * crossfades. Closed content is display:none so a 900px box never widens the
 * page. header.js sets --wmf-l-* and --wmf-m-x. */

.wmf-hdr__bar {
	position: relative;
}

.wmf-layer {
	--wmf-l-x: 0px;
	--wmf-l-w: 0px;
	--wmf-l-h: 0px;
	--wmf-l-cx: 0px;
	--wmf-l-ease: cubic-bezier(0.4, 0, 0.2, 1);
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	height: 0;
	z-index: 1000;
	opacity: 0;
	pointer-events: none;
	transform: translateY(-6px);
	transition: opacity 180ms var(--wmf-l-ease), transform 220ms var(--wmf-l-ease);
}

.wmf-layer.is-open {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.wmf-layer.no-transition,
.wmf-layer.no-transition * {
	transition: none !important;
}

/* Keeps the pointer "inside" while it crosses the gap between bar and panel. */
.wmf-layer__bridge {
	position: absolute;
	left: 0;
	right: 0;
	top: -12px;
	height: 24px;
}

.wmf-layer__bg {
	position: absolute;
	top: 8px;
	left: 0;
	box-sizing: border-box;
	width: var(--wmf-l-w);
	height: var(--wmf-l-h);
	background: var(--wmf-d-bg);
	border: 1px solid var(--wmf-d-border);
	border-radius: var(--wmf-d-radius);
	box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08);
	transform: translateX(var(--wmf-l-x));
	transition: transform 260ms var(--wmf-l-ease), width 260ms var(--wmf-l-ease), height 260ms var(--wmf-l-ease);
	will-change: transform, width, height;
}

.wmf-mega {
	--wmf-m-x: 0px;
	position: absolute;
	top: 8px;
	left: 0;
	z-index: 1;
	display: none;
	opacity: 0;
	pointer-events: none;
	transform: translateX(var(--wmf-m-x));
	transition: opacity 160ms var(--wmf-l-ease);
}

.wmf-mega.is-shown {
	display: block;
}

.wmf-mega.is-in {
	opacity: 1;
	pointer-events: auto;
}

.wmf-mega__box {
	display: flex;
	flex-direction: column;
	width: var(--wmf-mega-w, max-content);
	max-width: calc(100vw - 32px);
	overflow: hidden;
	border: 1px solid transparent; /* same outer size as the panel behind it */
	border-radius: var(--wmf-d-radius);
	text-align: left;
}

.wmf-mega__main {
	display: flex;
	align-items: stretch;
	min-width: 0;
}

/* ---- Bottom strip ---- */

.wmf-mega__strip {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px 20px;
	background: var(--wmf-d-panel);
	border-top: 1px solid var(--wmf-d-border);
}

.wmf-mega__strip-text {
	color: var(--wmf-d-title);
	font-family: var(--wmf-font);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.wmf-hdr .wmf-mega__strip-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	color: #00597A;
	font-family: var(--wmf-font);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	text-decoration: none;
	transition: color 150ms ease;
}

.wmf-hdr .wmf-mega__strip-link:hover,
.wmf-hdr .wmf-mega__strip-link:focus-visible {
	color: var(--wmf-d-accent);
	text-decoration: none;
}

/* ---- Card button ---- */

.wmf-card__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	align-self: flex-start;
	margin-top: 12px;
	padding: 9px 16px;
	border-radius: 4px;
	background: var(--wmf-btn-bg);
	color: var(--wmf-btn-text);
	font-family: var(--wmf-font);
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	transition: background-color 150ms ease, color 150ms ease;
}

.wmf-mega__cols {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	flex: 1 1 auto;
	min-width: 0;
	padding: 20px 20px 24px;
}

.wmf-mega__col {
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 0 0 300px;
	width: 300px;
	min-width: 0;
}

.wmf-mega__box--fixed .wmf-mega__col {
	flex: 1 1 0;
	width: auto;
}

.wmf-mega__panel {
	display: flex;
	flex-direction: column;
	gap: 16px;
	flex: 0 0 300px;
	width: 300px;
	padding: 20px;
	background: var(--wmf-d-panel);
}

.wmf-mega__box--fixed.wmf-mega__box--has-panel .wmf-mega__panel {
	flex: 0 0 33.333%;
	width: 33.333%;
}

.wmf-mega__group {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.wmf-hdr .wmf-mega__eyebrow,
.wmf-hdr .wmf-mob__eyebrow {
	margin: 0;
	padding: 0;
	color: var(--wmf-d-accent);
	font-family: var(--wmf-font);
	font-size: 10px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.wmf-hdr .wmf-mega__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.wmf-mega__li {
	margin: 0;
	padding: 0;
}

.wmf-hdr .wmf-mega__link {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 12px;
	border-radius: 6px;
	color: var(--wmf-d-title);
	text-decoration: none;
	transition: background-color 0.3s ease;
}

.wmf-hdr .wmf-mega__link:hover,
.wmf-hdr .wmf-mega__link:focus-visible {
	background: var(--wmf-d-hover);
	text-decoration: none;
}

.wmf-mega__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	color: var(--wmf-d-accent);
	font-size: 20px;
	line-height: 1;
}

/* The glyph box equals the em box (width/height 1em, line-height 1), so the
 * flex centring of the well centres the ink. A box larger than the glyph
 * (e.g. 18px box, 16px glyph) parks the icon in its top-left corner. */
.wmf-mega__icon i {
	display: block;
	width: 1em;
	height: 1em;
	font-size: 20px;
	line-height: 1;
	text-align: center;
}

.wmf-mega__icon i::before {
	display: block;
	width: 1em;
	margin: 0;
	line-height: 1;
}

.wmf-mega__icon-img {
	display: block;
	width: 20px;
	height: 20px;
	object-fit: contain;
}

.wmf-mega__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	gap: 6px;
	min-width: 0;
	text-align: left;
}

.wmf-mega__title {
	display: block;
	color: var(--wmf-d-title);
	font-family: var(--wmf-font);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	transition: color 0.3s ease;
}

.wmf-hdr .wmf-mega__link:hover .wmf-mega__title,
.wmf-hdr .wmf-mega__link:focus-visible .wmf-mega__title {
	color: var(--wmf-d-accent);
}

.wmf-mega__text {
	display: block;
	white-space: normal;
	overflow-wrap: anywhere;
	color: var(--wmf-d-text);
	font-family: var(--wmf-font);
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}

/* Tabs layout */

.wmf-mega__tabs {
	display: flex;
	flex-direction: column;
	gap: 12px;
	flex: 1 1 0;
	min-width: 0;
	padding: 20px 0 12px 20px;
}

.wmf-mega__box--tabs:not(.wmf-mega__box--fixed) .wmf-mega__tabs,
.wmf-mega__box--tabs:not(.wmf-mega__box--fixed) .wmf-mega__tabpanels {
	flex: 0 0 320px;
	width: 320px;
}

.wmf-mega__tablist {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.wmf-hdr .wmf-mega__tab {
	display: block;
	width: 100%;
	margin: 0;
	padding: 12px;
	border: 0;
	border-radius: 6px 0 0 6px;
	background: none;
	color: var(--wmf-d-title);
	font-family: var(--wmf-font);
	text-align: left;
	cursor: pointer;
	transition: background-color 0.3s ease;
	-webkit-appearance: none;
	appearance: none;
}

.wmf-hdr .wmf-mega__tablist .wmf-mega__tab:hover,
.wmf-hdr .wmf-mega__tablist .wmf-mega__tab:focus,
.wmf-hdr .wmf-mega__tablist .wmf-mega__tab:focus-visible,
.wmf-hdr .wmf-mega__tablist .wmf-mega__tab.is-active {
	background: var(--wmf-d-panel);
	border: 0;
	color: var(--wmf-d-title);
}

.wmf-hdr .wmf-mega__tablist .wmf-mega__tab:focus:not(:focus-visible) {
	outline: none;
}

.wmf-hdr .wmf-mega__tablist .wmf-mega__tab:hover .wmf-mega__title,
.wmf-hdr .wmf-mega__tablist .wmf-mega__tab:focus-visible .wmf-mega__title,
.wmf-hdr .wmf-mega__tablist .wmf-mega__tab.is-active .wmf-mega__title {
	color: var(--wmf-d-accent);
}

.wmf-mega__tabin {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	min-width: 0;
}

.wmf-mega__tabin .wmf-mega__body {
	flex: 1 1 auto;
	min-width: 0;
}

.wmf-mega__tabchev {
	flex: 0 0 auto;
	color: #717680;
}

.wmf-mega__tabpanels {
	flex: 1 1 0;
	min-width: 0;
	padding: 20px 20px 80px;
	background: var(--wmf-d-panel);
}

/* Every panel occupies the same grid cell, so the column is always as tall
 * as the tallest tab and switching never changes the dropdown's height. */
.wmf-mega__tabpanels {
	display: grid;
}

.wmf-mega__tabpanel {
	grid-area: 1 / 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-width: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 160ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 160ms;
}

.wmf-mega__tabpanel.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transition-delay: 0s;
}

/* Promo / posts cards */

.wmf-hdr .wmf-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	color: var(--wmf-d-title);
	text-decoration: none;
}

.wmf-hdr .wmf-card__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 6px;
}

.wmf-card__title {
	display: block;
	color: var(--wmf-d-title);
	font-family: var(--wmf-font);
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.wmf-card__hl {
	color: var(--wmf-d-accent);
}

.wmf-card__text {
	display: block;
	color: #616161;
	font-family: var(--wmf-font);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.wmf-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #00597A;
	font-family: var(--wmf-font);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	transition: color 0.3s ease;
}

.wmf-hdr .wmf-card:hover .wmf-card__cta {
	color: var(--wmf-d-accent);
}

/* ---- Mobile bar ---- */

.wmf-hdr__mbar {
	display: none;
	align-items: center;
	padding: 1rem 2rem;
	background: var(--wmf-bg);
	border-bottom: 1px solid #CFCFCF;
	transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.wmf-hdr__minner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	max-width: var(--wmf-maxw);
	margin: 0 auto;
}

.wmf-hdr__mlogo {
	flex: 1 1 auto;
	min-width: 0;
}

.wmf-hdr__mlogo .wmf-hdr__logo-link {
	width: var(--wmf-logo-w-m);
}

.wmf-hdr .wmf-hdr__burger {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	flex: 0 0 auto;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
}

.wmf-hdr .wmf-hdr__minner .wmf-hdr__burger:hover,
.wmf-hdr .wmf-hdr__minner .wmf-hdr__burger:focus {
	background: none;
	border: 0;
}

.wmf-hdr__burger span {
	display: block;
	width: 30px;
	height: 3px;
	border-radius: 2px;
	background: var(--wmf-text);
	transition: transform 240ms cubic-bezier(0.4, 0, 0.2, 1), opacity 160ms cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s;
}

.wmf-hdr--mob-open .wmf-hdr__burger span:nth-child(1) {
	transform: translateY(9px) rotate(-45deg);
}

.wmf-hdr--mob-open .wmf-hdr__burger span:nth-child(2) {
	opacity: 0;
}

.wmf-hdr--mob-open .wmf-hdr__burger span:nth-child(3) {
	transform: translateY(-9px) rotate(45deg);
}

/* ---- Mobile menu ---- */

/* A fixed sheet under the mobile bar (header.js sets --wmf-mob-top to the
 * bar's bottom edge when it opens). Fade + slide, nothing animates height. */
.wmf-mob {
	position: fixed;
	top: var(--wmf-mob-top, 72px);
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: block;
	overflow: hidden;
	background: var(--wmf-bg);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(-10px);
	transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 260ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 260ms;
}

.wmf-hdr--mob-open .wmf-mob {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
	transition-delay: 0s;
}

.wmf-mob__scroll {
	height: 100%;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 0 0 7rem;
	-webkit-overflow-scrolling: touch;
}

/* Rows settle in one after another. */
.wmf-mob__list > * {
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 220ms cubic-bezier(0.4, 0, 0.2, 1), transform 260ms cubic-bezier(0.4, 0, 0.2, 1);
}

.wmf-hdr--mob-open .wmf-mob__list > * {
	opacity: 1;
	transform: translateY(0);
}

.wmf-hdr--mob-open .wmf-mob__list > :nth-child(1) { transition-delay: 40ms; }
.wmf-hdr--mob-open .wmf-mob__list > :nth-child(2) { transition-delay: 70ms; }
.wmf-hdr--mob-open .wmf-mob__list > :nth-child(3) { transition-delay: 100ms; }
.wmf-hdr--mob-open .wmf-mob__list > :nth-child(4) { transition-delay: 130ms; }
.wmf-hdr--mob-open .wmf-mob__list > :nth-child(5) { transition-delay: 160ms; }
.wmf-hdr--mob-open .wmf-mob__list > :nth-child(6) { transition-delay: 190ms; }
.wmf-hdr--mob-open .wmf-mob__list > :nth-child(n+7) { transition-delay: 220ms; }

/* Accordion content: header.js animates the height; this keeps it clipped. */
.wmf-mob__content.is-animating {
	overflow: hidden;
}

.wmf-mob__list {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: var(--wmf-maxw);
	margin: 0 auto;
	padding: 0 1.5rem;
}

.wmf-mob__item {
	margin: 0;
	padding: 0;
}

.wmf-hdr .wmf-mob__summary,
.wmf-hdr .wmf-mob__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	margin: 0;
	padding: 15px 10px;
	color: var(--wmf-text);
	font-family: var(--wmf-font);
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-decoration: none;
	list-style: none;
	cursor: pointer;
}

/* The old Elementor header template ships "summary { padding-left/right: 0
 * !important }"; while both headers are on a page this keeps the rows flush. */
.wmf-hdr .wmf-mob__summary {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.wmf-mob__summary::-webkit-details-marker {
	display: none;
}

.wmf-mob__summary-text {
	display: inline-flex;
	align-items: center;
}

.wmf-mob__pm {
	position: relative;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
}

.wmf-mob__pm::before,
.wmf-mob__pm::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 2px;
	background: var(--wmf-text);
	transform: translate(-50%, -50%);
	transition: transform 0.2s;
}

.wmf-mob__pm::after {
	transform: translate(-50%, -50%) rotate(90deg);
}

.wmf-mob__item[open] > .wmf-mob__summary .wmf-mob__pm::after {
	transform: translate(-50%, -50%) rotate(0deg);
}

.wmf-mob__content {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 1.5rem 1rem;
	background: var(--wmf-d-panel);
	border-top: 2px solid #CCCFD4;
}

.wmf-hdr .wmf-mob__eyebrow {
	font-size: 14px;
}

.wmf-mob__group {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.wmf-hdr .wmf-mob__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.wmf-hdr .wmf-mob__links li {
	margin: 0;
	padding: 0;
}

.wmf-hdr .wmf-mob__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--wmf-text);
	font-family: var(--wmf-font);
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	text-decoration: none;
	transition: color 0.3s;
}

.wmf-hdr .wmf-mob__link:hover,
.wmf-hdr .wmf-mob__link:focus-visible {
	color: var(--wmf-hover);
}

.wmf-mob__link .wmf-mega__icon {
	width: 18px;
	height: 18px;
	margin-top: 0;
}

.wmf-mob__link .wmf-mega__icon i {
	font-size: 18px;
}

.wmf-mob__divider {
	margin: 15px 0;
	border: 0;
	border-top: 2px solid #CCCFD4;
}

/* Fixed button bar at the bottom while the menu is open. */
.wmf-mob__cta {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1001;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 1rem 1.5rem;
	background: var(--wmf-bg);
	box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.05);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(12px);
	transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1), transform 260ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 260ms;
}

.wmf-hdr--mob-open .wmf-mob__cta {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0);
	transition-delay: 60ms, 60ms, 0s;
}

.wmf-mob__cta .wmf-hdr__btn--solid {
	padding: 8px 12px;
}

body.wmf-mob-open {
	overflow: hidden;
}

@media (max-width: 768px) {
	.wmf-hdr__mbar {
		padding: 1rem 1.5rem;
	}
}

/* =========================================================================
 * Brand style (.wmf-hdr--brand) — dropdowns and mobile menu restyled to the
 * Web Manuals web design system: Dusk titles, Night body, Sky 700 eyebrows
 * and links, Sky 100 icon wells, Sky 50 hover tints, 6 / 8 / 12 radius
 * ladder, one card shadow, 200ms motion. The classic rules above remain the
 * base; everything here only overrides them.
 * ========================================================================= */

.wmf-hdr--brand {
	--wmf-sky: #23A8D5;
	--wmf-sky-50: #F1FAFE;
	--wmf-sky-100: #E3F2FB;
	--wmf-sky-200: #C0E7F7;
	--wmf-sky-700: #086D91;
	--wmf-dusk: #00597A;
	--wmf-night: #073445;
	--wmf-gray-600: #535862;
	--wmf-hairline: rgba(7, 52, 69, 0.08);
	--wmf-shadow: 0 8px 24px -2px rgba(10, 13, 18, 0.08), 0 6px 10px -2px rgba(10, 13, 18, 0.03);
	--wmf-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---- Dropdown box ---- */

.wmf-hdr--brand .wmf-layer__bg {
	border-color: var(--wmf-sky-100);
	border-radius: 12px;
	box-shadow: var(--wmf-shadow);
}

.wmf-hdr--brand .wmf-mega__box {
	border-radius: 12px;
}

.wmf-hdr--brand .wmf-mega__cols {
	gap: 8px;
	padding: 16px 12px 16px 16px;
}

.wmf-hdr--brand .wmf-mega__col {
	gap: 4px;
}

.wmf-hdr--brand .wmf-mega__group {
	gap: 4px;
}

.wmf-hdr--brand .wmf-mega__group + .wmf-mega__group {
	margin-top: 12px;
}

/* Eyebrow: 11 / 16, semibold, tracked, Sky 700. */
.wmf-hdr--brand .wmf-mega__eyebrow,
.wmf-hdr--brand .wmf-mob__eyebrow {
	padding: 0 10px;
	margin-bottom: 4px;
	color: var(--wmf-sky-700);
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 0.12em;
}

.wmf-hdr--brand .wmf-mega__list {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

/* ---- Link rows: 32px icon well, 15px title, 13px description ---- */

.wmf-hdr--brand .wmf-mega__link {
	align-items: flex-start;
	gap: 10px;
	padding: 8px 10px;
	border-radius: 8px;
	transition: background-color 150ms var(--wmf-ease);
}

.wmf-hdr--brand .wmf-mega__link:hover,
.wmf-hdr--brand .wmf-mega__link:focus-visible {
	background: var(--wmf-sky-50);
}

.wmf-hdr--brand .wmf-mega__link:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(35, 168, 213, 0.35);
}

.wmf-hdr--brand .wmf-mega__icon {
	width: 32px;
	height: 32px;
	margin-top: 0;
	border-radius: 9999px;
	background: var(--wmf-sky-100);
	color: var(--wmf-sky);
	transition: background-color 150ms var(--wmf-ease), color 150ms var(--wmf-ease);
}

.wmf-hdr--brand .wmf-mega__icon i {
	font-size: 16px;
}


.wmf-hdr--brand .wmf-mega__body {
	gap: 1px;
	padding-top: 0;
}

.wmf-hdr--brand .wmf-mega__title {
	color: var(--wmf-night);
	font-size: 15px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.005em;
	padding-top: 6px;
}

.wmf-hdr--brand .wmf-mega__text {
	color: var(--wmf-gray-600);
	font-size: 13px;
	font-weight: 500;
	line-height: 18px;
}

/* Rows that carry a description: title sits on the icon's centre line. */
.wmf-hdr--brand .wmf-mega__title:only-child {
	padding-top: 6px;
}

/* ---- Tabs layout ---- */

.wmf-hdr--brand .wmf-mega__tabs {
	gap: 4px;
	padding: 16px 8px 16px 16px;
}

.wmf-hdr--brand .wmf-mega__tabs > .wmf-mega__eyebrow {
	padding: 0 10px;
}

.wmf-hdr--brand .wmf-mega__tab {
	padding: 10px 10px 10px 12px;
	border-radius: 8px;
	transition: background-color 150ms var(--wmf-ease);
}

.wmf-hdr--brand .wmf-mega__tabin {
	gap: 10px;
}

.wmf-hdr--brand .wmf-mega__tab .wmf-mega__title {
	padding-top: 0;
}

.wmf-hdr--brand .wmf-mega__tablist .wmf-mega__tab:hover,
.wmf-hdr--brand .wmf-mega__tablist .wmf-mega__tab:focus-visible,
.wmf-hdr--brand .wmf-mega__tablist .wmf-mega__tab.is-active {
	background: var(--wmf-sky-50);
}

.wmf-hdr--brand .wmf-mega__tablist .wmf-mega__tab:focus-visible {
	outline: none;
	box-shadow: 0 0 0 3px rgba(35, 168, 213, 0.35);
}

.wmf-hdr--brand .wmf-mega__tablist .wmf-mega__tab:hover .wmf-mega__title,
.wmf-hdr--brand .wmf-mega__tablist .wmf-mega__tab:focus-visible .wmf-mega__title,
.wmf-hdr--brand .wmf-mega__tablist .wmf-mega__tab.is-active .wmf-mega__title {
	color: var(--wmf-night);
}

.wmf-hdr--brand .wmf-mega__tabchev {
	width: 16px;
	height: 16px;
	color: var(--wmf-sky-200);
	transition: color 150ms var(--wmf-ease);
}

.wmf-hdr--brand .wmf-mega__tab.is-active .wmf-mega__tabchev,
.wmf-hdr--brand .wmf-mega__tab:hover .wmf-mega__tabchev {
	color: var(--wmf-sky);
	transform: none;
}

.wmf-hdr--brand .wmf-mega__tabpanels {
	align-content: start;
	padding: 16px 12px 16px 8px;
	background: #FFFFFF;
	border-left: 1px solid var(--wmf-sky-100);
}

.wmf-hdr--brand .wmf-mega__tabpanel {
	gap: 4px;
}

/* ---- Side panel: a full-bleed Sky 50 column, no card ---- */

.wmf-hdr--brand .wmf-mega__panel {
	gap: 20px;
	padding: 20px;
	background: #FFFFFF;
	border-left: 1px solid var(--wmf-sky-100);
}

.wmf-hdr--brand .wmf-card {
	gap: 0;
	padding: 0;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	transition: none;
}

.wmf-hdr--brand a.wmf-card:hover {
	transform: none;
	box-shadow: none;
}

.wmf-hdr--brand .wmf-card__img {
	margin-bottom: 14px;
	border-radius: 8px;
}

.wmf-hdr--brand .wmf-card__eyebrow {
	margin-bottom: 6px;
	color: var(--wmf-sky-700);
	font-size: 11px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.wmf-hdr--brand .wmf-card__meta {
	margin-top: 4px;
	font-size: 12px;
}

.wmf-hdr--brand .wmf-card__title {
	color: var(--wmf-night);
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: -0.005em;
}

.wmf-hdr--brand .wmf-card__hl {
	color: var(--wmf-sky-700);
}

.wmf-hdr--brand .wmf-card__text {
	margin-top: 6px;
	color: var(--wmf-night);
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}

.wmf-hdr--brand .wmf-card__cta {
	margin-top: 12px;
	color: var(--wmf-sky-700);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.wmf-hdr--brand .wmf-card__chev {
	transition: transform 150ms var(--wmf-ease);
}

.wmf-hdr--brand .wmf-card:hover .wmf-card__cta {
	color: var(--wmf-dusk);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.wmf-hdr--brand .wmf-card:hover .wmf-card__chev {
	transform: translateX(3px);
}

.wmf-hdr--brand .wmf-card__btn {
	margin-top: 14px;
	padding: 8px 14px;
	background: #FFD200;
	color: var(--wmf-night);
	font-size: 14px;
	line-height: 20px;
}

.wmf-hdr--brand .wmf-card:hover .wmf-card__btn {
	background: #E6BE00;
}

/* ---- Bottom strip ---- */

.wmf-hdr--brand .wmf-mega__strip {
	padding: 10px 20px;
	background: var(--wmf-sky-50);
	border-top: 1px solid var(--wmf-sky-100);
}

.wmf-hdr--brand .wmf-mega__strip-text {
	color: var(--wmf-night);
	font-size: 13px;
	line-height: 18px;
}

.wmf-hdr--brand .wmf-mega__strip-link {
	color: var(--wmf-sky-700);
	font-size: 13px;
	line-height: 18px;
}

.wmf-hdr--brand .wmf-mega__strip-link:hover,
.wmf-hdr--brand .wmf-mega__strip-link:focus-visible {
	color: var(--wmf-dusk);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---- Row styles (brand): plain icon / icon well / compact ----
 * The well rules above are the base; "plain" and "compact" strip the circle
 * and put an 18px Sky glyph on the title's line. */

.wmf-hdr--brand.wmf-hdr--rows-plain .wmf-mega__icon,
.wmf-hdr--brand.wmf-hdr--rows-compact .wmf-mega__icon {
	width: 20px;
	height: 20px;
	margin-top: 0;
	border-radius: 0;
	background: transparent;
	color: var(--wmf-sky);
}

.wmf-hdr--brand.wmf-hdr--rows-plain .wmf-mega__icon i,
.wmf-hdr--brand.wmf-hdr--rows-compact .wmf-mega__icon i {
	font-size: 18px;
}

.wmf-hdr--brand.wmf-hdr--rows-plain .wmf-mega__icon-img,
.wmf-hdr--brand.wmf-hdr--rows-compact .wmf-mega__icon-img {
	width: 18px;
	height: 18px;
}

.wmf-hdr--brand.wmf-hdr--rows-plain .wmf-mega__link,
.wmf-hdr--brand.wmf-hdr--rows-compact .wmf-mega__link {
	gap: 12px;
	padding: 8px 10px;
}

.wmf-hdr--brand.wmf-hdr--rows-plain .wmf-mega__title,
.wmf-hdr--brand.wmf-hdr--rows-compact .wmf-mega__title {
	padding-top: 0;
}

.wmf-hdr--brand.wmf-hdr--rows-plain .wmf-mega__body {
	gap: 2px;
}

.wmf-hdr--brand.wmf-hdr--rows-plain .wmf-mega__text {
	color: #717680;
	font-weight: 500;
}

.wmf-hdr--brand.wmf-hdr--rows-plain .wmf-mega__list {
	gap: 4px;
}

.wmf-hdr--brand.wmf-hdr--rows-plain .wmf-mega__eyebrow,
.wmf-hdr--brand.wmf-hdr--rows-compact .wmf-mega__eyebrow {
	margin-bottom: 8px;
}

.wmf-hdr--brand.wmf-hdr--rows-compact .wmf-mega__text {
	display: none;
}

.wmf-hdr--brand.wmf-hdr--rows-compact .wmf-mega__link {
	padding: 7px 10px;
}

.wmf-hdr--brand.wmf-hdr--rows-compact .wmf-mega__list {
	gap: 0;
}

.wmf-hdr--brand.wmf-hdr--rows-plain .wmf-mob__link .wmf-mega__icon,
.wmf-hdr--brand.wmf-hdr--rows-compact .wmf-mob__link .wmf-mega__icon {
	width: 20px;
	height: 20px;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.wmf-hdr--brand.wmf-hdr--rows-plain .wmf-mob__link .wmf-mega__icon i,
.wmf-hdr--brand.wmf-hdr--rows-compact .wmf-mob__link .wmf-mega__icon i {
	font-size: 18px;
}

/* ---- Chips keep the badge spec; nothing to override. ---- */

/* ---- Mobile menu ---- */

.wmf-hdr--brand .wmf-mob__list {
	padding: 4px 1.5rem 0;
}

.wmf-hdr--brand .wmf-mob__summary,
.wmf-hdr--brand .wmf-mob__row {
	gap: 16px;
	padding: 16px 4px;
	padding-left: 4px !important;
	padding-right: 4px !important;
	border-bottom: 1px solid var(--wmf-sky-100);
	color: var(--wmf-night);
	font-size: 18px;
	line-height: 28px;
	letter-spacing: -0.005em;
	transition: color 150ms var(--wmf-ease);
}

.wmf-hdr--brand .wmf-mob__item[open]:not(.is-closing) > .wmf-mob__summary {
	color: var(--wmf-sky-700);
	border-bottom-color: transparent;
}

.wmf-hdr--brand .wmf-mob__summary:hover,
.wmf-hdr--brand .wmf-mob__row:hover {
	color: var(--wmf-sky-700);
}

/* Plus/minus is the classic marker; brand uses a Sky chevron. */
.wmf-hdr--brand .wmf-mob__pm {
	display: none;
}

.wmf-mob__chev {
	display: none;
	flex: 0 0 auto;
	color: var(--wmf-sky, #23A8D5);
	transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

.wmf-hdr--brand .wmf-mob__chev {
	display: block;
}

.wmf-hdr--brand .wmf-mob__item[open]:not(.is-closing) > .wmf-mob__summary .wmf-mob__chev--down {
	transform: rotate(180deg);
}

.wmf-hdr--brand .wmf-mob__content {
	box-sizing: border-box;
	gap: 16px;
	margin: 0 0 12px;
	padding: 16px 12px;
	background: var(--wmf-sky-50);
	border: 0;
	border-radius: 8px;
}

.wmf-hdr--brand .wmf-mob__group {
	gap: 8px;
}

.wmf-hdr--brand .wmf-mob__eyebrow {
	padding: 0 4px;
	font-size: 12px;
	line-height: 16px;
}

.wmf-hdr--brand .wmf-mob__links {
	flex-direction: column;
	gap: 2px;
}

.wmf-hdr--brand .wmf-mob__link {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 6px 4px;
	border-radius: 6px;
	color: var(--wmf-night);
	font-size: 16px;
	line-height: 24px;
	transition: color 150ms var(--wmf-ease);
}

.wmf-hdr--brand .wmf-mob__link:hover,
.wmf-hdr--brand .wmf-mob__link:focus-visible {
	color: var(--wmf-sky-700);
}

.wmf-hdr--brand .wmf-mob__link .wmf-mega__icon {
	width: 32px;
	height: 32px;
	border-radius: 9999px;
	background: #FFFFFF;
	border: 1px solid var(--wmf-sky-200);
	color: var(--wmf-sky);
}

.wmf-hdr--brand .wmf-mob__link .wmf-mega__icon i {
	font-size: 16px;
}

.wmf-hdr--brand .wmf-mob__divider {
	margin: 4px 0;
	border-top: 1px solid var(--wmf-sky-200);
}

.wmf-hdr--brand .wmf-mob__cta {
	gap: 12px;
	border-top: 1px solid var(--wmf-sky-100);
	box-shadow: 0 -8px 24px -2px rgba(10, 13, 18, 0.08);
}

.wmf-hdr--brand .wmf-mob__cta .wmf-hdr__btn--solid {
	flex: 0 0 auto;
	padding: 11px 18px;
	border-radius: 4px;
	font-size: 16px;
	line-height: 22px;
}

.wmf-hdr--brand .wmf-mob__cta .wmf-hdr__btn--text {
	flex: 0 0 auto;
}

/* ---- Reduced motion: no movement, instant states ---- */
@media (prefers-reduced-motion: reduce) {
	.wmf-mega,
	.wmf-layer,
	.wmf-layer__bg,
	.wmf-mob,
	.wmf-mob__cta,
	.wmf-mob__list > *,
	.wmf-hdr__chev,
	.wmf-mob__chev,
	.wmf-hdr__burger span,
	.wmf-card,
	.wmf-mega__tabchev {
		transition-duration: 0.01ms !important;
		transition-delay: 0s !important;
	}
}