/* Cross-page guides are separate from the article's section rail. */
.cs-hub-nav{background:var(--bg);border-bottom:1px solid var(--line);color:var(--ink)}
.cs-hub-inner{width:min(var(--max),calc(100% - 96px));margin-inline:auto;display:flex;align-items:center;gap:28px;min-width:0}
.cs-hub-title{flex:none;font:600 12px/1.4 var(--sans);letter-spacing:.04em;color:var(--muted)}
.cs-hub-overflow-hint{display:none}
.cs-hub-links{display:flex;align-items:stretch;gap:6px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scroll-padding-inline:4px}
.cs-hub-links a{flex:none;display:flex;align-items:center;min-height:48px;padding:8px 13px;border-bottom:3px solid transparent;font:13px/1.4 var(--sans);white-space:nowrap}
.cs-hub-links a:hover{background:var(--surface);color:var(--accent)}
.cs-hub-links a[aria-current="page"]{border-bottom-color:var(--accent);font-weight:700;background:var(--surface)}
.cs-hub-links a:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
/* Without script, this remains an ordinary fully usable navigation block. */
html.cs-hub-navigation{scroll-padding-top:calc(var(--cs-hub-header-height) + var(--cs-hub-height) + 12px)}
html.cs-hub-navigation .cs-hub-nav{position:sticky;top:var(--cs-hub-header-height);z-index:21}
html.cs-hub-navigation .cs-hub-nav[data-hub-static]{position:static}
html.cs-hub-navigation main [id]{scroll-margin-top:0}
html.cs-hub-navigation .article-nav{top:calc(var(--cs-hub-header-height) + var(--cs-hub-height) + 16px)}
html.cs-hub-navigation .article-nav[data-hub-rail]{max-height:calc(100dvh - var(--cs-hub-header-height) - var(--cs-hub-height) - 32px);overflow-y:auto;overscroll-behavior-y:contain}
@media(max-width:1100px){.cs-hub-inner{width:calc(100% - 48px);gap:18px}}
@media(max-width:700px){
  .cs-hub-inner{width:100%;display:block;padding-top:7px}
  .cs-hub-title{display:block;padding-inline:16px;font-size:11px}
  .cs-hub-overflow-hint{display:inline;margin-left:14px;font-weight:400;font-size:10px;letter-spacing:0}
  .cs-hub-links{padding-inline:5px;gap:0}
  .cs-hub-links a{min-height:44px;padding-inline:11px;font-size:12px}
}
@media(forced-colors:active){
  .cs-hub-nav{background:Canvas;color:CanvasText;border-color:CanvasText}
  .cs-hub-links a[aria-current="page"]{border-color:Highlight}
  .cs-hub-links a:focus-visible{outline-color:Highlight}
}
@media(prefers-reduced-motion:reduce){html.cs-hub-navigation{scroll-behavior:auto}}
@media print{
  .cs-hub-nav{display:none}
  html.cs-hub-navigation{scroll-padding-top:0}
  html.cs-hub-navigation .article-nav[data-hub-rail]{max-height:none;overflow:visible}
}