/* Shared single body layout; sidebar content belongs to the CPT. */
.emergency-single-page {
	--emergency-single-page-sidebar-width: 28%;
	--emergency-single-page-muted: var(--wp--preset--color--muted, #f8f7f6);
	background: #fff;
	color: var(--wp--preset--color--black, #171717);
}

.emergency-single-page .emergency-single-page__layout {
	box-sizing: border-box;
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 1fr);
	margin-inline: auto;
	max-width: var(--emergency-layout-boxed-max-width);
	padding: 0;
}

.emergency-single-page .emergency-single-page__layout.emergency-single-page__layout--with-sidebar {
	grid-template-columns: minmax(0, var(--emergency-single-page-sidebar-width)) minmax(0, calc(100% - var(--emergency-single-page-sidebar-width)));
}

.emergency-single-page .emergency-single-page__layout.emergency-single-page__layout--sidebar-muted {
	background: linear-gradient(90deg, var(--wp--preset--color--grey-100, #f8f7f6) var(--emergency-single-page-sidebar-width), #fff var(--emergency-single-page-sidebar-width));
}

.emergency-single-page .emergency-single-page__content {
	--emergency-layout-block-margin: 0;
	min-width: 0;
}

.emergency-single-page .emergency-single-page__content.emergency-single-page__content--inset {
	box-sizing: border-box;
	--emergency-column-inset: var(--emergency-layout-margin);
	padding-inline: var(--emergency-column-inset);
}

.emergency-single-page .emergency-single-page__content.emergency-single-page__content--indexed :is(h2[id], .emergency-rendered-section[id], .emergency-toc-section[id], .wp-block-emergency-country-section[id]) {
	scroll-margin-block-start: calc(var(--emergency-section-index-top, 0px) + var(--wp--preset--spacing--40));
}

.emergency-single-page .emergency-single-page__content--inset .emergency-rendered-section > .emergency-section-composition {
	box-sizing: border-box;
	margin-inline: 0 !important;
	max-width: none;
	padding-inline: 0 !important;
	width: 100%;
}

/* The editor shows only the body; the sidebar remains a frontend component. */
.emergency-single-page.emergency-single-page--editor .emergency-single-page__layout {
	background: #fff;
	display: block;
	padding: 0;
}

.emergency-single-page.emergency-single-page--editor .emergency-single-page__content {
	margin-inline: auto;
	max-width: var(--emergency-layout-max-width);
	--emergency-column-inset: var(--emergency-layout-margin);
	padding-inline: var(--emergency-column-inset);
}

.emergency-single-page.emergency-single-page--editor .emergency-single-page__content .emergency-section-composition {
	box-sizing: border-box;
	padding-inline: 0 !important;
}

.emergency-single-page-shell__body {
	margin: 0;
}

@media (max-width: 63.999rem) {

	.emergency-single-page .emergency-single-page__layout {
		display: block;
	}

	.emergency-single-page .emergency-single-page__layout.emergency-single-page__layout--sidebar-muted {
		background: #fff;
	}

	/* Collapsing sidebars own their controls; plain sidebars may opt out. */
	.emergency-single-page__layout > .emergency-single-page__sidebar--mobile-hidden {
		display: none;
	}
}

/* The indexed editorial section owns its leading margin, not its inner copy. */
@layer emergency-section-rhythm {

	.emergency-single-page--editorial .emergency-single-page__content {
		margin-block-start: 0 !important;
	}
}
