/* =========================================================================== PAGE SECTIONS — the shared corner scale for every page built by scripts/page_shell.py (9/15). Loaded FIRST of the page sheets, automatically. --------------------------------------------------------------------------- 🔴 STANDING RULE — Brees, 9/15: "Unless I ask for a specific corner to be measured differently, all of the pages should have the same section size and border radius as the smart intake page." So this is the Smart Intake page's scale (section-corners.css, body.page-si), made the default for every new page rather than re-typed per page: --corner-3x clamp(96px, 15vw, 240px) every section's corner and pad-out --corner-1 clamp(32px, 5vw, 80px) the single corner, section 1 -> 2 only --corner defaults to --corner-3x on How a page uses it, exactly as Smart Intake does: - sections 1 and 2 set --corner: var(--corner-1) locally, so the 1 -> 2 join is the small corner; - section 2's bottom padding uses var(--corner-3x), because section 3 pulls up by the 3x corner; - every later section pulls up by var(--corner), rounds by var(--corner) and pads out by var(--corner) — all 3x from here. - section padding is the shared --section-pad; hero tops are calc(var(--section-pad) * 0.75), the shared .hero ratio. A corner Brees names differently gets its own local override, with his words next to it. Nothing else overrides these. =========================================================================== */ body[class*="page-"] { --corner-3x: clamp(96px, 15vw, 240px); --corner-1: clamp(32px, 5vw, 80px); --corner: var(--corner-3x); }