/* Data CoE — page-level styles shared across every page.
   NOT part of the canonical design system: assets/hydrab.css is copied
   verbatim from the hydrab-ai-hub reference and is never edited per
   project. Anything Data-CoE-specific lives here and is loaded on every
   page after hydrab.css. */

/* Screen-reader-only utility — visually hidden, still in the a11y tree.
   Used for the section <h2> headings that keep heading levels from
   skipping on the roadmap/catalogue pages. */
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* Disabled / placeholder call-to-action buttons — styled consistently
   with .btn in both themes. Used for the Teams CTAs until the real
   channel URL is wired in (no dead href="#" navigation). */
.btn:disabled,
.btn[aria-disabled="true"]{
  opacity:0.55;
  cursor:not-allowed;
}

/* ── Nav overflow handling ────────────────────────────
   Data CoE's nav carries more content than the hydrab-ai-hub reference
   (5 links, a 6-logo partner strip, and a "Sign out" label) than
   hydrab.css accounted for with its shared max-width:1200px partner-strip
   breakpoint -- between ~1200-1509px that leaves the nav row wider than
   its container, and flexbox shrinks *every* flex child (default
   flex-shrink:1) to fit, squashing the brand/partner logos out of their
   aspect ratio. Widen the hide-threshold here, at the page level, rather
   than editing the shared hydrab.css. */
@media (max-width:1600px){
  .hb-nav-partners{display:none;}
}
.hb-nav-brand img,
.hb-nav-partners img{flex-shrink:0;}

/* Mobile nav — collapse the 5 links onto their own horizontally
   scrollable row (the hub carries only 3 inline; five overflow below
   ~720px). Mirrors the hub's scrollable sub-nav pattern. */
@media (max-width:720px){
  .hb-nav{flex-wrap:wrap;row-gap:6px;}
  .hb-nav-end{width:100%;margin-left:0;flex-wrap:wrap;justify-content:flex-end;gap:6px;}
  .hb-nav-links{
    order:2;flex:1 1 100%;min-width:0;
    overflow-x:auto;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;justify-content:flex-start;
  }
  .hb-nav-links::-webkit-scrollbar{display:none;}
}