/* 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 .account-menu__login,
.site-header .primary-nav .account-menu__login {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

.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: 44px;
	padding: 0 11px;
	border-radius: 8px;
	color: var(--mr-deep);
	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: var(--mr-paper);
	color: var(--mr-green);
}

.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: var(--mr-paper);
	color: var(--mr-green);
	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: var(--mr-green);
	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 var(--mr-green);
	border-radius: 9px;
	background: var(--mr-green);
	box-shadow: 0 3px 8px rgb(var(--mr-shadow-rgb) / 14%);
	color: var(--mr-white);
	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: var(--mr-green);
	background: var(--mr-green);
	box-shadow: 0 5px 12px rgb(var(--mr-shadow-rgb) / 20%);
	color: var(--mr-white);
}

.topbar .navlinks .account-menu > summary,
.site-header .primary-nav .account-menu > summary {
	min-height: 44px;
	padding-inline: 12px;
	border: 1px solid var(--mr-soft);
	border-radius: 9px;
	background: var(--mr-white);
	color: var(--mr-green);
	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: var(--mr-soft);
	background: var(--mr-paper);
	color: var(--mr-green);
}

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

.topbar .navlinks .account-menu__panel::before,
.site-header .primary-nav .account-menu__panel::before {
	top: -7px;
	border-color: var(--mr-soft) transparent transparent var(--mr-soft);
	background: var(--mr-white);
}

.topbar .navlinks .account-menu__panel a,
.site-header .primary-nav .account-menu__panel a {
	min-height: 44px;
	padding-inline: 11px;
	border-radius: 7px;
	color: var(--mr-green) !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: var(--mr-paper);
	color: var(--mr-green) !important;
}

.topbar .navlinks .account-menu__separator,
.site-header .primary-nav .account-menu__separator {
	border-color: var(--mr-line);
}

.topbar .navlinks .account-menu__count,
.site-header .primary-nav .account-menu__count {
	background: var(--mr-soft);
	color: var(--mr-green);
}

@media (max-width: 680px) {
	.topbar .navlinks .home-nav-list > li > a,
	.site-header .primary-nav .primary-nav__list > li > a {
		min-height: 44px;
		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: 44px;
		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;
	}
}