/* Native WordPress widget areas and the approved page Menu reference. */
.ef-content-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(14rem, 18rem);
	align-items: start;
	gap: var(--ef-primitive-space-10);
	padding-block-end: var(--ef-primitive-space-10);
}

.ef-content-layout__main,
.ef-content-layout__sidebar,
.ef-widget-area,
.ef-widget {
	min-inline-size: 0;
}

.ef-content-layout__sidebar {
	padding-block-start: var(--ef-primitive-space-6);
	border-block-start: var(--ef-primitive-border-thin) solid var(--ef-color-border);
}

.ef-widget-area {
	display: grid;
	gap: var(--ef-primitive-space-6);
}

.ef-widget-area :where(a, p, li) {
	overflow-wrap: anywhere;
}

.ef-widget-area a:focus-visible,
.ef-vsb-page-menu a:focus-visible,
.ef-v1-footer .site-footer__nav a:focus-visible,
.ef-v1-footer .site-footer__legal a:focus-visible {
	outline: var(--ef-focus-ring-width) solid var(--ef-color-focus);
	outline-offset: var(--ef-focus-ring-offset);
}

.ef-widget__title {
	font-family: var(--ef-font-heading);
	font-size: var(--ef-semantic-typography-size-section-heading);
}

.ef-related-articles {
	display: grid;
	gap: var(--ef-primitive-space-3);
	margin: 0;
	padding: 0;
	list-style: none;
}

.ef-related-articles li + li {
	padding-block-start: var(--ef-primitive-space-3);
	border-block-start: var(--ef-primitive-border-thin) solid var(--ef-color-border);
}

.ef-v1-footer .site-footer__content {
	padding-block: var(--ef-primitive-space-8);
	border-block-start: var(--ef-primitive-border-thin) solid var(--ef-primitive-color-alpha-light18);
}

.ef-v1-footer .site-footer__content :where(a, h2, h3) {
	color: var(--ef-primitive-color-white);
}

.ef-vsb-page-menu ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ef-primitive-space-5);
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (max-width: 767px) {
	.ef-content-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.ef-v1-footer .site-footer__content,
	.ef-vsb-page-menu ul {
		min-inline-size: 0;
	}
}