/**
 * Prominence — how much space a section's visual area takes within the grid.
 * Independent of data-emphasis (which controls color).
 *
 *   normal   → inner-column at 3/-3 (prose band, default)
 *   featured → inner-column at 2/-2 (one col wider — bleeds)
 *   full     → inner-column at 1/-1 (full bleed)
 *
 * Modules inside a subgridded inner-column pick their span relative to the
 * subgrid. text-module is pinned to the absolute "reading band" (outer
 * grid lines 3/-3) by shifting its subgrid lines to compensate for the
 * wider inner-column.
 */

@media (width >= 1000px) {
	.page-content {
		[data-prominence='featured'] > inner-column {
			grid-column: 2 / -2;
		}

		[data-prominence='full'] > inner-column {
			grid-column: 1 / -1;
		}

		/* text-module always lands on outer grid lines 3/-3 (reading band) */
		inner-column > text-module {
			grid-column: 1 / -1;
		}

		[data-prominence='featured'] > inner-column > text-module {
			grid-column: 2 / -2;
		}

		[data-prominence='full'] > inner-column > text-module {
			grid-column: 3 / -3;
		}
	}
}