/* Without measurements, keep document navigation in normal flow so enlarged headings cannot scroll behind an estimated sticky header. */ .site-page-frame > .container-wrapper > header:has([data-docs-site-header]) { position: static !important; } @media (max-width: 63.999rem) { [data-page-frame-layout] { flex-direction: column !important; } .docs-sidebar { width: 100% !important; } .mobile-sidebar-pane { position: static !important; inset: auto !important; display: flex !important; width: 100% !important; max-height: min(60svh, 32rem); border-bottom: 1px solid var(--color-border); } .main-frame { width: 100% !important; } [data-site-contents-command] { display: none !important; } }

Brutalist Toggle

Persistent-state Neo-Brutalist Toggle projection over Base Toggle

Toggle keeps Base activation and aria-pressed ownership. Its latched active state adds a persistent inset ink frame as an explicit non-color accessibility extension; transient press keeps the flat geometry without movement. The pinned Neo size recipe uses 40px default, 36px small (0.8rem text), and 44px large (text-sm). Upstream icon-size/side-padding details and variants remain outside this bounded projection. Fresh browser visual verification is pending.

Loading interactive preview… The article and source are ready to read. Interactive controls will appear here when ready.

.proto-previewer__skeleton { display: none !important; }