/* "On this page" rail (5 Nov 2026). The active item was a square ink block whose text touched its
   left edge, the only square shape on the site. Now every item carries the same inner padding and
   the control radius of the site's buttons and fields (--b-r-ctl), so nothing shifts when an item
   turns active, and the active item is ink text on the soft band fill: no border, no shadow, no dot.
   Covers the rail of x-site.document (security, legal pages, pricing's own list) and the example
   on /brand. Below 1100px the rail is the collapsed list above the text; there the section in view
   keeps the accent text of its siblings instead of a block. Loaded after brand.css and site-dash.css
   (partials/brand-css.blade.php), with selectors that outrank both. */

:root body .hy-doc__toc{gap:2px;padding-left:6px}
:root body .hy-doc__toc > li,
:root body:not(.hy-home-c) .hy-doc__toc.hy-also > li{max-width:none;margin:0;padding:0;border-radius:0;background:none;line-height:inherit}
:root body .hy-doc__toc > li > a{display:block;padding:7px 10px;border-radius:var(--b-r-ctl);background:none;color:var(--b-muted);text-decoration:none;transition:background-color var(--ease-t,.15s) ease,color var(--ease-t,.15s) ease}
:root body .hy-doc__toc > li > a:hover{background:var(--b-band);color:var(--b-ink)}
:root body .hy-doc__toc > li > a[aria-current]{background:var(--b-band);color:var(--b-ink)}
:root body .hy-doc__toc > li > a:focus-visible{outline:2px solid var(--b-accent);outline-offset:2px}

/* the collapsed list on narrow screens: plain rows, flush with the summary above them */
:root body .hy-doc__mtoc .hy-doc__toc{justify-content:stretch;gap:0;padding-left:0;border-left:0}
:root body .hy-doc__mtoc .hy-doc__toc > li > a{padding:10px 0;border-radius:0;font:400 15px/1.4 var(--b-font);color:var(--b-ink-2)}
:root body .hy-doc__mtoc .hy-doc__toc > li > a:hover{background:none;color:var(--b-ink)}
:root body .hy-doc__mtoc .hy-doc__toc > li > a[aria-current]{background:none;color:var(--b-accent)}

/* the old section ids of /pricing, kept as empty anchors on the same content */
:root body .hy-doc__alias{display:block;height:0;scroll-margin-top:96px}

@media (prefers-reduced-motion:reduce){:root body .hy-doc__toc > li > a{transition:none}}