/*! Universal desktop rail (2026-09-23).
 *
 * The header content box is: max 1280px wide, centred, with a side gutter of
 * clamp(24px, 5.6%, 80px) (the --page-gutter of the chrome). Three older containers
 * kept their own fixed gutters, so at laptop widths (1280-1400px) page content ran
 * wider than the header:
 *   - boxed Elementor-port containers on articles + blog archives: 32px, max 1280
 *   - Lego pages (home, product pages): .container 40px, max 1344
 *   - premium landing pages (.lg-premium .premium-rail): 48px
 * This puts all three on the header's rail. Desktop only - phones keep their own spacing.
 * File name carries the version (LiteSpeed strips ?ver=): edit = copy to rail-v3.css.
 */
@media (min-width: 1025px) {
	/* theme.css pins the article hero to 1280px / 32px with (0,4,2) !important — outrank it */
	body.wp-theme-hype.single-post main > .lg-section-hero.lg-boxed > .lg-inner,
	body:is(.single-post, .archive, .blog, .category) .lg-con.lg-boxed > .lg-inner {
		max-width: 1440px !important;
		padding-left: clamp(24px, 5.6%, 80px) !important;
		padding-right: clamp(24px, 5.6%, 80px) !important;
	}

	body.lego .container {
		max-width: 1440px;
		padding-left: clamp(24px, 5.6%, 80px);
		padding-right: clamp(24px, 5.6%, 80px);
	}

	body .lpa1.lg-premium .premium-rail {
		width: min(1280px, calc(100% - 2 * clamp(24px, 5.6vw, 80px)));
		max-width: none;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
	}
}