/* Shared chapter rail, option 3. Section labels and IDs are hero-independent. */
.hero-section-navigation{position:sticky;top:76px;align-self:start;margin-top:64px;padding:4px 8px;color:#a0bfd4;min-width:0}
.hero-section-navigation ol{position:relative;list-style:none;padding:0;margin:0;display:grid;gap:4px}
.hero-section-navigation ol::before{content:'';position:absolute;left:12px;top:20px;bottom:20px;width:1px;background:#43617c}
.hero-section-item{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:55px;padding:0;border:0;background:transparent;color:#9fbdd3;font:400 12px/1.35 'Golos Text',sans-serif;text-decoration:none;text-align:left}
.hero-section-item:hover{color:#e3f5ff}
.hero-section-item[aria-current="location"]{color:#b7eaff}
.hero-section-number{display:grid;place-items:center;flex:none;z-index:1;width:26px;height:26px;border:1px solid #55728e;border-radius:50%;background:#0e1b2e;color:#789bb7;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}
.hero-section-item[aria-current="location"] .hero-section-number{color:#def6ff;background:#28506b;border-color:#92dcff;box-shadow:0 0 12px #69caff25}
.hero-section-item:disabled{opacity:.42;cursor:default}
.hero-section-navigation :focus-visible{outline-offset:4px}
.has-hero-navigation .page-layout{width:min(1288px,calc(100% - 24px));margin:20px auto;display:grid;grid-template-columns:200px minmax(0,1072px);gap:16px;align-items:start}
.has-hero-navigation .site-shell{width:100%;max-width:1072px;margin:0;min-width:0}
.has-hero-navigation .site-shell .wrap{max-width:1022px}
.site-shell>.header{position:sticky;top:0;z-index:50;background:#081423f5;box-shadow:0 6px 18px #02071226}
#hero-overview,#hero-analysis,#build-panel,#hero-tips{scroll-margin-top:96px;outline:none}
#catalog-role-crumb{margin-bottom:0}
.detail-meta-row>a{display:inline-flex;align-items:center;min-height:36px;color:var(--sub);text-decoration:none}
.detail-meta-row>a:hover{color:var(--accent)}
@media(max-width:1339px){
  .has-hero-navigation .page-layout{display:block;width:min(1072px,calc(100% - 40px))}
  .hero-section-navigation{position:static;margin:0 0 12px;padding:5px 0}
  .hero-section-navigation ol{display:flex;gap:14px;overflow-x:auto;scrollbar-width:thin;padding:4px}
  .hero-section-navigation ol::before{display:none}
  .hero-section-navigation li{flex:0 0 auto}
  .hero-section-item{min-height:44px;max-width:200px;gap:8px}
}
@media(max-width:750px){.has-hero-navigation .page-layout{width:calc(100% - 12px);margin:6px auto}.hero-section-item{font-size:11px;max-width:165px}.hero-section-number{width:24px;height:24px}}
