/**
 * UI Wrapper Header - Scoped styles only.
 * Most selectors are under .uiw-header or .uiw-header__band:has(.uiw-header).
 * Maintenance banner uses .uiw-maintenance-banner (wrapper markup only in layHeader3.cfm).
 * Only loaded when useUiWrapper is true (layHeader3.cfm links this in the head).
 */

/* Non-responsive UI Wrapper: SUGstyleV3* hides #protoolsbar below 768px for .header--responsive ~ .mainbody (wrapper band always has that class). layHeader3 sets body.uiw-member-nonresponsive when useUiWrapper && !isResponsive. */
@media (max-width: 991px) {
	body.uiw-member-nonresponsive .header--responsive ~ .mainbody #protoolsbar.uiw-sidenav {
		display: block !important;
	}
}

/* Full-width white band around header only (band contains .uiw-header; :has() ensures we never style a band used elsewhere) */
.uiw-header__band:has(.uiw-header) {
	width: 100%;
	background-color: #fff;
	box-shadow: 0 2px 3px 0 rgba(18, 18, 23, 0.07);
}
.uiw-header {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding-top: 0px;
}
.uiw-header *,
.uiw-header *::before,
.uiw-header *::after {
	box-sizing: border-box;
}
.uiw-header .discovery-trigger {
	margin: 12px 0px 14px 3px;
}
.accommodate-992 .uiw-header__band header {
	background-color: #fff;
	padding-top: 0;
}
header .logo,
.accommodate-992 .uiw-header__desktop-wrapper .logo {
	margin-right: 0;
	max-width: 145px;
}
header .nav-dropdown-menu .dropdown-toggle.profile,
.accommodate-992 header .nav-dropdown-menu .dropdown-toggle.profile {
    margin-left: 0px;
}
.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group .nav.navbar-nav a.profile {
	color: #f16622;
}
.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group .nav.navbar-nav a.profile:hover {
	color: #e05c1a;
}
@media (min-width: 992px) {
	.uiw-header__band:has(.uiw-header) {
		position: sticky;
		top: 0;
		z-index: 99998;
	}
	.uiw-header .uiw-header__desktop-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin: 0 auto;
		padding: 8.75px 98px;
		height: 73px;
		background-color: #fff;
		gap: 12px;
		flex: 1 1 100%;
		min-width: 0;
	}
	.uiw-header .uiw-header__desktop-wrapper .uiw-header__bar {
		flex: 0 0 auto;
		width: auto;
		padding: 0;
		background: none;
		box-shadow: none;
		min-height: 0;
	}
	.uiw-header .uiw-header__desktop-wrapper .uiw-header__bar .uiw-header__bar-inner,
	.uiw-header .uiw-header__desktop-wrapper .uiw-header__bar .container {
		max-width: none;
		margin: 0;
		padding: 0;
	}
	.accommodate-992 .uiw-header__bar-inner .container {
		min-width: auto !important;
	}
	.uiw-header .uiw-header__desktop-wrapper nav {
		flex: 1 1 auto;
		min-width: 0;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.uiw-header__bar .container .discovery-container {
		padding-right: 29px;
	}
	.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse {
		display: flex !important;
		height: auto !important;
		visibility: visible !important;
		flex: 1;
		justify-content: space-between;
		align-items: center;
		min-width: 0;
	}
	.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs {
		display: flex !important;
		width: 100%;
		align-items: center;
		gap: 0;
		flex-wrap: nowrap;
		min-width: 0;
	}
	.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .navbar-left {
		margin-right: 0;
		flex-shrink: 0;
		padding-left: 12px;
	}
	.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group {
		display: flex !important;
		align-items: center;
		justify-content: flex-start !important;
		margin-left: auto;
		flex-shrink: 0;
		width: auto;
		max-width: 100%;
	}
	.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group > * {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 0 !important;
	}
	/* Shrink-wrap to the avatar; otherwise the block stretches and `right:0` on the panel misaligns */
	.uiw-header .uiw-header__desktop-wrapper .uiw-header__right-group .nav.navbar-form.dropdown.nav-dropdown-menu {
		display: block !important;
		width: fit-content !important;
		max-width: 100% !important;
		min-width: 0 !important;
		flex: 0 0 auto !important;
		position: relative !important;
	}
	.uiw-header .uiw-header__desktop-wrapper .uiw-header__right-group .nav.navbar-nav.navbar-right {
		min-width: 0 !important;
		flex: 0 0 auto !important;
		width: auto !important;
	}
	.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group .uiw-header__ctas,
	.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group .nav.navbar-form,
	.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group .nav.navbar-nav {
		margin: 0 !important;
		padding: 0 !important;
	}
	.uiw-header .uiw-header__desktop-wrapper .uiw-header__right-group .nav.navbar-nav.navbar-right {
		min-width: 0;
	}
	.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group .uiw-header__ctas {
		display: inline-flex !important;
		align-items: center;
		gap: 16px;
	}
	.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .navbar-right,
	.uiw-header .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .nav.navbar-form {
		margin-bottom: 0;
		margin-left: 0;
		flex-shrink: 0;
	}
	.uiw-header .uiw-header__desktop-wrapper .nav-item--search {
		display: none !important;
	}
	.uiw-header .uiw-header__desktop-wrapper .uiw-header__right-group .nav-item--search {
		display: none !important;
	}
	.uiw-header .uiw-header__desktop-wrapper .logo {
		display: flex !important;
		align-items: center;
		flex-shrink: 0;
	}
	.uiw-header .uiw-header__desktop-wrapper .logo a {
		display: block;
	}
	.uiw-header .uiw-header__desktop-wrapper .logo img {
		width: 145px;
		max-width: 145px;
		display: block;
	}
	.uiw-header .uiw-header__desktop-wrapper nav .menu-trigger {
		display: none;
	}
}

.uiw-header .uiw-header__bar {
	background-color: #fff;
	box-shadow: 0 2px 3px 0 rgba(18, 18, 23, 0.07);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8.75px 28px;
	min-height: 56px;
	width: 100%;
}

.uiw-header .uiw-header__bar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

.uiw-header .uiw-header__bar .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding-left: 28px;
	padding-right: 28px;
}

.uiw-header .uiw-header__left {
	display: flex;
	align-items: center;
	gap: 25px;
}

.uiw-header .uiw-header__logo {
	display: flex;
	align-items: center;
}
.uiw-header .uiw-header__logo a {
	display: block;
}
.uiw-header .uiw-header__logo img {
	height: 33.561px;
	width: auto;
	max-width: 145px;
	display: block;
}

.uiw-header .uiw-header__nav {
	display: flex;
	align-items: center;
	gap: 8px;
}
.uiw-header .uiw-header__nav a {
	background-color: #fff;
	color: #141414;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	padding: 8.75px 18px;
	border-radius: 8px;
	text-decoration: none;
	white-space: nowrap;
}
.uiw-header .uiw-header__nav a:hover {
	background-color: #f0f0f0;
	color: #141414;
}

.uiw-header .uiw-header__right {
	display: flex;
	align-items: center;
	gap: 16px;
}

.uiw-header .uiw-header__actions {
	display: flex;
	align-items: center;
	gap: 12px;
}

.uiw-header .uiw-header__btn--primary,
.uiw-header .uiw-header__desktop-wrapper .uiw-header__btn--primary {
	background-color: #f16622 !important;
	color: #fff !important;
	font-family: 'Lato', sans-serif !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	padding: 10px 18px !important;
	border-radius: 8px !important;
	min-height: 42px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	cursor: pointer !important;
	white-space: nowrap !important;
}
.uiw-header .uiw-header__btn--primary:hover,
.uiw-header .uiw-header__desktop-wrapper .uiw-header__btn--primary:hover {
	background-color: #e05c1a !important;
	border-color: #e05c1a !important;
	color: #fff !important;
}

.uiw-header .uiw-header__btn--tertiary,
.uiw-header .uiw-header__desktop-wrapper .uiw-header__btn--tertiary {
	background-color: #f0f0f0 !important;
	border: 1px solid #f0f0f0 !important;
	color: #2a2a2a !important;
	font-family: 'Lato', sans-serif !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	padding: 9.75px 19px !important;
	border-radius: 8px !important;
	min-height: 42px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	cursor: pointer !important;
	white-space: nowrap !important;
}
.uiw-header .uiw-header__btn--tertiary:hover,
.uiw-header .uiw-header__desktop-wrapper .uiw-header__btn--tertiary:hover {
	background-color: #e5e5e5 !important;
	border-color: #e5e5e5 !important;
	color: #2a2a2a !important;
}

