/* SLOT imports. Add a line here the moment a new component ships, and delete its line the moment that component's markup is gone. A stylesheet with no @import is dead weight that never reaches a page; an import left behind after its markup is removed makes tools/check-source.mjs report a rule with no matching class. Component index: one file per component under components/, grouped into sub-folders by concern so no folder holds more than eight files, the budget tools/check-source.mjs enforces. Split here, not into separate tags in every page, so the 24 HTML files don't need to enumerate every component. THE ORDER BELOW IS BEHAVIOUR, NOT PRESENTATION. Cascade order decides which rule wins at equal specificity. Do not sort this list alphabetically, and move an entry only after checking that nothing later re-declares the same selector. tools/check-source.mjs guards the file and folder budgets, not the cascade. */ /* --- site chrome: what every page carries --- */ @import "components/chrome/nav.css"; @import "components/chrome/nav-toggles.css"; @import "components/chrome/buttons.css"; /* --- wiki: the reference pages --- */ @import "components/wiki/diagrams.css"; @import "components/wiki/layout.css"; @import "components/wiki/param-table.css"; @import "components/wiki/callouts.css"; @import "components/chrome/footer.css"; @import "components/chrome/switch.css"; @import "components/wiki/page.css"; @import "components/wiki/prose.css"; @import "components/chrome/ledger.css"; @import "components/wiki/chart.css"; /* --- effects: the opening screen --- */ @import "components/fx/loader.css"; /* --- home: the hero, then the exhibits below it. Scoped under .home / .home-* and inert elsewhere, but imported globally so a pjax navigation TO the homepage from any page always has the CSS it needs (the router only swaps , never ). --- */ @import "components/home/hero/canvas.css"; @import "components/home/hero/shell.css"; @import "components/home/hero/scene.css"; @import "components/home/hero/wordmark.css"; @import "components/home/hero/foot.css"; @import "components/home/sections/exhibit.css"; @import "components/home/sections/manifesto.css"; @import "components/home/sections/tiers.css"; @import "components/home/sections/list.css"; @import "components/home/sections/statement.css"; @import "components/home/sections/index.css"; @import "components/home/motion.css"; @import "components/home/sections/reports.css";