/*
 * Every coded page, before its own stylesheet.
 *
 * ONE CONCERN LIVES HERE: a coded page is an ordinary page of THIS website, so its content has to
 * sit on the same vertical rule as every other page's.
 *
 * MEASURED 2026-09-05, headless Chrome at a 1440px viewport. On /accounts-receivable-software/,
 * 22 of 24 `.et_pb_row` are 1080px wide with their left edge at 180px; the two exceptions are
 * deliberately full bleed. The site footer's row is 1080 at 180 as well. Divi's own setting,
 * `et_divi[content_width]`, is 1080.
 *
 * The shared `.row` caps at 1520 and adds `padding-inline: clamp(16px, 4vw, 40px)`, so the cap has
 * to be 1160 for the CONTENT to be 1080. Setting it to 1080 would give a 1000px column starting at
 * 220 and miss the footer by 40px in the other direction.
 *
 *                        cap      content   left edge
 *   1520 (design system) 1520     1360       40        280px wider than the site
 *   1080 (the naive fix) 1080     1000      220        40px narrower than the site
 *   1160                 1160     1080      180        exact
 *
 * IT IS A TOKEN OVERRIDE ON `.ezy-page`, NOT AN EDIT TO `.row`. `.row` is shipped by the shared
 * design layer and its 1520 cap is the contract every future surface inherits; DESIGN.md rule 1
 * and `check-design-contract.py` both read that number as a MAXIMUM, so a page choosing something
 * narrower is compliant. `.ezy-landing` is a different scope with a different frame that draws no
 * Divi chrome, and it keeps 1520 correctly.
 */

.ezy-page {
	--row-max-width: 1160px;

	/*
	 * COLUMN LINES. Twelve columns on the 1080 content measure with 24px gutters, so a column is
	 * 68px and a span of n columns is 92n - 24. Expressed as a percentage of the row, so the lines
	 * hold at every width rather than only at 1440.
	 *
	 * THEY EXIST SO THAT ELEMENTS STOP ON THE SAME FEW LINES. Sizing a headline at 24ch and a lead
	 * at 54ch fills a row and composes nothing: each element gets a right edge of its own and the
	 * section reads as content scattered across the width. `.tools/verify/page-probe.py` counts
	 * those edges, and three or fewer per section is the target.
	 */
	--span-6: 48.9%;
	--span-7: 57.4%;
	--span-8: 65.9%;
	--span-9: 74.4%;
	--span-10: 83.0%;
}