@layer emergency-section-media, emergency-section-rhythm, emergency-section-typography;

@media (max-width: 63.999rem) {

	:root {
		--emergency-section-padding: var(--wp--preset--spacing--section-mobile, 4rem);
		--emergency-section-heading-gap: var(--wp--preset--spacing--heading-mobile, 2rem);
	}
}

@layer emergency-section-rhythm {

	/* The content owns the leading margin; the sidebar stays at the page edge. */
	:is(.emergency-content-body, .emergency-single-page__content) {
		margin-block-start: var(--emergency-section-padding) !important;
	}

	.emergency-section {
		box-sizing: border-box;
		margin-block: 0 !important;
	}

	.emergency-section.emergency-section--space-after:not(.emergency-section-fragment) {
		margin-block-end: var(--emergency-section-padding) !important;
	}

	.emergency-section:not(.emergency-section--hero) {
		padding-block: 0 !important;
	}

	.emergency-section + .emergency-section {
		margin-block-start: var(--emergency-section-padding) !important;
	}

	.emergency-section.emergency-section__with-padding {
		padding-block: var(--emergency-section-padding) !important;
	}

	.emergency-section.emergency-section__with-padding + .emergency-section.emergency-section__with-padding {
		margin-block-start: 0 !important;
	}

	.emergency-section-fragment,
	.emergency-section.emergency-section-fragment {
		margin-block: 0 !important;
	}

	.emergency-section-fragment:not(.emergency-section--hero) {
		padding-block: 0 !important;
	}

	.emergency-section__padded-content,
	.emergency-section-fragment.emergency-section__padded-content {
		padding-block: var(--emergency-section-padding) !important;
	}

	/* SSR previews sit inside the editor block that already owns the role. */
	.block-editor-block-list__block:is(.emergency-section, .emergency-section-fragment) .emergency-section:not(.block-editor-block-list__block) {
		margin-block: 0 !important;
	}

	.block-editor-block-list__block:is(.emergency-section, .emergency-section-fragment) .emergency-section:not(.block-editor-block-list__block, .emergency-section--hero) {
		padding-block: 0 !important;
	}

	:is(.emergency-rendered-section, .emergency-section-wrapper) {
		display: flow-root;
	}

	:is(.emergency-page-composition, .emergency-single-page__content, .emergency-section-wrapper) {
		--wp--style--block-gap: 0;
		row-gap: 0 !important;
	}

	:is(.emergency-page-composition, .emergency-single-page__content) > .block-editor-inner-blocks {
		margin-block: 0 !important;
	}

	/* Content edges cannot add to section separation or insets. */
	.emergency-section > :first-child,
	.emergency-section-fragment > :first-child {
		margin-block-start: 0 !important;
	}

	.emergency-section > :last-child,
	.emergency-section-fragment > :last-child,
	.emergency-section__copy > :last-child {
		margin-block-end: 0 !important;
	}

	/* Gutenberg's generated sibling rule must not add to the title margin. */
	:is(.emergency-section, .emergency-section-fragment, .emergency-section__shell) > :where(h2, h3, .wp-block-heading) + * {
		margin-block-start: 0 !important;
	}

	:is(.emergency-section, .emergency-section-fragment) > *,
	.emergency-section > .block-editor-inner-blocks > .block-editor-block-list__layout > * {
		margin-block-start: 0 !important;
	}

	.emergency-section > .block-editor-inner-blocks > .block-editor-block-list__layout > :last-child {
		margin-block-end: 0 !important;
	}

	:is(
	.emergency-section,
	.emergency-section-fragment,
	.emergency-section__shell,
	.emergency-editorial-lead-image,
	.emergency-support-section,
	.emergency-section > .block-editor-inner-blocks > .block-editor-block-list__layout
) > :where(h2, h3, .wp-block-heading) {
		margin-block-start: 0 !important;
		margin-block-end: var(--emergency-section-heading-gap) !important;
	}

	:is(
	.emergency-composition-section__title,
	.emergency-section__section-title,
	.emergency-country-section__heading-wrap,
	.emergency-open-positions-pattern__title,
	.emergency-donation-panel__title,
	.emergency-logo-section__intro,
	.emergency-event-calendar__heading,
	.emergency-timeline-section__title
) {
		margin-block-start: 0 !important;
		margin-block-end: var(--emergency-section-heading-gap) !important;
	}

}

@layer emergency-section-media {

	/* Presentations delegate padding without losing the section role. */
	.emergency-section--delegated,
	.emergency-section--split-media {
		padding-block: 0 !important;
	}

	.emergency-section--split-media .emergency-section__copy {
		box-sizing: border-box;
		padding-block: var(--emergency-section-padding) !important;
	}

	.emergency-section__copy > :where(h2, h3, .wp-block-heading) {
		margin-block: 0 var(--emergency-section-heading-gap) !important;
	}

	.emergency-section__copy > :where(h2, h3, .wp-block-heading) + * {
		margin-block-start: 0 !important;
	}

	.emergency-supporter-contact__copy {
		row-gap: 0 !important;
	}

	.emergency-supporter-contact__copy > :not(h2, h3, .wp-block-heading) + * {
		margin-block-start: var(--emergency-section-heading-gap) !important;
	}

	.emergency-section--hero {
		margin-block-start: 0 !important;
	}
}

@layer emergency-section-typography {

	.emergency-section-composition .emergency-composition-section__title,
	.emergency-open-positions-pattern--editorial .emergency-open-positions-pattern__title {
		font: 700 var(--emergency-type-title-display-m) / 0.9 var(--emergency-font-display) !important;
		letter-spacing: -0.03em !important;
		text-transform: uppercase !important;
	}

	.emergency-editorial-intro > .emergency-editorial-intro__lead,
	.emergency-editorial-lead-image > .emergency-editorial-lead-image__lead {
		font: 400 var(--emergency-type-title-serif-2xl) / 1 var(--emergency-font-serif-text) !important;
		letter-spacing: -0.01em !important;
	}
}

.emergency-section-composition > p,
.emergency-editorial-lead-image > p:not(.emergency-editorial-lead-image__lead) {
	font: 400 var(--emergency-type-body-s) / 1.5 var(--emergency-font-sans);
}

.emergency-editorial-lead-image > :last-child {
	margin-block-end: 0;
}