/* ui2-site-746.css (Dev 1, 7.46): what the site needs around the Site Designer's slice (ui2-slice-746.css, loaded just before this file).
   The slice file itself is the Site Designer's, byte for byte (design/brief/slice-746, MANIFEST 82644850). Loaded LAST on the 39 non-home pages. */

/* 1) ONE place that maps the older display-font tokens to the slice's font: --w2-font is canonical (Reviewer, 3 Oct). The design layer's
      headings use var(--sd-disp); --disp is kept for pages that name it; --stencil is the pages' own heading token (pipeline.html's "Pipeline"
      heading stayed in Inter Tight without it). The home page does not load this file and keeps Archivo. */
:root { --sd-disp: var(--w2-font); --disp: var(--w2-font); --stencil: var(--w2-font); }

/* 2) the logo block inside the left menu: the design layer sets every `.side a` to 12px / padding 3px 8px / margin 0 6px with !important, which
      would squash the block; these are the slice's own metrics, made to win there. */
html body .side a.w2-brand { padding: 4px 8px 16px !important; margin: 0 6px !important; font-size: 20px !important; line-height: 1 !important; gap: 10px; white-space: nowrap; }
html body .side a.w2-brand .wm { font: 600 24px/1 var(--w2-font); }
/* the menu rule (side.css): the logo block stays put while the entries scroll, as the old logo did */
@media (min-width: 801px) { html body .side > a.w2-brand { position: sticky; top: 0; z-index: 3; background: var(--w-surface, #fff); } }

/* 3) "the empty square next to the search bar" is the SHOW MENU button (desk.js .mtog.mtop): it is the only way back after the menu is hidden,
      so it is not removed. It is hidden while the menu is shown (the menu's own button hides it) and shown, with a visible icon, when the
      menu is hidden. */
html body .top2 .mtog.mtop { display: none !important; }
html.menuoff body .top2 .mtog.mtop { display: inline-flex !important; color: var(--w-text, #e8ecf1) !important; border: 1px solid var(--w-line, #2b3445) !important; background: var(--w-surface, #151b25) !important; }
html.menuoff body .top2 .mtog.mtop { box-sizing: border-box; width: 34px; height: 34px; padding: 0 !important; align-items: center; justify-content: center; }
html.menuoff body .top2 .mtog.mtop svg { display: block; flex: none; width: 16px; height: 16px; } /* flex: none: the button's padding had squeezed the icon to 0 px wide */
@media (max-width: 800px) { html.menuoff body .top2 .mtog.mtop { display: none !important; } } /* phones use the three-line menu button */

/* 4) the one-line footer in LIGHT mode: the slice colours its links with var(--w-text2, #aab4c2); the site has no --w-text2, so the fallback (a
      dark-theme grey) was used on the light page too: 1.95:1 against the page (site-theme, AA needs 4.5:1). Light mode takes the text colour. */
html[data-theme="light"] body .w2-foot a { color: var(--w-text, #0b1019); }