/**
 * Mobile-view-active only: counter-scale the sidebar so it matches wide-screen
 * layout, typography, and button sizes when the 1280px page is shrunk.
 * --mobile-sidebar-scale-compensate is set in mobile-view-active-sidebar.js (1 / pageScale).
 * Scoped strictly to .mobile-nav__content.
 */
html.mobile-view-active.desktop-layout-only.mobile-view-active-sidebar-fixed .mobile-nav__content {
	width: 300px !important;
	max-width: 300px !important;
	max-height: min(680px, calc(100vh - 16px)) !important;
	padding-top: 18px !important;
	padding-bottom: 20px !important;
	border-radius: 0 18px 18px 0 !important;
	zoom: var(--mobile-sidebar-scale-compensate, 1);
}

/* Undo desktop-layout-only narrow breakpoints — wide-screen sidebar typography always. */
html.mobile-view-active.desktop-layout-only.mobile-view-active-sidebar-fixed .mobile-nav__content .main-menu__list > li > a,
html.mobile-view-active.desktop-layout-only.mobile-view-active-sidebar-fixed .mobile-nav__content .main-menu__list > li > ul > li > a,
html.mobile-view-active.desktop-layout-only.mobile-view-active-sidebar-fixed .mobile-nav__content .main-menu__list > li > ul > li > ul > li > a {
	font-size: 14px !important;
	height: 32px !important;
	min-height: 32px !important;
}

html.mobile-view-active.desktop-layout-only.mobile-view-active-sidebar-fixed .mobile-nav__content .logo-box {
	margin-bottom: 16px !important;
}

html.mobile-view-active.desktop-layout-only.mobile-view-active-sidebar-fixed .mobile-nav__content .logo-box img {
	max-height: none !important;
	width: auto;
}