/* Persistent website navigation: arrangement only, master 1.0 tokens/brand. */
body[data-bc-surface="website"] .site-header[data-site-nav-ready="true"] {
  position:sticky;
  top:0;
  z-index:30;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:var(--bc-space-4) var(--bc-space-5);
  padding-top:var(--bc-space-4);
  padding-bottom:var(--bc-space-4);
  background:var(--bc-black);
  border-bottom:1px solid var(--bc-line);
}
body[data-bc-surface="website"] .site-header[data-site-nav-ready="true"] #main-navigation {
  display:flex;
  flex:1 1 720px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:var(--bc-space-1) var(--bc-space-4);
  min-width:0;
  width:auto;
}
body[data-bc-surface="website"] .site-header[data-site-nav-ready="true"] #main-navigation>a {
  display:inline-flex;
  align-items:center;
  min-width:0;
  min-height:44px;
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
}
body[data-bc-surface="website"] .site-header #site-menu-toggle {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--bc-space-2);
  min-width:70px;
  min-height:44px;
  padding:var(--bc-space-2) var(--bc-space-3);
  border:1px solid var(--bc-line);
  border-radius:7px;
  background:var(--bc-raised);
  color:var(--bc-ink);
  font:650 14px/1.4 var(--bc-font);
  cursor:pointer;
}
body[data-bc-surface="website"] .site-header #site-menu-toggle[aria-expanded="true"] {
  border-color:var(--bc-blue);
  background:var(--bc-blue-tint);
}
body[data-bc-surface="website"] .site-header #site-menu-toggle[hidden],
body[data-bc-surface="website"] .site-header #main-navigation[hidden] {
  display:none !important;
}
body[data-bc-surface="website"] .site-header :is(#site-menu-toggle,#main-navigation>a):focus-visible {
  outline:3px solid var(--bc-link);
  outline-offset:3px;
}
/* Keep the keyboard skip link above the sticky header. */
body[data-bc-surface="website"]>.skip-link:focus {
  position:fixed;
  z-index:60;
}
@media(max-width:900px) {
  body[data-bc-surface="website"] .site-header[data-site-nav-ready="true"] {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:0 var(--bc-space-3);
    padding-top:var(--bc-space-3);
    padding-bottom:var(--bc-space-3);
  }
  body[data-bc-surface="website"] .site-header[data-site-nav-ready="true"] .bc-brand {
    --bc-logo-size:clamp(32px,10vw,40px);
    justify-self:start;
    max-width:100%;
  }
  body[data-bc-surface="website"] .site-header[data-site-nav-ready="true"] #site-menu-toggle {
    justify-self:end;
  }
  body[data-bc-surface="website"] .site-header[data-site-nav-ready="true"] #main-navigation {
    grid-column:1 / -1;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    align-items:stretch;
    justify-content:flex-start;
    gap:var(--bc-space-2);
    width:100%;
    max-height:max(44px,calc(100vh - var(--website-closed-header-height,80px) - var(--bc-space-4)));
    max-height:max(44px,calc(100dvh - var(--website-closed-header-height,80px) - var(--bc-space-4)));
    padding:var(--bc-space-3) var(--bc-space-2) var(--bc-space-2);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    box-sizing:border-box;
  }
  body[data-bc-surface="website"] .site-header[data-site-nav-ready="true"] #main-navigation>a {
    flex:0 0 auto;
    justify-content:flex-start;
    width:100%;
    min-height:44px;
    margin:0;
    padding:var(--bc-space-3);
    border-radius:7px;
    font-size:14px;
    line-height:1.4;
  }
  body[data-bc-surface="website"] .site-header[data-site-nav-ready="true"] #main-navigation>a:not(.button):hover {
    background:var(--bc-blue-tint);
  }
}