/* A shared navigation treatment across the Home, public pages and account states. */
.topbar .navlinks,
.site-header .primary-nav {
	align-items: center;
	gap: clamp(8px, 1.45vw, 18px);
}

.topbar .navlinks .home-nav-list > li > a,
.site-header .primary-nav .primary-nav__list > li > a,
.topbar .navlinks > a:not(.publish):not(.mobile-switch):not(.account-menu__login),
.site-header .primary-nav > a:not(.publish):not(.button):not(.mobile-switch):not(.account-menu__login) {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 11px;
	border-radius: 8px;
	color: #263b4a;
	font-size: .88rem;
	font-weight: 650;
	text-decoration: none;
	transition: background-color .16s ease, color .16s ease;
}

.topbar .navlinks .home-nav-list > li > a:hover,
.site-header .primary-nav .primary-nav__list > li > a:hover,
.topbar .navlinks > a:not(.publish):not(.mobile-switch):not(.account-menu__login):hover,
.site-header .primary-nav > a:not(.publish):not(.button):not(.mobile-switch):not(.account-menu__login):hover {
	background: #edf7fc;
	color: #00579b;
}

.topbar .navlinks .home-nav-list > li.current-menu-item > a:not(.publish),
.topbar .navlinks .home-nav-list > li.current_page_item > a:not(.publish),
.topbar .navlinks .home-nav-list > li > a[aria-current="page"]:not(.publish),
.topbar .navlinks .home-nav-list > li > a.mmo-nav-context-active:not(.publish),
.site-header .primary-nav .primary-nav__list > li.current-menu-item > a:not(.publish),
.site-header .primary-nav .primary-nav__list > li.current_page_item > a:not(.publish),
.site-header .primary-nav .primary-nav__list > li > a[aria-current="page"]:not(.publish),
.site-header .primary-nav .primary-nav__list > li > a.mmo-nav-context-active:not(.publish) {
	background: #eaf5fb;
	color: #00579b;
	font-weight: 750;
}

.topbar .navlinks .home-nav-list > li.current-menu-item > a:not(.publish)::after,
.topbar .navlinks .home-nav-list > li.current_page_item > a:not(.publish)::after,
.topbar .navlinks .home-nav-list > li > a[aria-current="page"]:not(.publish)::after,
.topbar .navlinks .home-nav-list > li > a.mmo-nav-context-active:not(.publish)::after,
.site-header .primary-nav .primary-nav__list > li.current-menu-item > a:not(.publish)::after,
.site-header .primary-nav .primary-nav__list > li.current_page_item > a:not(.publish)::after,
.site-header .primary-nav .primary-nav__list > li > a[aria-current="page"]:not(.publish)::after,
.site-header .primary-nav .primary-nav__list > li > a.mmo-nav-context-active:not(.publish)::after {
	position: absolute;
	right: 11px;
	bottom: 4px;
	left: 11px;
	height: 2px;
	border-radius: 2px;
	background: #00a0c8;
	content: "";
}

.topbar .navlinks .home-nav-list > li > a.publish,
.site-header .primary-nav .primary-nav__list > li > a.publish,
.site-header .primary-nav .primary-nav__list > li > a.button {
	min-height: 44px;
	padding-inline: 18px;
	border: 1px solid #006bbf;
	border-radius: 9px;
	background: #006bbf;
	box-shadow: 0 3px 8px rgb(0 80 140 / 14%);
	color: #fff;
	font-weight: 750;
	transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.topbar .navlinks .home-nav-list > li > a.publish:hover,
.site-header .primary-nav .primary-nav__list > li > a.publish:hover,
.site-header .primary-nav .primary-nav__list > li > a.button:hover {
	transform: translateY(-1px);
	border-color: #00579b;
	background: #00579b;
	box-shadow: 0 5px 12px rgb(0 80 140 / 20%);
	color: #fff;
}

.topbar .navlinks .account-menu > summary,
.site-header .primary-nav .account-menu > summary {
	min-height: 42px;
	padding-inline: 12px;
	border: 1px solid #d9e7ef;
	border-radius: 9px;
	background: #fff;
	color: #174a6d;
	font-size: .84rem;
	font-weight: 700;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.topbar .navlinks .account-menu > summary:hover,
.topbar .navlinks .account-menu[open] > summary,
.site-header .primary-nav .account-menu > summary:hover,
.site-header .primary-nav .account-menu[open] > summary {
	border-color: #a9d7e9;
	background: #edf8fc;
	color: #00579b;
}

.topbar .navlinks .account-menu__panel,
.site-header .primary-nav .account-menu__panel {
	min-width: 228px;
	padding: 8px;
	border: 1px solid #d6e4ed;
	border-top: 1px solid #d6e4ed;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 16px 38px rgb(18 52 73 / 18%);
}

.topbar .navlinks .account-menu__panel::before,
.site-header .primary-nav .account-menu__panel::before {
	top: -7px;
	border-color: #d6e4ed transparent transparent #d6e4ed;
	background: #fff;
}

.topbar .navlinks .account-menu__panel a,
.site-header .primary-nav .account-menu__panel a {
	min-height: 39px;
	padding-inline: 11px;
	border-radius: 7px;
	color: #28495f !important;
	font-size: .82rem;
	font-weight: 600;
}

.topbar .navlinks .account-menu__panel a:hover,
.topbar .navlinks .account-menu__panel a:focus-visible,
.site-header .primary-nav .account-menu__panel a:hover,
.site-header .primary-nav .account-menu__panel a:focus-visible {
	background: #eaf5fb;
	color: #00579b !important;
}

.topbar .navlinks .account-menu__separator,
.site-header .primary-nav .account-menu__separator {
	border-color: #e1ebf1;
}

.topbar .navlinks .account-menu__count,
.site-header .primary-nav .account-menu__count {
	background: #d8f1fa;
	color: #075579;
}

@media (max-width: 680px) {
	.topbar .navlinks .home-nav-list > li > a,
	.site-header .primary-nav .primary-nav__list > li > a {
		min-height: 38px;
		padding-inline: 9px;
		font-size: .79rem;
	}

	.topbar .navlinks .home-nav-list > li > a.publish,
	.site-header .primary-nav .primary-nav__list > li > a.publish,
	.site-header .primary-nav .primary-nav__list > li > a.button {
		min-height: 38px;
		padding-inline: 11px;
	}

	.site-header .primary-nav .articles-link {
		display: none;
	}

	.topbar .navlinks .home-nav-list > li > a::after,
	.site-header .primary-nav .primary-nav__list > li > a::after {
		bottom: 2px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.topbar .navlinks *,
	.site-header .primary-nav * {
		transition-duration: .01ms !important;
	}
}