/* Secondary (navy) — matches Figma button/secondary; sits with Create / Go Ad Free before avatar */
.uiw-header .uiw-header__btn--secondary,
.uiw-header .uiw-header__desktop-wrapper .uiw-header__btn--secondary {
	background-color: #38466e !important;
	border: 1px solid #38466e !important;
	color: #fff !important;
	font-family: 'Lato', sans-serif !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	padding: 9.75px 19px !important;
	border-radius: 8px !important;
	min-height: 42px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	cursor: pointer !important;
	white-space: nowrap !important;
	box-sizing: border-box !important;
}
.uiw-header .uiw-header__btn--secondary:hover,
.uiw-header .uiw-header__desktop-wrapper .uiw-header__btn--secondary:hover {
	background-color: #2d3a56 !important;
	border-color: #2d3a56 !important;
	color: #fff !important;
}

.uiw-header .uiw-header__avatar {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-color: #38466e;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	flex-shrink: 0;
}
.uiw-header .uiw-header__avatar:hover {
	color: #fff;
}

.uiw-header .uiw-header__app-switcher {
	width: 28px;
	height: 28px;
	padding: 1.75px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #6b7280;
}
.uiw-header .uiw-header__app-switcher:hover {
	color: #374151;
}

.uiw-header .uiw-header__nav .uiw-header__resources-trigger {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.uiw-header .uiw-header__nav .uiw-header__caret {
	width: 21px;
	height: 21px;
	flex-shrink: 0;
}

.uiw-header .uiw-header__mobile-bar {
	display: none;
	align-items: center;
	justify-content: space-between;
	padding: 8.75px 16px;
	min-height: 72px;
	background-color: #fff;
	box-shadow: 0 2px 3px 0 rgba(18, 18, 23, 0.07);
}
.uiw-header .uiw-header__mobile-burger {
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	cursor: pointer;
	color: #2a2a2a;
	padding: 0;
}
.uiw-header .uiw-header__mobile-burger .fa-bars {
	font-size: 22.8px;
}

@media (max-width: 991px) {
	.uiw-header .uiw-header__bar .container {
		padding-left: 16px;
		padding-right: 16px;
	}
	/* Hide desktop bar content on mobile; mobile bar is separate (skip when no mobile bar — non-responsive fuse) */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__bar .container .logo:first-of-type,
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__bar .container > .nav {
		display: none !important;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__bar .container .discovery-container {
		display: none !important;
	}
}

/* Non-responsive fuses: no mobile bar in markup; keep desktop header row at all viewports */
@media (max-width: 991px) {
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		margin: 0 auto;
		min-height: 56px;
		height: auto;
		background-color: #fff;
		gap: 12px;
		flex: 1 1 100%;
		min-width: 0;
		box-shadow: 0 2px 3px 0 rgba(18, 18, 23, 0.07);
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper .uiw-header__bar {
		flex: 0 0 auto;
		width: auto;
		padding: 0;
		background: none;
		box-shadow: none;
		min-height: 0;
		display: flex;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper .uiw-header__bar .uiw-header__bar-inner,
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper .uiw-header__bar .container {
		max-width: none;
		margin: 0;
		padding: 0;
		gap: 25px;
	}
	.accommodate-992 .uiw-header.uiw-header--desktop-only-layout .uiw-header__bar-inner .container {
		min-width: auto !important;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav {
		flex: 1 1 auto;
		min-width: 0;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav .navbar-collapse {
		display: flex !important;
		height: auto !important;
		visibility: visible !important;
		flex: 1;
		justify-content: space-between;
		align-items: center;
		min-width: 0;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs {
		display: flex !important;
		width: 100%;
		align-items: center;
		gap: 0;
		flex-wrap: nowrap;
		min-width: 0;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .navbar-left {
		margin-right: 0;
		flex-shrink: 0;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group {
		display: flex !important;
		align-items: center;
		justify-content: flex-start !important;
		margin-left: auto;
		flex-shrink: 0;
		width: auto;
		max-width: 100%;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group > * {
		flex: 0 0 auto !important;
		width: auto !important;
		min-width: 0 !important;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper .uiw-header__right-group .nav.navbar-form.dropdown.nav-dropdown-menu {
		display: block !important;
		width: fit-content !important;
		max-width: 100% !important;
		min-width: 0 !important;
		flex: 0 0 auto !important;
		position: relative !important;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper .uiw-header__right-group .nav.navbar-nav.navbar-right {
		min-width: 0 !important;
		flex: 0 0 auto !important;
		width: auto !important;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group .uiw-header__ctas,
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group .nav.navbar-form,
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group .nav.navbar-nav {
		margin: 0 !important;
		padding: 0 !important;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper .uiw-header__right-group .nav.navbar-nav.navbar-right {
		min-width: 0;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .uiw-header__right-group .uiw-header__ctas {
		display: inline-flex !important;
		align-items: center;
		gap: 12px;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .navbar-right,
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav .navbar-collapse .hidden-xs .nav.navbar-form {
		margin-bottom: 0;
		margin-left: 0;
		flex-shrink: 0;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper .nav-item--search {
		display: none !important;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper .uiw-header__right-group .nav-item--search {
		display: none !important;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper .logo {
		display: flex !important;
		align-items: center;
		flex-shrink: 0;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper .logo a {
		display: block;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper .logo img {
		height: 33.55px;
		width: 145px;
		max-width: 145px;
		display: block;
	}
	.uiw-header.uiw-header--desktop-only-layout .uiw-header__desktop-wrapper nav .menu-trigger {
		display: none;
	}
}

.uiw-header .uiw-header__mobile-bar {
	display: none;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 72px;
	min-height: 72px;
	padding: 8.75px 16px;
	background-color: #fff;
	box-shadow: 0 2px 3px 0 rgba(18, 18, 23, 0.07);
}
.uiw-header .uiw-header__mobile-bar .uiw-header__mobile-burger {
	width: 38px;
	height: 38px;
	min-width: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	cursor: pointer;
	color: #2a2a2a;
	padding: 0;
	flex-shrink: 0;
}
.uiw-header .uiw-header__mobile-bar .uiw-header__mobile-burger .fa-bars {
	font-size: 22.8px;
}
.uiw-header .uiw-header__mobile-bar .uiw-header__mobile-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	min-width: 0;
}
.uiw-header .uiw-header__mobile-bar .uiw-header__mobile-logo img {
	height: 33.561px;
	width: auto;
	max-width: 145px;
}
.uiw-header .uiw-header__mobile-bar .uiw-header__mobile-avatar-wrap {
	flex-shrink: 0;
	width: 42px;
	height: 42px;
}
.uiw-header .uiw-header__mobile-bar .uiw-header__mobile-avatar-wrap a {
	font-size: 14px;
    position: absolute;
    top: 22px;
}

.uiw-header .uiw-header__mobile-bar .ppic,
.uiw-header .uiw-header__mobile-bar .ppic.ppic-34 {
	background-color: #38466e !important;
	border-radius: 50% !important;
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	position: relative !important;
	border: 1px solid var(--avatar-border-color, #DFDDD7) !important;
}
.uiw-header .uiw-header__mobile-bar .ppic > div,
.uiw-header .uiw-header__mobile-bar .ppic .ppic-34 > div {
	background-color: #38466e !important;
	color: #fff !important;
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 1 !important;
}
.uiw-header .uiw-header__mobile-bar .ppic img {
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center !important;
	z-index: 1 !important;
}
.discover-content span.uiw-header__desktop-explore-icon.fak {
	font-size: 42px;
}

@media (max-width: 991px) {
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-bar {
		display: flex;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__bar {
		display: none;
	}
	/* Wrapper on mobile: no bar look, nav full width for collapse */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__desktop-wrapper {
		display: block;
		width: 100%;
		background: none;
		box-shadow: none;
		padding: 0;
	}
	/* Collapse menu stays in flow below mobile bar */
	.uiw-header:not(.uiw-header--desktop-only-layout) .menu-trigger {
		display: none;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) nav {
		width: 100%;
		order: 2;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-bar {
		order: 1;
	}
	/* Hamburger always visible in mobile bar (restored on close via script) */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-bar .uiw-header__mobile-burger {
		display: flex !important;
	}

	/*
	 * Bootstrap 3 only collapses .navbar-collapse below 768px. The wrapper uses mobile header through
	 * 991px, so from 768–991px BS was forcing #header-main-nav.collapse to display:block + height:auto,
	 * keeping the nav open in document flow and covering member content (e.g. t.protools).
	 * When closed (no .in / .show), hide it like the xs breakpoint does.
	 */
	.uiw-header:not(.uiw-header--desktop-only-layout) nav .navbar-collapse.collapse:not(.in):not(.show) {
		display: none !important;
		height: 0 !important;
		min-height: 0 !important;
		max-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		margin: 0 !important;
		border: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}

	/* Desktop strip inside collapse is .hidden-xs (visible ≥768px); hide it whenever wrapper mobile nav is active */
	.uiw-header:not(.uiw-header--desktop-only-layout) nav #header-main-nav > .hidden-xs {
		display: none !important;
	}

	/* Drawer body uses .visible-xs (hidden ≥768px); force it visible for 768–991 so the 248px panel has content */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav.visible-xs {
		display: flex !important;
		flex-direction: column !important;
		flex: 1 1 0% !important;
		min-height: 0 !important;
		width: 100% !important;
		max-width: 248px !important;
		box-sizing: border-box;
	}

	/* While drawer is open: nav contributes no band height (stacking vs backdrop uses body.uiw-mobile-nav-open on header — see below). */
	body.uiw-mobile-nav-open .uiw-header:not(.uiw-header--desktop-only-layout) nav {
		height: 0 !important;
		min-height: 0 !important;
		overflow: visible;
	}

	/* --- Mobile left nav panel: 248px wide, flush to viewport left. --- */
	.uiw-header:not(.uiw-header--desktop-only-layout) nav .navbar-collapse.cover-menu.collapse.in,
	.uiw-header:not(.uiw-header--desktop-only-layout) nav .navbar-collapse.cover-menu.collapse.show {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: auto !important;
		bottom: 0 !important;
		width: 248px !important;
		min-width: 248px !important;
		max-width: 248px !important;
		height: 100vh !important;
		min-height: 100vh !important;
		min-height: 100dvh !important; /* mobile: visible viewport where supported */
		max-height: 100vh !important;
		max-height: 100dvh !important;
		background-color: #fff !important;
		background: #fff !important;
		opacity: 1 !important;
		box-shadow: 5px 0 9px 0 rgba(0, 0, 0, 0.16);
		z-index: 100002 !important; /* above header band (99998) so panel always on top in left strip */
		display: flex !important;
		flex-direction: column !important;
		/* Delegate vertical scroll to .uiw-header__mobile-nav (flex min-height:0); otherwise flex children grow with content and nothing scrolls */
		overflow: hidden !important;
		overflow-x: hidden !important;
		margin: 0 !important;
		padding: 0 !important; /* override Bootstrap .navbar-collapse padding-left/right 15px */
		padding-left: 0 !important;
		padding-right: 0 !important;
		isolation: isolate;
		box-sizing: border-box;
	}
	/* Prevent any child from forcing panel wider than 248px */
	.uiw-header:not(.uiw-header--desktop-only-layout) nav .navbar-collapse.cover-menu.collapse.in > *,
	.uiw-header:not(.uiw-header--desktop-only-layout) nav .navbar-collapse.cover-menu.collapse.show > * {
		max-width: 248px !important;
		box-sizing: border-box;
	}
	/* Override any global .navbar-collapse width (e.g. Bootstrap/SUGstyle) so panel stays 248px */
	.uiw-header:not(.uiw-header--desktop-only-layout) nav #header-main-nav.cover-menu.collapse.in,
	.uiw-header:not(.uiw-header--desktop-only-layout) nav #header-main-nav.cover-menu.collapse.show {
		width: 248px !important;
		min-width: 248px !important;
		max-width: 248px !important;
	}
	/* Ensure panel has a solid backplate so content never shows through at bottom */
	.uiw-header:not(.uiw-header--desktop-only-layout) nav .navbar-collapse.cover-menu.collapse.in::before,
	.uiw-header:not(.uiw-header--desktop-only-layout) nav .navbar-collapse.cover-menu.collapse.show::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		z-index: -1;
		pointer-events: none;
	}
	/* Fill the fixed panel; height:auto was letting this grow to full content height so clipping happened on #header-main-nav and .menu-main-group barely scrolled */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav {
		display: flex !important;
		flex-direction: column !important;
		width: 248px !important;
		max-width: 248px !important;
		min-width: 248px !important;
		flex: 1 1 0% !important;
		min-width: 0;
		min-height: 0 !important;
		height: 100% !important;
		max-height: 100% !important;
		overflow: hidden !important;
		background-color: #fff !important;
		background: #fff !important;
		position: relative;
		box-sizing: border-box;
	}
	/* Scroll the menu body only; close stays position:absolute on .uiw-header__mobile-nav so it does not scroll away */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu-main-group {
		display: flex !important;
		flex-direction: column !important;
		flex: 1 1 0% !important;
		min-width: 0;
		min-height: 0 !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		touch-action: pan-y;
		/* Scroll padding so last items clear home indicator / thumb zone */
		padding-bottom: max(24px, env(safe-area-inset-bottom, 0px));
		position: relative !important;
		margin: 0 !important;
		background-color: #fff !important;
		background: #fff !important;
		justify-content: flex-start;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav-inner {
		display: flex;
		flex-direction: column;
		flex: 0 0 auto;
		min-width: 0;
		padding: 0;
		background-color: #fff !important;
		background: #fff !important;
		position: relative;
		width: 100%;
		max-width: 248px;
		box-sizing: border-box;
	}
	/* Menu heading: Lato Medium 500, 16px */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav-title {
		font-family: 'Lato', sans-serif;
		font-size: 16px;
		font-weight: 500;
		line-height: 1.4;
		color: #2a2a2a !important;
		margin: 0;
		padding: 57px 16px 16px;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	/* Link text grey/800 (#2a2a2a). Icons: indigo/500 — match uiw-header-markup inline; do not force icons to grey here (that overwrote the purple icons). */
	/* 18px/27px labels; icons use 24px in a 30×24 slot (see below). */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary li a {
		display: flex;
		align-items: center;
		gap: 16px !important;
		padding: 12px 16px !important;
		font-family: 'Lato', sans-serif;
		font-size: 18px;
		font-weight: 700;
		color: #2a2a2a !important;
		text-decoration: none;
		line-height: 27px;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary li a:hover {
		color: #2a2a2a !important;
		background-color: transparent;
	}
	/* Override SUGstyleV3-responsive .menu--primary li span { margin-right: 15px; padding-bottom: 3px } so flex gap controls spacing and icons align to label text */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary li span {
		margin-right: 0 !important;
		padding: 0 !important;
	}
	/* Icon slot matches newer app: 30×24 box, 24px glyph (Font Awesome / sugicon). */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary .uiw-header__mobile-nav-icon {
		flex-shrink: 0;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary .uiw-header__mobile-nav-icon,
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary .sugicon-signup,
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary .sugicon-profile-hollow,
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary .sugicon-envelope,
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary .sugicon-stats,
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary .sugicon-wrench,
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary .sugicon-usd,
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary .sugicon-credit-card,
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary .sugicon-star,
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary .sugicon-login {
		width: 30px;
		height: 24px;
		min-width: 30px;
		flex-shrink: 0;
		font-size: 24px;
		line-height: 1;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: var(--indigo-500, #5166a3) !important;
	}
	/* FA glyphs use ::before; line-height 1 keeps the glyph vertically centered in the flex slot */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--primary .uiw-header__mobile-nav-icon::before {
		line-height: 1;
	}
	/* Override global .menu--divider margins: divider full width, no horizontal margins (avoids overflow/scrollbar) */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu--divider {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-top: 0.8rem !important;
		margin-bottom: 0.8rem !important;
		border: 0;
		border-top: 1px solid #e0e0e0;
		box-sizing: border-box;
	}
	/* Hide secondary nav when Explore section is present */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav-inner:has(.uiw-header__mobile-explore) .menu--secondary {
		display: none !important;
	}
	/* Explore section: bottom spacer reduced now that the panel scrolls reliably; extra space comes from .menu-main-group padding-bottom + safe area */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-explore {
		padding: 20px 16px 32px 16px;
		display: flex;
		flex-direction: column;
		gap: 24px;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-explore-title {
		font-family: 'Lato', sans-serif;
		font-size: 14px;
		font-weight: 700;
		line-height: 1.4;
		color: #2a2a2a !important;
		margin: 0 0 4px;
		white-space: normal;
		overflow: visible;
		word-wrap: break-word;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-explore-item {
		display: flex;
		align-items: center;
		gap: 18px;
		padding: 0;
		text-decoration: none;
		color: #2a2a2a !important;
	}
	/* FA kit custom icons (Explore): 42×42, surface/800. Glyph must fill the span (fak icons scale by font-size). */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-explore-icon {
		width: 42px;
		height: 42px;
		min-width: 42px;
		flex-shrink: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 1.75rem;
		line-height: 1;
		color: #2a2a2a !important;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-explore-icon.fak {
		font-size: 2.5rem;
		line-height: 1;
	}
	/* Force FA custom icon ::before to 42×42 (kit may default to 25×25) */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-explore-icon.fak::before {
		width: 42px !important;
		height: 42px !important;
		font-size: 42px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-explore-text {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 2px;
		font-family: 'Lato', sans-serif;
		line-height: 1.4;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-explore-text strong {
		font-size: 16px;
		font-weight: 700;
		color: #2a2a2a !important;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-explore-text em {
		font-size: 14px;
		font-weight: 400;
		font-style: normal;
		color: #2a2a2a !important;
	}
	/* Hide legacy orange right toolbar so only the new design left nav shows (avoids both panels firing) */
	.uiw-header:not(.uiw-header--desktop-only-layout) .menu-tool-group,
	.uiw-header:not(.uiw-header--desktop-only-layout) nav #header-main-nav .menu-tool-group,
	.uiw-header:not(.uiw-header--desktop-only-layout) nav .navbar-collapse .menu-tool-group,
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav .menu-tool-group {
		display: none !important;
		visibility: hidden !important;
		position: absolute !important;
		left: -9999px !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}
	/* Close button inside left nav (replaces the X that was in the orange bar); sibling of scrolling .menu-main-group so it stays fixed */
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav-close {
		position: absolute;
		top: 16px;
		right: 16px;
		z-index: 10;
		width: 24px;
		height: 24px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: none;
		border: none;
		color: #222;
		font-size: 2.1rem;
		cursor: pointer;
		padding: 0;
	}
	/*
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav-close .sugicon-times-thick {
		font-size: 1.25rem;
		color: #2a2a2a !important;
		display: inline-block;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav-close:hover {
		color: #2a2a2a;
		opacity: 0.8;
	}
	.uiw-header:not(.uiw-header--desktop-only-layout) .uiw-header__mobile-nav-close:hover .sugicon-times-thick {
		color: #2a2a2a !important;
	}
	*/
}

/* Top-level nav links only (Pricing, Collect Money, Resources trigger); exclude dropdown menu items */
.uiw-header .uiw-header__bar .nav.navbar-nav.navbar-left > li > a,
.uiw-header .uiw-header__bar .nav.navbar-nav.navbar-left > li > .dropdown-toggle,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-nav.navbar-left > li > a,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-nav.navbar-left > li > .dropdown-toggle {
	color: #141414 !important;
	font-family: 'Lato', sans-serif !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 1.5 !important;
	text-decoration: none !important;
	background: none !important;
	border: none !important;
	padding: 8.75px 18px !important;
	border-radius: 8px !important;
	min-height: 36.5px !important;
	display: inline-flex !important;
	align-items: center !important;
	opacity: 1;
	transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.uiw-header .uiw-header__bar .nav.navbar-nav.navbar-left > li.dropdown .dropdown-toggle,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-nav.navbar-left > li.dropdown .dropdown-toggle {
	min-height: 42px !important;
	gap: 8px !important;
}
.uiw-header .uiw-header__bar .nav.navbar-nav.navbar-left > li > a:hover,
.uiw-header .uiw-header__bar .nav.navbar-nav.navbar-left > li > .dropdown-toggle:hover,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-nav.navbar-left > li > a:hover,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-nav.navbar-left > li > .dropdown-toggle:hover {
	color: #141414 !important;
	opacity: 0.7 !important;
	background: none !important;
	background-color: transparent !important;
}
.uiw-header .uiw-header__bar .nav.navbar-nav.navbar-left > li > a:active,
.uiw-header .uiw-header__bar .nav.navbar-nav.navbar-left > li > .dropdown-toggle:active,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-nav.navbar-left > li > a:active,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-nav.navbar-left > li > .dropdown-toggle:active {
	color: #141414 !important;
	opacity: 0.5 !important;
	background: none !important;
	background-color: transparent !important;
}
.uiw-header .uiw-header__bar .nav.navbar-nav.navbar-left .uiw-header__resources-caret,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-nav.navbar-left .uiw-header__resources-caret {
	display: inline-block;
	margin-left: 0;
	color: #141414;
	font-size: 1em;
	line-height: 1;
	vertical-align: middle;
}
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-nav.navbar-left li.dropdown .dropdown-toggle .caret {
	display: none !important;
}
.uiw-header .uiw-header__bar .nav.navbar-nav.navbar-left .caret,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-nav.navbar-left .caret {
	border-top-color: #141414 !important;
	margin-left: 4px !important;
}
.uiw-header .uiw-header__bar .nav.navbar-nav.navbar-left > li.dropdown .dropdown-toggle .caret,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-nav.navbar-left > li.dropdown .dropdown-toggle .caret {
	margin-left: 0 !important;
}
.uiw-header .uiw-header__bar .nav.navbar-nav.navbar-left,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-nav.navbar-left {
	display: flex !important;
	align-items: center !important;
	row-gap: 4px !important;
}

.uiw-header .uiw-header__bar .nav-item--search a,
.uiw-header .uiw-header__bar .nav-item--search .sugicon-search {
	color: #2a2a2a !important;
}
.uiw-header .uiw-header__bar .nav-item--search a:hover {
	color: #141414 !important;
}

.uiw-header .uiw-header__bar .ppic,
.uiw-header .uiw-header__bar .ppic.ppic-34,
.uiw-header .uiw-header__desktop-wrapper .ppic,
.uiw-header .uiw-header__desktop-wrapper .ppic.ppic-34 {
	background-color: #38466e !important;
	border-radius: 50% !important;
	width: 42px !important;
	height: 42px !important;
	min-width: 42px !important;
	overflow: hidden !important;
	box-sizing: border-box !important;
	position: relative !important;
	/* Hairline ring: masks subpixel gaps from border-radius + overflow clipping */
	border: 1px solid var(--avatar-border-color, #DFDDD7) !important;
	margin-left: 4px;
	margin-top: 2px;
}
.uiw-header .uiw-header__bar .ppic > div,
.uiw-header .uiw-header__bar .ppic .ppic-34 > div,
.uiw-header .uiw-header__desktop-wrapper .ppic > div,
.uiw-header .uiw-header__desktop-wrapper .ppic .ppic-34 > div {
	background-color: #38466e !important;
	color: #fff !important;
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 1 !important;
}
.uiw-header .uiw-header__bar .ppic img,
.uiw-header .uiw-header__desktop-wrapper .ppic img {
	display: block !important;
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center !important;
	z-index: 1 !important;
}

/* Base button class for header CTA links (replacing btn btn-green) */
.uiw-header .uiw-header__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	border-radius: 8px;
	min-height: 42px;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}
.uiw-header .uiw-header__btn:hover {
	text-decoration: none;
}

.uiw-header .uiw-header__btn--mobile {
	background-color: #8fbc8f !important;
	border-color: #8fbc8f !important;
	color: #fff !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.uiw-header .uiw-header__btn--mobile:hover {
	background-color: #7cad7c !important;
	border-color: #7cad7c !important;
	color: #fff !important;
}

.uiw-header .uiw-header__bar .nav.navbar-form.navbar-right,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-form.navbar-right {
	display: flex !important;
	align-items: center !important;
}
.uiw-header .uiw-header__bar .nav.navbar-form.navbar-right .uiw-header__ctas,
.uiw-header .uiw-header__desktop-wrapper .nav.navbar-form.navbar-right .uiw-header__ctas {
	display: inline-flex !important;
	align-items: center !important;
	gap: 12px !important;
}
.uiw-header .uiw-header__bar .nav.navbar-form.navbar-right .uiw-header__btn--primary + .uiw-header__btn--tertiary,
.uiw-header .uiw-header__desktop-wrapper .uiw-header__ctas .uiw-header__btn--primary + .uiw-header__btn--tertiary,
.uiw-header .uiw-header__bar .nav.navbar-form.navbar-right .uiw-header__btn--primary + .uiw-header__btn--secondary,
.uiw-header .uiw-header__desktop-wrapper .uiw-header__ctas .uiw-header__btn--primary + .uiw-header__btn--secondary,
.uiw-header .uiw-header__bar .nav.navbar-form.navbar-right .uiw-header__btn--tertiary + .uiw-header__btn--secondary,
.uiw-header .uiw-header__desktop-wrapper .uiw-header__ctas .uiw-header__btn--tertiary + .uiw-header__btn--secondary {
	margin-left: 0 !important;
}
.uiw-header .uiw-header__bar .nav.navbar-form.navbar-right .uiw-header__btn,
.uiw-header .uiw-header__desktop-wrapper .uiw-header__ctas .uiw-header__btn {
	margin-right: 0 !important;
}

/* Container for old dropdown markup */
.uiw-header .uiw-header__dropdowns {
	position: relative;
}

/* Resources dropdown panel: listbox styling, scoped to .uiw-header only */
.uiw-header .uiw-header__resources-dropdown .uiw-header__resources-menu {
	background-color: #fff;
	border: 1px solid #dfddd7;
	border-radius: 8px;
	box-shadow: 0 2px 4px 0 rgba(18, 18, 23, 0.08);
	padding: 10.5px 0;
	min-width: 200px;
	list-style: none;
	margin: 0;
}
.uiw-header .uiw-header__resources-dropdown .uiw-header__resources-menu li {
	margin: 0;
	padding: 0;
}
.uiw-header .uiw-header__resources-dropdown .uiw-header__resources-menu li + li {
	margin-top: 2px;
}
.uiw-header .uiw-header__resources-dropdown .uiw-header__resources-menu li a {
	display: flex;
	align-items: center;
	min-height: 31px;
	padding: 7px 8.75px;
	border-radius: 4px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: normal;
	color: #2a2a2a;
	text-decoration: none;
	background: transparent;
	border: none;
}
.uiw-header .uiw-header__resources-dropdown .uiw-header__resources-menu li a:hover {
	background-color: #eaf0f6;
	color: #2a2a2a;
	font-weight: 400;
}
/*
	SUGstyleV3 (_header.scss → SUGstyleV3-part1.css) sets `header .dropdown-menu.horizontal` for the
	legacy orange admin strip (width: 100%, height: 45px, padding-right: 100px, background: #f89f43,
	> li display: inline-block, white text). The UI Wrapper Resources panel reuses those legacy
	classes on the same <ul>, and on non-responsive pages (PGActivation, t.reports, t.protools/Collect,
	m.editprofile/Settings, billing — anywhere header.responsive is false, where SUGstyleV3.min.css is
	loaded instead of SUGstyleV3-responsive.min.css) that selector matches `<header class="uiw-header">`
	and bleeds through every property our base block above doesn't reset. Outrank it with element +
	classes specificity. Mirrors the .uiw-header__profile-menu fix further down in this file.
*/
header.uiw-header .dropdown-menu.horizontal.uiw-header__resources-menu {
	width: auto;
	height: auto;
	text-align: left;
	padding: 10.5px 0;
	padding-right: 0;
	background: #fff;
	font-size: 16px;
}
header.uiw-header .dropdown-menu.horizontal.uiw-header__resources-menu > li {
	display: block;
	width: auto;
	color: inherit;
	margin-bottom: 0;
}
header.uiw-header .dropdown-menu.horizontal.uiw-header__resources-menu > li > a {
	color: #2a2a2a;
	border-bottom: 0;
	/*
		`_header.scss` sets `header .navbar-nav .open .dropdown-menu > li > a { padding: 4px 14px;
		line-height: 2rem; }` (specificity 0,0,3,3 — wins over our base block 0,0,3,2). On Tools that
		rule is scoped under `header.header--responsive` and doesn't apply, so the menu picks up the
		intended base-block metrics. Restore them here so non-responsive pages match.
	*/
	padding: 7px 8.75px;
	line-height: normal;
}
header.uiw-header .dropdown-menu.horizontal.uiw-header__resources-menu > li > a:hover,
header.uiw-header .dropdown-menu.horizontal.uiw-header__resources-menu > li > a:focus {
	background-color: #eaf0f6;
	color: #2a2a2a;
	border-bottom: 0;
}
/*
	_header.scss sets `header .nav-dropdown-menu { position: inherit }` (overriding Bootstrap's
	`.dropdown { position: relative }`). With position:inherit on the parent <li>, the absolutely
	positioned panel anchors to the next positioned ancestor (effectively the viewport), so it
	jumps to the far left of the page. Restore Bootstrap's containing-block + give the panel an
	explicit anchor under the trigger. Same pattern as the profile menu fix below.
*/
header.uiw-header .uiw-header__resources-dropdown {
	position: relative;
}
header.uiw-header .uiw-header__resources-dropdown .dropdown-menu.uiw-header__resources-menu {
	position: absolute;
	top: 100%;
	left: 0;
	right: auto;
}
/*
	`_header.scss` draws an orange triangle via `header .open .dropdown-toggle.arrow-up::after`
	for the legacy admin strip. The Resources <a> carries `arrow-up`, so it inherits the caret on
	open. Suppress it for the Resources trigger (mirrors the existing profile-menu suppression
	`header.uiw-header .nav-dropdown-menu.open .dropdown-toggle.arrow-up.profile::after` below).
*/
header.uiw-header .uiw-header__resources-dropdown.open .dropdown-toggle.arrow-up::after {
	content: none;
	display: none;
	border: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

.uiw-header #discovery-menu-trigger,
.uiw-header .discovery-trigger-1 {
	fill: #6b7280;
}
.uiw-header .discovery-trigger:hover #discovery-menu-trigger,
.uiw-header .discovery-trigger:hover .discovery-trigger-1 {
	fill: #374151;
}
.uiw-header .uiw-header__app-switcher-trigger .uiw-header__app-switcher-trigger-icon{
	color: #909090;
	font-size: 21px;
	width: 21px;
}

/* --- Explore menu panel (9-dot submenu) - left-aligned with 9-dot --- */
.uiw-header #discoverMenu.discover-menu {
	width: 293px;
	max-width: 293px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.08), 0 0 10px 0 rgba(0, 0, 0, 0.1);
	padding: 0;
	top: 56px;
	left: 0;
	border: none;
}
.uiw-header #discoverMenu.discover-menu:after {
	display: none;
}
.uiw-header #discoverMenu.discover-menu .container-fluid {
	padding: 0;
	margin: 0;
}
.uiw-header #discoverMenu.discover-menu .row {
	margin: 0;
}
.uiw-header #discoverMenu.discover-menu .discover-header {
	background: #f0f0f0;
	border-bottom: 1px solid #dfddd7;
	padding: 16px 28px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	color: #2a2a2a;
	border-radius: 4px 4px 0 0;
	width: 100%;
	float: none;
	margin: 0;
}
.uiw-header #discoverMenu.discover-menu .discover-logos {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 4px;
	padding: 8px;
	clear: both;
	margin-bottom: 3px;
}
.uiw-header #discoverMenu.discover-menu .discover-logos > figure:hover {
	background: var(--grey-100, #F0F0F0);
}
.uiw-header #discoverMenu.discover-menu .discover-logos > figure {
	flex: none;
	width: 100%;
	height: auto;
	min-height: auto;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 9px 14px;
}
.uiw-header #discoverMenu.discover-menu .discover-logos > figure.auction { order: 1; }
.uiw-header #discoverMenu.discover-menu .discover-logos > figure.ticket { order: 2; }
.uiw-header #discoverMenu.discover-menu .discover-logos > figure.giving { order: 3; }
.uiw-header #discoverMenu.discover-menu .discover-logos > figure a.text-link {
	display: flex;
	align-items: center;
	gap: 18px;
	text-decoration: none;
	color: #2a2a2a;
	width: 100%;
}
.uiw-header #discoverMenu.discover-menu .discover-logos > figure .row {
	display: flex;
	align-items: center;
	gap: 18px;
	margin: 0;
	flex: 1;
	min-width: 0;
}
.uiw-header #discoverMenu.discover-menu .discover-logos > figure .col-xs-3 {
	width: 42px;
	min-width: 42px;
	height: 42px;
	flex-shrink: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.uiw-header #discoverMenu.discover-menu .discover-logos > figure .col-xs-9 {
	flex: 1;
	min-width: 0;
	padding: 0;
}
.uiw-header #discoverMenu.discover-menu .discover-logos > figure img {
	width: 42px;
	height: 42px;
	object-fit: contain;
	max-width: 42px;
	max-height: 42px;
}
.uiw-header #discoverMenu.discover-menu .discover-logos .app-title {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	color: #2a2a2a;
}
.uiw-header #discoverMenu.discover-menu .discover-logos .app-title b {
	font-weight: 700;
}
.uiw-header #discoverMenu.discover-menu .discover-logos .app-subtitle {
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
	color: #2a2a2a;
	display: block;
	margin-top: 2px;
}
.uiw-header #discoverMenu.discover-menu .discover-logos figcaption {
	color: #2a2a2a;
}
.uiw-header #discoverMenu.discover-menu .discover-logos .donations-element {
	margin-top: 0;
}
.uiw-header #discoverMenu.discover-menu .separator-line {
	display: none;
}
.uiw-header #discoverMenu.discover-menu .discover-logos ~ .discover-header {
	margin-top: 0;
}

/* --- Profile menu dropdown --- */
/*
	Shrink-wrap the Bootstrap `.dropdown` to the trigger width. If the container stretches (block in a
	flex row), `right:0` on the panel aligns to the wrong edge — same pattern as Resources (toggle-sized
	containing block). Only when UI Wrapper is on (this file).
*/
header.uiw-header .uiw-header__right-group .nav.navbar-form.dropdown.nav-dropdown-menu {
	width: fit-content;
	max-width: 100%;
	min-width: 0;
	position: relative;
	/* BS3 `.navbar-right` uses float + negative margin; flex layout ignores float but margin can shift alignment */
	margin-right: 0 !important;
	float: none !important;
}
/*
	SUGstyleV3 (e.g. SUGstyleV3-part1.css) sets `header .dropdown-menu.horizontal` for the legacy orange
	toolbar (height: 45px, orange background, width: 100%, padding-right, etc.). The UI Wrapper profile
	panel reuses those classes on the same element as `.uiw-header__profile-menu`, so we must outrank
	`header .dropdown-menu.horizontal` (element + classes). Scoped to `header.uiw-header` only — this
	file is loaded solely when the uiWrapper feature is on.
*/
header.uiw-header .dropdown-menu.horizontal.uiw-header__profile-menu {
	height: auto;
	width: auto;
	min-width: 300px;
	max-width: 300px;
	text-align: left;
	padding: 0;
	padding-right: 0;
	background: #fff;
	background-color: #fff;
	font-size: 16px;
	border: none;
	border-radius: 12px;
	box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.08), 0 0 10px 0 rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	position: absolute;
	top: 100%;
	left: auto;
	right: 0;
	/* Tight gap under the avatar; BS `.dropdown-menu` defaults to ~2px — keep total small */
	margin: 4px 0 0;
}
/*
	SUG / V3: `header .open .dropdown-toggle.arrow-up:after` draws an orange triangle between the legacy
	strip and its menu. Profile uses the same toggle classes — remove the caret for the card menu only.
*/
header.uiw-header .nav-dropdown-menu.open .dropdown-toggle.arrow-up.profile::after {
	content: none;
	display: none;
	border: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}
/* Hidden by default; shown only when user clicks profile (parent gets .open) */
.uiw-header .nav-dropdown-menu .uiw-header__profile-menu {
	display: none;
}
.uiw-header .nav-dropdown-menu.open .uiw-header__profile-menu {
	display: flex;
}
.uiw-header .uiw-header__profile-menu {
	flex-direction: column;
	align-items: stretch;
	min-width: 300px;
	max-width: 300px;
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.08), 0 0 10px 0 rgba(0, 0, 0, 0.1);
	border: none;
}
.uiw-header .uiw-header__profile-menu-user {
	border-bottom: 1px solid #dedede;
	padding: 16px 28px;
}
.uiw-header .uiw-header__profile-menu-user-details {
	display: flex;
	gap: 16px;
	align-items: flex-start;
}
.uiw-header .uiw-header__profile-menu-avatar {
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	border-radius: 100px;
	background-color: #38466e;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.uiw-header .uiw-header__profile-menu-avatar-initials {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: normal;
	color: #fff;
	white-space: nowrap;
}
.uiw-header .uiw-header__profile-menu-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.uiw-header .uiw-header__profile-menu-user-text {
	display: flex;
	flex-direction: column;
	gap: 0;
	min-width: 0;
}
.uiw-header .uiw-header__profile-menu-user-text .uiw-header__profile-menu-link {
	margin-top: 8px;
}
.uiw-header .uiw-header__profile-menu-name {
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 14px;
	line-height: 1.4;
	color: #2a2a2a;
	margin: 0;
}
.uiw-header .uiw-header__profile-menu-email {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	color: #676767;
	margin: 2px 0 0 0;
	max-width: 185px;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* Override nav/right-group align-items: center so profile menu content is left-aligned */
.uiw-header .uiw-header__right-group .nav.nav-dropdown-menu {
	align-self: flex-start;
}
.uiw-header .uiw-header__profile-menu {
	align-items: flex-start !important;
}
/* Sections must span full menu width so borders (e.g. logout separator) span 300px */
.uiw-header .uiw-header__profile-menu > * {
	align-self: stretch;
	width: 100%;
	box-sizing: border-box;
}
.uiw-header .uiw-header__profile-menu-link {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.5;
	color: #257e9c;
	text-decoration: none;
	padding: 3.5px 0;
	display: inline-block;
}
.uiw-header .uiw-header__profile-menu-link:hover {
	color: #1d6278;
	text-decoration: underline;
}
/* Paid users: Manage link is right-aligned in plan row */
.uiw-header .uiw-header__profile-menu-link--right {
	flex-shrink: 0;
	align-self: center;
}
.uiw-header .uiw-header__profile-menu-plan {
	background-color: #f0f0f0;
	border-bottom: 1px solid #bebebe;
	padding: 16px 28px;
}
.uiw-header .uiw-header__profile-menu-plan-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 4px;
}
.uiw-header .uiw-header__profile-menu-plan-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.uiw-header .uiw-header__profile-menu-plan-name {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.4;
	color: #2a2a2a;
	margin: 0;
}
.uiw-header .uiw-header__profile-menu-plan-duration {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	color: #676767;
	margin: 0;
}
.uiw-header .uiw-header__profile-menu-account {
	padding: 20px 28px;
	text-align: left;
}
.uiw-header .uiw-header__profile-menu-account-title {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.4;
	color: #2a2a2a;
	margin: 0 0 12px;
}
.uiw-header .uiw-header__profile-menu-account-links {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	text-align: left;
}
/* Override nav align-items: center (line 53) so My Account links stay left-aligned; selector must be more specific */
.uiw-header .uiw-header__desktop-wrapper nav .uiw-header__profile-menu-account-links {
	align-items: flex-start;
}
.uiw-header .uiw-header__profile-menu-account-link {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	color: #2a2a2a;
	text-decoration: none;
	text-align: left;
}
.uiw-header .uiw-header__profile-menu-account-link:hover {
	color: #2a2a2a;
	text-decoration: underline;
}
.uiw-header .uiw-header__profile-menu-logout {
	border-top: 1px solid #dedede;
	padding: 28px;
}
.uiw-header .uiw-header__profile-menu-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 36px;
	max-height: 36px;
	padding: 8px 17px;
	border-radius: 8px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.5;
	text-decoration: none;
	border: 1px solid transparent;
	box-sizing: border-box;
}
.uiw-header .uiw-header__profile-menu-btn--primary {
	background-color: #38466e;
	color: #fff;
	border-color: #38466e;
}
.uiw-header .uiw-header__profile-menu-btn--primary:hover {
	background-color: #2d3854;
	color: #fff;
	border-color: #2d3854;
}
.uiw-header .uiw-header__profile-menu-btn--tertiary {
	background-color: #f0f0f0;
	color: #2a2a2a;
	border-color: #f0f0f0;
}
.uiw-header .uiw-header__profile-menu-btn--tertiary:hover {
	background-color: #e0e0e0;
	color: #2a2a2a;
	border-color: #e0e0e0;
}

/* Body class set only by UI Wrapper script when mobile nav opens: overlay behavior (no push) */
/* Entire header subtree (incl. fixed #header-main-nav) must stack above #header-main-nav-backdrop (z-index 100001), a sibling under .uiw-header__band. */
body.uiw-mobile-nav-open .uiw-header:not(.uiw-header--desktop-only-layout) {
	position: relative;
	z-index: 100002 !important;
}
/* Lock header band to mobile bar height and stack it above main content so nav panel overlays (not under) content */
body.uiw-mobile-nav-open .uiw-header__band {
	position: relative;
	z-index: 99998 !important;
	height: 72px !important;
	min-height: 72px !important;
	max-height: 72px !important;
	overflow: visible;
}
/* Hide entire mobile bar (hamburger, logo, profile) when menu is open so only the left nav panel is visible; close via X in panel */
body.uiw-mobile-nav-open .uiw-header__band .uiw-header__mobile-bar {
	visibility: hidden;
}
/* Keep ad slots and upgrade CTA below the nav panel when menu is open */
body.uiw-mobile-nav-open [id*="signupgenius_Mobile_"],
body.uiw-mobile-nav-open .please-remove {
	z-index: -1 !important;
}
/* Keep main content and ads below the open nav panel */
body.uiw-mobile-nav-open .mainbody {
	position: relative;
	z-index: 0;
	padding-top: 0 !important;
}
body.uiw-mobile-nav-open #SUGContainer {
	padding-top: 0 !important;
}
body.uiw-mobile-nav-open .mktg-area.top .mktg {
	padding-top: 0 !important;
}
/* When menu is open, force panel to 248px wide, flush left (wins over any other CSS) */
body.uiw-mobile-nav-open #header-main-nav.cover-menu {
	position: fixed !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 248px !important;
	min-width: 248px !important;
	max-width: 248px !important;
	height: 100vh !important;
	max-height: 100vh !important;
	max-height: 100dvh !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
	inset-inline-start: 0 !important;
}
/* Remove any left gap: ensure panel and its wrappers have no left margin/padding */
body.uiw-mobile-nav-open .uiw-header nav .navbar-collapse.cover-menu.collapse.in,
body.uiw-mobile-nav-open .uiw-header nav .navbar-collapse.cover-menu.collapse.show,
body.uiw-mobile-nav-open #header-main-nav.cover-menu.collapse.in,
body.uiw-mobile-nav-open #header-main-nav.cover-menu.collapse.show {
	padding-left: 0 !important;
	margin-left: 0 !important;
	left: 0 !important;
}
body.uiw-mobile-nav-open .uiw-header .uiw-header__mobile-nav,
body.uiw-mobile-nav-open .uiw-header .uiw-header__mobile-nav .menu-main-group,
body.uiw-mobile-nav-open .uiw-header .uiw-header__mobile-nav-inner {
	padding-left: 0 !important;
	margin-left: 0 !important;
}

/* --- Mobile right account panel; panel lives in .uiw-header__band, outside header --- */
@media (max-width: 991px) {
	.uiw-header__band #header-account-nav.uiw-header__mobile-account-nav,
	.uiw-header #header-account-nav.uiw-header__mobile-account-nav {
		position: fixed !important;
		top: 0 !important;
		right: 0 !important;
		left: auto !important;
		bottom: 0 !important;
		width: 248px !important;
		min-width: 248px !important;
		max-width: 248px !important;
		height: 100vh !important;
		min-height: 100vh !important;
		min-height: 100dvh !important;
		background-color: #fff !important;
		box-shadow: -5px 0 9px 0 rgba(0, 0, 0, 0.16);
		z-index: 100002 !important;
		display: none !important;
		flex-direction: column !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box;
	}
	/* Open state: no Bootstrap collapse — we toggle this class in JS so nothing else can close the panel */
	.uiw-header__band #header-account-nav.uiw-header__mobile-account-nav.uiw-header__mobile-account-nav--open,
	.uiw-header #header-account-nav.uiw-header__mobile-account-nav.uiw-header__mobile-account-nav--open {
		display: flex !important;
		height: 100vh !important;
		min-height: 100vh !important;
		min-height: 100dvh !important;
		opacity: 1 !important;
	}
	/* Close button: match left nav (size and placement) */
	.uiw-header__band .uiw-header__mobile-account-close,
	.uiw-header .uiw-header__mobile-account-close {
		position: absolute;
		top: 16px;
		right: 16px;
		z-index: 10;
		width: 24px;
		height: 24px;
		padding: 0;
		border: none;
		background: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #222;
		font-size: 2.1rem;
	}
	.uiw-header__band .uiw-header__mobile-account-close:hover,
	.uiw-header .uiw-header__mobile-account-close:hover {
		opacity: 0.8;
	}
	/* left spacing 16px: Account row pt-68 pb-16 px-16; each nav row px-16 py-12 */
	.uiw-header__band #header-account-nav .uiw-header__mobile-account-inner,
	.uiw-header #header-account-nav .uiw-header__mobile-account-inner {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		padding: 57px 16px 16px;
		flex: 1 1 auto;
		min-height: 0;
	}
	.uiw-header__band #header-account-nav .uiw-header__mobile-account-title,
	.uiw-header #header-account-nav .uiw-header__mobile-account-title {
		font-family: 'Lato', sans-serif;
		font-weight: 500;
		font-size: 16px;
		line-height: 1.4;
		color: #2a2a2a;
		margin: 0 0 16px 0;
		padding-left: 0;
		padding-right: 0;
	}
	/* Menu entries: 16px from panel left (match Account); px-16 py-12 per row */
	.uiw-header__band #header-account-nav .uiw-header__mobile-account-link,
	.uiw-header #header-account-nav .uiw-header__mobile-account-link {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 12px 16px 12px 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		font-size: 18px;
		line-height: 1.4;
		color: #2a2a2a;
		text-decoration: none;
		border: none;
		background: transparent;
		width: 100%;
		text-align: left;
		box-sizing: border-box;
	}
	.uiw-header__band #header-account-nav .uiw-header__mobile-account-link:hover,
	.uiw-header #header-account-nav .uiw-header__mobile-account-link:hover {
		color: #2a2a2a;
		text-decoration: none;
		background-color: #f5f5f5;
	}
	/* Bottom 3 items: solid/fa-search, regular/fa-headphones-simple, solid/fa-sign-out — 24×24, primary/500 */
	.uiw-header__band #header-account-nav .uiw-header__mobile-account-link--icon .uiw-header__mobile-account-icon,
	.uiw-header #header-account-nav .uiw-header__mobile-account-link--icon .uiw-header__mobile-account-icon {
		flex-shrink: 0;
		width: 24px;
		height: 24px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		color: #f68b1c !important;
		fill: #f68b1c !important;
	}
	/* Divider: full width of menu, more space above/below */
	.uiw-header__band #header-account-nav .uiw-header__mobile-account-divider,
	.uiw-header #header-account-nav .uiw-header__mobile-account-divider {
		height: 1px;
		background-color: #e0e0e0;
		margin: 20px -16px;
		width: calc(100% + 32px);
		flex-shrink: 0;
	}
	/* Try Premium box: pt 16px pb 24px px 12px, gap 12px; lightbulb 50×50 surface/800; button per 483:796 */
	.uiw-header__band #header-account-nav .uiw-header__mobile-account-cta,
	.uiw-header #header-account-nav .uiw-header__mobile-account-cta {
		margin: 24px 0 150px 0;
		padding: 16px 12px 24px 12px;
		background-color: #f0f0f0;
		border-radius: 12px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 12px;
		text-align: center;
	}
	.uiw-header__band #header-account-nav .uiw-header__mobile-account-cta .uiw-header__mobile-account-cta-icon-wrap,
	.uiw-header #header-account-nav .uiw-header__mobile-account-cta .uiw-header__mobile-account-cta-icon-wrap {
		flex-shrink: 0;
		width: 50px;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.uiw-header__band #header-account-nav .uiw-header__mobile-account-cta .uiw-header__mobile-account-cta-icon-wrap .uiw-header__mobile-account-cta-icon,
	.uiw-header #header-account-nav .uiw-header__mobile-account-cta .uiw-header__mobile-account-cta-icon-wrap .uiw-header__mobile-account-cta-icon {
		width: 50px;
		height: 50px;
		aspect-ratio: 1 / 1;
		fill: #2a2a2a;
	}
	.uiw-header__band #header-account-nav .uiw-header__mobile-account-cta .uiw-header__mobile-account-cta-text,
	.uiw-header #header-account-nav .uiw-header__mobile-account-cta .uiw-header__mobile-account-cta-text {
		font-family: 'Lato', sans-serif;
		font-weight: 500;
		font-size: 14px;
		line-height: 1.4;
		color: #2a2a2a;
		margin: 0;
		padding: 0;
		width: 100%;
		min-width: 0;
		text-align: center;
	}
	.uiw-header__band #header-account-nav .uiw-header__mobile-account-cta .uiw-header__profile-menu-btn--primary,
	.uiw-header #header-account-nav .uiw-header__mobile-account-cta .uiw-header__profile-menu-btn--primary {
		flex-shrink: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 42px;
		min-height: 42px;
		padding: 10px 19px;
		border-radius: 8px;
		font-family: 'Lato', sans-serif;
		font-weight: 700;
		font-size: 16px;
		line-height: 1.5;
		color: #fff;
		background-color: #38466e;
		border: 1px solid #38466e;
		text-decoration: none;
		text-align: center;
	}
	.uiw-header .uiw-header__mobile-account-trigger {
		padding: 0;
		border: none;
		background: transparent;
		cursor: pointer;
		display: inline-block;
		line-height: 0;
	}
	.uiw-header .uiw-header__mobile-account-trigger .ppic {
		display: block;
	}
}
/* Full-viewport backdrops for mobile drawers (left nav + account): blur matches newer app (backdrop-filter ~8px); panels stay solid #fff above */
.uiw-header__mobile-account-backdrop,
.uiw-header__mobile-nav-backdrop {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	z-index: 100001 !important;
	pointer-events: none;
	background: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	cursor: default;
}
.uiw-header__mobile-account-backdrop.uiw-header__mobile-account-backdrop--visible,
.uiw-header__mobile-nav-backdrop.uiw-header__mobile-nav-backdrop--visible {
	pointer-events: auto;
	cursor: pointer;
	/* Tint + blur (aligns with CDK overlay / tw:backdrop-blur-sm → ~8px in computed styles) */
	background-color: rgba(0, 0, 0, 0.28) !important;
	-webkit-backdrop-filter: blur(8px) !important;
	backdrop-filter: blur(8px) !important;
}
/* Hide mobile bar when right account panel is open (like left nav) */
body.uiw-mobile-account-open .uiw-header__band .uiw-header__mobile-bar {
	visibility: hidden;
}
body.uiw-mobile-account-open .uiw-header__band {
	position: relative;
	z-index: 99998 !important;
	height: 72px !important;
	min-height: 72px !important;
	max-height: 72px !important;
	overflow: visible;
}

