/* Preview-only Skirts disclosure. Existing navigation branches retain their rules. */
.site-navigation .yd-skirt-navigation > .yd-skirt-navigation__overview {
	min-height: 2.75rem;
	padding-right: 3.25rem;
}

.site-navigation .yd-skirt-navigation > .yd-skirt-navigation__toggle {
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	min-height: 2.75rem;
	padding: 0;
	cursor: pointer;
}

.site-navigation .yd-skirt-navigation__toggle::after {
	margin-left: 0;
}

.site-navigation .yd-skirt-navigation:not(.is-open) > .sub-menu,
.site-navigation .yd-skirt-navigation > .sub-menu[hidden] {
	display: none;
}

.site-navigation .yd-skirt-navigation.is-open > .sub-menu:not([hidden]) {
	display: block;
}

.site-navigation .yd-skirt-navigation > .sub-menu {
	max-width: calc(100vw - 2rem);
	max-height: var(--yd-skirt-submenu-available-height, calc(100vh - 15rem));
	overflow-y: auto;
	overscroll-behavior: contain;
}

.site-navigation .yd-skirt-navigation > .sub-menu a {
	min-height: 2.75rem;
}

@media (min-width: 64rem) {
	/* Reuse the original link's 1.5rem total horizontal padding for the plus. */
	.site-navigation .yd-skirt-navigation > .yd-skirt-navigation__overview {
		padding-left: 0.375rem;
		padding-right: 1.125rem;
	}

	.site-navigation .yd-skirt-navigation > .yd-skirt-navigation__toggle {
		width: 1rem;
	}

	/* Keep the homepage's compact row while retaining 44px activation areas. */
	body.home .site-navigation .yd-skirt-navigation {
		height: calc(var(--yd-home-type-nav) * 1.35 + 1.1rem);
	}

	body.home .site-navigation .yd-skirt-navigation > .yd-skirt-navigation__overview {
		position: relative;
		top: 50%;
		padding-left: 0.3rem;
		padding-right: 0.9rem;
		transform: translateY(-50%);
	}

	body.home .site-navigation .yd-skirt-navigation > .yd-skirt-navigation__toggle {
		top: 50%;
		width: 0.9rem;
		transform: translateY(-50%);
	}

	body.home .site-navigation .yd-skirt-navigation__toggle::after {
		margin-left: 0;
	}
}