that is NOT #m4w-main, and .m4w-doc-standalone. The homepage's

matches neither, so its hero/background are untouched. The :not(#__never__) clauses only raise specificity so this wins over each page's own background; they never change what matches. Colours: change #dceaf2 (card) / #f5f9fb (gutter) HERE to retune site-wide. ═══════════════════════════════════════════════════════════════════════ */ /* ═══════════════════════════════════════════════════════════════════════ ★ FINAL SAY — PAGE WIDTH ENFORCEMENT (MUST REMAIN THE LAST BLOCK) ★ ─────────────────────────────────────────────────────────────────────── One rule, every external page, no per-page wrapper knowledge required. "External page" = any page WITHOUT the homepage's #m4w-main element. That signal is universal: only the homepage has a real

; the string "m4w-main.css" in other pages is just the stylesheet name and does NOT match :has(#m4w-main). So the homepage is always excluded and untouched. THREE guarantees, in order: 1. GUTTER — the body is forced off-white, so no page's own full-viewport blue body can ever span the screen, whatever its markup. 2. WIDTH — every top-level content block (anything that is a direct child of body and is NOT the nav / header / footer / script / style) is clamped to max-width:1200 and centred. This is wrapper-NAME-agnostic: it catches

, .m4w-doc-standalone, #page, or any future wrapper automatically. 3. CARD — the blue page colour (#dceaf2) is painted on those same content blocks, so the blue is the 1200 card and the gutter beyond it is off-white. To retune site-wide, change 1200 / #dceaf2 / #f5f9fb HERE — nowhere else. This block is intentionally LAST so nothing downstream can override it. ═══════════════════════════════════════════════════════════════════════ */ /* 1. GUTTER: external body is off-white */ html body:not(:has(#m4w-main)) { background: #f5f9fb !important; } /* 2 + 3. WIDTH + CARD: clamp & colour every top-level content block. Excludes the nav, header bar, footer, scripts and styles by tag/id. */ html body:not(:has(#m4w-main)) > *:not(#m4w-nav):not(#m4w-nav-root):not(header):not(footer):not(script):not(style):not(noscript):not([id*="nav"]):not(.topbar):not(#__a__):not(#__b__):not(#__c__):not(#__d__):not(#__e__) { width: 100% !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; background: #dceaf2 !important; box-sizing: border-box !important; overflow: hidden !important; } /* Also catch the named doc wrappers if they sit nested rather than as a direct child of body (belt-and-braces; same 1200 blue card). */ html body:not(:has(#m4w-main)) .m4w-doc-standalone:not(#__a__):not(#__b__):not(#__c__):not(#__d__):not(#__e__), html body:not(:has(#m4w-main)) #page:not(#__a__):not(#__b__):not(#__c__):not(#__d__):not(#__e__) { width: 100% !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; background: #dceaf2 !important; box-sizing: border-box !important; overflow: hidden !important; } /* ═══════════════════════════════════════════════════════════════════════ SINGLE SOURCE OF TRUTH — SECONDARY IN-PAGE NAV BAR → BOX TO 1200 ─────────────────────────────────────────────────────────────────────── Some doc pages (e.g. the StormNET/ConduitNET Cost Model) render a SECOND sticky bar of section-jump anchor links. On the deployed pages this bar is markup:

…

(a sticky

, full-viewport width by default). Older copies used class "topbar" / ".topbar-in", so we match BOTH names. To stay CONSISTENT WITH THE MAIN NAV ABOVE — which boxes the whole bar to 1200 and centres it — cap the whole secondary bar to 1200 too, centred. Scoped to a STICKY

so the generic ".top" class can't accidentally box unrelated elements. Change 1200 here to move both bars. */ html body header.top, html body header.topbar, html body .topbar { width: 100% !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; /* Pinned just under the main nav (which is sticky at z-index 10000). The page's own rule left this bar at z-index ~10, so page content with a higher z-index scrolled OVER it — looking like it vanished on scroll. Raise it above page content but below the main nav + its dropdowns. */ z-index: 9990 !important; } /* Inner content wrappers (whatever they're named) align to the same 1200. */ html body header.top > *, html body header.topbar .topbar-in, html body .topbar .topbar-in { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; }