/**
 * Shared frontend layout containers.
 *
 * --agrinews-container is generated dynamically from Theme Options. Keeping
 * every page shell on this variable prevents templates from drifting apart.
 */
.shell,
.agrinews-header-container {
	width: min(var(--agrinews-container, 1280px), calc(100% - 48px));
	max-width: var(--agrinews-container, 1280px);
	margin-inline: auto;
}

.agrinews-header-container--fluid {
	width: min(var(--agrinews-container, 1280px), calc(100% - 48px));
	max-width: var(--agrinews-container, 1280px);
}

.article-shell {
	max-width: var(--agrinews-container, 1280px);
}

@media (max-width: 600px) {
	.shell,
	.agrinews-header-container,
	.agrinews-header-container--fluid {
		width: min(var(--agrinews-container, 1280px), calc(100% - 32px));
	}
}