/* funnel.css — the proven SNS funnel look, generalized. Brand colors arrive via --fp (primary) / --fa (accent) / --fgood. THIS SHEET IS NOW LOADED ON ORDINARY SITE PAGES TOO. public/js/pdx-form.js injects it when `[[form:key]]` embeds a form into a page, post or module footer, so every rule here has to be harmless on a page it was not written for. That is why the reset and the link colour below are SCOPED TO `body.funnel` rather than being the bare `*` and `a` selectors they were: an unscoped `*{margin:0;padding:0}` pulled onto a content page flattens the article it was meant to sit inside. - THE RESET'S `:where()` IS LOAD-BEARING. `body.funnel *` matches what `*` matches here, but not with `*`'s specificity: (0,1,1) beats every single-class rule in this file, so the reset won `margin` and `padding` over `.f-hero`, `.f-stat` and `.f-wrap` while properties it does not set (border-radius, background, colour) still applied — the player rendered in the right palette and type with every container flush left and unpadded, which looks like a failed stylesheet rather than a cascade bug. `:where()` matches without adding specificity. Do not unwrap it. - Everything else is either `.f-*` (player-only markup) or `.pdx-form ...` (the embed), so it matches nothing on a page without a form. Keep it that way: a new bare element selector here restyles every site page that carries a form. */ :where(body.funnel),:where(body.funnel) *{box-sizing:border-box;margin:0;padding:0} /* Type and page colour now DEFER to the site tokens, falling back to what this file always hardcoded. The player emits the --site-* block, so a funnel picks up the install's typeface instead of Segoe UI — the single most visible reason a funnel looked like a different website. The fallbacks keep an install with no theme tokens exactly as it was. */ body.funnel{font-family:var(--site-font,"Segoe UI",system-ui,-apple-system,Arial,sans-serif);background:var(--site-paper,#F7F6F2);color:var(--site-ink,#22304A);line-height:1.6;font-size:var(--site-font-size,17px)} /* SCOPED TO #app, NOT THE WHOLE BODY. A funnel that inherits its owning module's chrome renders that module's
/