/* ───────────────────────────── PROJECT STYLES ───────────────────────────── Project-specific styles. Prefer the design system; add here only what it can't express. Two parts, and the boundary matters: §1 DOCS-SITE SHELL — copied from the docs kit. Not ours. Do not redesign these rules; they exist to keep the glossary looking like the rest of the studio. See the provenance note at the top of §1. §2 GLOSSARY — genuinely this project's own. ───────────────────────────── */ /* ═══════════════════════════════════════════════════════════════════════ 1. DOCS-SITE SHELL ═══════════════════════════════════════════════════════════════════════ Copied from `docs/site/assets/docs-kit/docs.css`, the stylesheet the docs generator writes. Only the rules the glossary actually uses are here — the kit is ~2,500 lines and most of it is sidebar, auth, sticky bars, asset cards and demo chrome that this site has no use for. WHY COPIED RATHER THAN LINKED. These classes live only in the docs kit, which `CLAUDE.md` §17 calls layer discipline. The only built copy lives under `docs/site/`, a generated artefact of `npm run docs:build`. Pointing a product page at it would make the glossary depend on the docs build having run, and would pull in the whole kit. So the needed rules are lifted here instead. WHAT v2.2.1 CHANGED, and what is left. The book family (`.book-shelf`, `.book-cover`, `.book-contents`) plus `.page-nav` and `.breadcrumb` were promoted out of the docs-site layer into the framework, and the kit no longer defines them at all. Those arrive through `design-system.css` now and are used directly — see §2b. Everything still in this section was checked selector by selector against `design-system.css` v2.2.1 on 2026-08-04 and resolves nowhere in it, so it remains genuinely kit-only: `.docs-layout`, `.docs-main-area`, `.docs-main`, `.docs-content-grid`, `.docs-toc`, `.toc-*`, `.docs-hero*`, `.docs-section*`, `.top-nav*` and the `no-sidebar` state. The layout variables in 1a are kit-only too. (One upstream doc is stale on this and should not be trusted over the CSS: `llms-full.txt` still lists `book-cover` under the non-shipping docs-site layer. The stylesheet is the authority — it ships the component.) THE COST, STATED PLAINLY: what is left is still duplicated code and it will still drift. Treat any change to the docs kit as a prompt to re-check this section — the v2.2.1 re-check found real drift and it is folded in below, marked SYNCED. Class names are the kit's, unchanged, on purpose: renaming now would make that upstream move a rewrite instead of a copy. They will be renamed for context once they land in their permanent home. Divergences from the kit are marked DIVERGENCE and each says why. There are four. Nothing else has been altered. */ /* ------ 1a. Layout variables ------ */ /* docs.css §1 */ :root { --top-nav-height: 80px; /* DIVERGENCE — the kit ships 70px for its sticky sub-header bar (breadcrumb, filename, page actions). The glossary has no such bar, and the value feeds two calc()s below. Zero here keeps those calcs correct and makes adding the bar later a one-line change rather than a hunt. */ --sticky-bar-height: 0px; --sidebar-width: 280px; --toc-width: 220px; --toc-top-offset: calc(var(--top-nav-height) + var(--sticky-bar-height) + var(--space-xl)); --toc-border: color-mix(in srgb, var(--text-primary) 10%, transparent); --toc-border-active: color-mix(in srgb, var(--text-primary) 30%, transparent); --sidebar-transition: 0.3s ease; } /* Smooth scroll for same-page anchor links — the A–Z rail and the table of contents are both anchor jumps, so this is doing real work here. */ html { scroll-behavior: smooth; } /* DIVERGENCE — not in the kit. Smooth scrolling is motion, and a jump of several thousand pixels down an A–Z list is a lot of it. Honour the setting. */ @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } /* ------ 1b. Layout grid ------ */ /* docs.css §1. Sidebar, top nav and main content are siblings in one grid. The glossary runs with `body.no-sidebar`, which is a state the kit ships rather than something bolted on — so a sidebar can be added later by dropping an