/* R4 global shell composition. All rebuild rules remain route-scoped. */
.vsf-rebuild {
	background: var(--vsf-color-canvas, #F4F4F1);
	color: var(--vsf-color-ink, #171717);
	font-family: var(--vsf-font-body, "IBM Plex Sans", system-ui, sans-serif);
	letter-spacing: 0;
}

.vsf-rebuild .vsf-shell-control {
	align-items: center;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 0;
	color: inherit;
	display: inline-flex;
	font: inherit;
	justify-content: center;
	letter-spacing: 0;
	min-height: 44px;
	min-inline-size: 44px;
	padding: 0.5rem 0.75rem;
	text-decoration: none;
}

.vsf-rebuild .vsf-shell-control:focus-visible,
.vsf-rebuild .et-header-menu a:focus-visible,
.vsf-rebuild .mobile-menu a:focus-visible,
.vsf-rebuild .search-panel input:focus-visible,
.vsf-rebuild .footer-navigation a:focus-visible {
	outline: 3px solid var(--vsf-color-focus, #1769AA) !important;
	outline-offset: 3px;
}

.vsf-rebuild .side-panel[aria-hidden="true"] {
	pointer-events: none;
}

.vsf-rebuild .side-panel[aria-hidden="false"] {
	pointer-events: auto;
}