/* Entity pages only. Matches the single-article container alignment. */
.ratiom-entity-page {
	background: #fafaf8;
}

.ratiom-entity-page .entry-content {
	padding-top: calc(var(--ratiom-section) + var(--ratiom-gutter));
	padding-left: var(--ratiom-gutter);
	padding-right: var(--ratiom-gutter);
	padding-bottom: var(--ratiom-section);
}

.ratiom-entity-page .entry-content > .ratiom-group {
	margin-left: auto;
	margin-right: auto;
	max-width: calc(var(--ratiom-container) - (2 * var(--ratiom-gutter)));
	padding: 0;
	width: 100%;
}

.ratiom-entity-page .entry-content > .ratiom-group > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	margin-left: 0;
	margin-right: auto;
	max-width: 768px;
}

.ratiom-entity-page .entry-content > .ratiom-group > dl,
.ratiom-entity-page .entry-content > .ratiom-group > ul,
.ratiom-entity-page .entry-content > .ratiom-group > ol,
.ratiom-entity-page .entry-content > .ratiom-group > hr {
	max-width: 768px;
}

.ratiom-entity-page .entry-content > .ratiom-group h1,
.ratiom-entity-page .entry-content > .ratiom-group h2,
.ratiom-entity-page .entry-content > .ratiom-group h3,
.ratiom-entity-page .entry-content > .ratiom-group p,
.ratiom-entity-page .entry-content > .ratiom-group li,
.ratiom-entity-page .entry-content > .ratiom-group dt,
.ratiom-entity-page .entry-content > .ratiom-group dd {
	overflow-wrap: break-word;
}

.ratiom-entity-page .entry-content > .ratiom-group ul,
.ratiom-entity-page .entry-content > .ratiom-group ol {
	padding-left: 1.25rem;
}

.ratiom-entity-page .entry-content > .ratiom-group dd {
	margin-left: 0;
}

@media (max-width: 782px) {
	.ratiom-entity-page .entry-content {
		padding-top: calc(96px + var(--ratiom-gutter));
		padding-left: var(--ratiom-mobile-margin);
		padding-right: var(--ratiom-mobile-margin);
	}
}
