/**
 * Shared content and advertising guides for native Reboot templates.
 * Loaded independently from the temporary advertising demo markup.
 */

@media (min-width: 992px) {
	html body.page:not(.journal-home-template) #page.site .site-content.fixed {
		width: 100% !important;
		max-width: 1280px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	html body.page.sidebar-right:not(.journal-home-template) #page.site .site-content-inner {
		grid-template-columns: minmax(0, 43fr) minmax(0, 17fr);
		gap: 32px;
	}
}

@media (max-width: 767px) {
	/* Ordinary pages use the same 16px mobile content guides as archives. */
	html body.page:not(.journal-home-template) #page.site .site-content.fixed {
		padding-right: 16px !important;
		padding-left: 16px !important;
	}

	/* These templates already receive their 16px guides from .site-content. */
	body.archive .b-r--before_site_content,
	body.archive .b-r--after_site_content,
	body.page:not(.journal-home-template) .b-r--before_site_content,
	body.page:not(.journal-home-template) .b-r--after_site_content {
		width: 100%;
		max-width: 100%;
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	/* Single posts have no horizontal .site-content padding on mobile. */
	body.single-post .b-r--before_site_content,
	body.single-post .b-r--after_site_content,
	body.single-post .b-r--before_related,
	body.single-post .b-r--after_related {
		width: auto;
		max-width: none;
		margin-right: 16px !important;
		margin-left: 16px !important;
	}

	/* The homepage keeps 20px system padding, so compensate it to reach 16px. */
	body.journal-home-template .b-r--before_site_content,
	body.journal-home-template .b-r--after_site_content {
		width: calc(100% + 8px);
		max-width: none;
		margin-right: -4px !important;
		margin-left: -4px !important;
	}
}