/* BG Menu Slim — contextual hub sub-nav bar. Theme-aware: LIGHT by default (to match the white header), and flips to the dark/indigo palette when the theme is in dark mode (body[data-scheme="dark"]). Present in the HTML on hub pages for all devices (crawl-safe); on mobile it scrolls horizontally rather than hiding. */ .bgms-subnav{ /* light (default) tokens */ --bgms-bg:#ffffff; --bgms-line:#e7e9f0; --bgms-label:#1f2bd6; --bgms-link:#2c3350; --bgms-link-hover:#1f2bd6; --bgms-current:#1f2bd6; --bgms-accent:#1f2bd6; background:var(--bgms-bg); border-top:1px solid var(--bgms-line); border-bottom:1px solid var(--bgms-line); font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif; } /* Placement: full-width block; revealed by JS after it's moved below the header. */ .bgms-subnav{ display:block; width:100%; position:relative; z-index:20; } .bgms-subnav.bgms-placed{ display:block; } /* Dark mode — theme sets data-scheme/data-site-scheme="dark" on . Indigo/purple palette to match the dark header. */ [data-scheme="dark"] .bgms-subnav, [data-site-scheme="dark"] .bgms-subnav{ --bgms-bg:#161a2c; --bgms-line:#2a2f47; --bgms-label:#9aa6ff; --bgms-link:#cdd2e6; --bgms-link-hover:#ffffff; --bgms-current:#ffffff; --bgms-accent:#9aa6ff; } .bgms-subnav__inner{ max-width:1320px; margin:0 auto; padding:0 16px; display:flex; align-items:center; gap:18px; min-height:46px; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .bgms-subnav__inner::-webkit-scrollbar{ display:none; } .bgms-subnav__label{ flex:none; font-size:11.5px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:var(--bgms-label); text-decoration:none; white-space:nowrap; } .bgms-subnav__label span{ opacity:.7; margin-left:2px; } .bgms-subnav__list{ flex:1 1 auto; display:flex; align-items:center; gap:4px 18px; list-style:none; margin:0; padding:0; white-space:nowrap; } .bgms-subnav__item a{ display:inline-block; padding:13px 0; font-size:13.5px; font-weight:500; color:var(--bgms-link); text-decoration:none; border-bottom:2px solid transparent; transition:color .15s ease, border-color .15s ease; } .bgms-subnav__item a:hover{ color:var(--bgms-link-hover); } .bgms-subnav__item.is-current a{ color:var(--bgms-current); border-bottom-color:var(--bgms-accent); } .bgms-subnav__all{ flex:none; font-size:13px; font-weight:700; color:var(--bgms-accent); text-decoration:none; white-space:nowrap; } .bgms-subnav__all:hover{ color:var(--bgms-link-hover); } /* Mobile: the strip IS shown (scrollable). It only hides while the mobile drawer is open, so it never wedges above the open menu. The links remain in the section's HTML on every device, so crawl behaviour is unchanged. */ @media (max-width:1024px){ .bgms-subnav{ z-index:1; } .bgms-subnav__inner{ min-height:44px; gap:14px; } .bgms-subnav__item a{ font-size:13px; padding:12px 0; } } html.bgms-drawer-open .bgms-subnav{ display:none !important; }