@media (min-width: 992px) {
	/* Desktop: hide right account nav and mobile drawer backdrops */
	.uiw-header__band #header-account-nav,
	#header-account-nav-backdrop,
	#header-main-nav-backdrop {
		display: none !important;
	}

	#header-main-nav {
		padding-right: 0px;
		padding-left: 0px;
	}
}

.uiw.background-lightyellow.mktg-area.top, .uiw.background-lightyellow.mktg-area.bottom {
    border: unset;
	background: unset !important;
}

.please-remove {
 display: none;
}

.new-ui-please-remove.pre-hide {
	display: block;
}

.uiw.background-lightyellow.mktg-area.top {
	padding-top: 14px;
}

.uiw.background-lightyellow.mktg-area.bottom {
	padding-bottom: 32px;
}

.uiw.background-lightyellow.mktg-area.bottom .new-ui-please-remove.pre-hide {
	padding-bottom: 8px;
}

.uiw-subadminbar {
	font-family: 'Lato', sans-serif;
	padding: 16px 24px;
	background: #ffffff;
	border-radius: 16px;
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 19px;
	max-width: 925px;
}

.uiw-subadminbar-detail {
	display: inline-flex;
	flex-grow: 1;
	flex-wrap: wrap;

}

.uiw-subadminbar-parent {
	color: black;
	font-weight: 900;
}

