/* ===== docs.css — the /docs/ documentation shell ===== Reference density: agentation.com (/features, /mcp) — a fixed side panel of links next to a dense content column. Own palette (for.css tokens), own type scale. New rules only, prefixed `docs-` — nothing here touches an existing .class from for.css or use-case.css. Shared across every page under /docs/ (overview, recipes, MCP reference, CLI reference). Restraint rules for this shell (owner, 2026-07-25 — "plainer, easier to read"). Documentation is read, not admired: - body copy is full-size and ink-coloured, never grey and never below 16px; - a section is separated by space, not by a rule under its heading; - headings are sentence case — small-caps letterspaced labels read as marketing rubrics, not as document structure; - blocks stay light: no dark panels, no pills, no browser chrome, no fake page stubs, no shadows; - red appears in exactly two places — the active panel item and the pin. */ /* padding-top/bottom only: the shorthand would zero out .wrap's horizontal padding, and on a narrow screen the text ends up flush against the edge. */ .docs-shell{display:grid;grid-template-columns:220px 1fr;gap:64px;align-items:start;padding-top:56px;padding-bottom:110px} /* ---- side panel ---- */ /* the panel is a
, always-open on wide screens (no chrome, the summary is hidden) — it only becomes an actual disclosure widget once the media query below turns the summary back on and lets it collapse. */ /* sticky lives on the grid item itself, not on the