.uiw-subadminbar-parent-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	flex-direction: row-reverse;
	justify-content: flex-end;
}

.uiw-permissions {
	color: rgba(37, 126, 156, 1);
	font-weight: bold;
	font-size: 14px;
}

.uiw-permissions:hover {
	color: rgba(37, 126, 156, 1);
	opacity: 70%;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
	transition-duration: 150ms; 
}

.uiw-switch {
	padding: 8px 16px;
	line-height: 21px;
	color: #2a2a2a;
	background: #f0f0f0;
	border-radius: 6px;
	font-size: 14px;
	font-weight: bold;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
	transition-duration: 150ms; 
}

.uiw-switch:hover {
	color: color-mix(in srgb,rgb(42, 42, 42) 80%,black);
	background: color-mix(in srgb,rgb(240, 240, 240) 75%,black);
}

@media (width >= 768px) { 
	.uiw-subadminbar {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
	.uiw-subadminbar-parent-actions {
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
}

/* -------------------------------------------------------------------------- */
/* Maintenance banner — wrapper downtime branch only        */
/* -------------------------------------------------------------------------- */
.uiw-maintenance-banner {
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid rgba(0, 0, 0, 0.12);
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	background-color: #2E3959;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 45px;
	padding: 14px 28px;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	text-align: center;
}

.uiw-maintenance-banner *,
.uiw-maintenance-banner *::before,
.uiw-maintenance-banner *::after {
	box-sizing: border-box;
}

.uiw-maintenance-banner__message {
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	color: inherit;
	font: inherit;
	font-weight: inherit;
	line-height: inherit;
	text-align: inherit;
	white-space: normal;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

@media (max-width: 575px) {
	.uiw-maintenance-banner {
		padding: 12px 16px;
		font-size: 14px;
		min-height: 0;
	}
}

/* -------------------------------------------------------------------------- */
/* Sign-up page admin toolbar — this file loads only when useUiWrapper        */
/* (uiWrapper-check + layHeader3);                                            */
/* -------------------------------------------------------------------------- */
.l-signuppage .admintoolbar .bar {
	background-color: #fff;
	height: 46px;
	color: #444;
	padding-top: 5px;
	border-bottom: 1px solid #ddd;
}

.l-signuppage .admintoolbar .bar .title {
	color: #1e1e1e;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	font-size: 1.6rem;
	line-height: 1.2;
	text-transform: none;
	margin-right: 12px;
	vertical-align: middle;
}

.l-signuppage .admintoolbar .bar a.btn {
	color: #1e1e1e !important;
	background-color: #f0f0f0 !important;
	border: 1px solid #e0e0e0 !important;
	border-radius: 8px !important;
	font-family: 'Lato', sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	display: inline-flex !important;
	align-items: center !important;
	margin-left: 6px;
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.l-signuppage .admintoolbar .bar a.btn:hover,
.l-signuppage .admintoolbar .bar a.btn:focus {
	color: #1e1e1e !important;
	background-color: #e5e5e5 !important;
	border-color: #d5d5d5 !important;
}

.l-signuppage .admintoolbar .bar a.btn [class^="sugicon-"] {
	color: #666;
	margin-right: 8px;
	line-height: 1;
}

/* -------------------------------------------------------------------------- */
/* Marketing carousel banner (Embla) — only in uiw-header-markup; all selectors */
/* scoped under .uiw-header__band .uiw-mktg-banner                                  */
/* -------------------------------------------------------------------------- */
.uiw-header__band .uiw-mktg-banner {
	width: 100%;
	flex: 1 1 100%;
}

.uiw-header__band .uiw-mktg-banner__viewport {
	overflow: hidden;
	width: 100%;
}

.uiw-header__band .uiw-mktg-banner__container {
	display: flex;
}

.uiw-header__band .uiw-mktg-banner__slide {
	flex: 0 0 100%;
	min-width: 0;
	box-sizing: border-box;
	background-image: linear-gradient(
		90deg,
		rgb(56, 70, 110) 0%,
		rgb(46, 113, 177) 30.769%,
		rgb(67, 155, 172) 62.981%,
		rgb(27, 90, 112) 87.981%
	);
}

/* marketing carousel - desktop: single row — copy flexes left (max 2 lines + ellipsis), CTA shrink-0 on the right */
.uiw-header__band .uiw-mktg-banner__inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
	min-height: 60px;
	padding: 8px 28px;
	box-sizing: border-box;
}

.uiw-header__band .uiw-mktg-banner__headline {
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.2;
	color: #fff;
	text-align: left;
	/* 2-line cap + ellipsis; min-width:0 required for truncation inside flex row */
	flex: 1 1 0;
	min-width: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow-wrap: break-word;
	word-break: break-word;
}

.uiw-header__band .uiw-mktg-banner__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	align-self: center;
	box-sizing: border-box;
	min-height: 42px;
	padding: 9px 19px;
	border: 1px solid #f7f7f7;
	border-radius: 8px;
	background-color: transparent;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.uiw-header__band .uiw-mktg-banner__cta:hover,
.uiw-header__band .uiw-mktg-banner__cta:focus {
	color: #fff;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.12);
	border-color: #fff;
	outline: none;
}

.uiw-header__band .uiw-mktg-banner__cta:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* marketing carousel - mobile: 14px copy / 120% line-height; row stays horizontal with CTA right; banner ~68px tall */
@media (max-width: 575px) {
	.uiw-header__band .uiw-mktg-banner__inner {
		padding: 16px 16px;
		min-height: 0;
	}

	.uiw-header__band .uiw-mktg-banner__headline {
		font-size: 14px;
		line-height: 1.2;
	}

	.uiw-header__band .uiw-mktg-banner__cta {
		min-height: 36px;
		padding: 9px 17px;
		font-size: 14px;
		line-height: 1.5;
	}
}