/* Scoped to navigation so legacy page styles cannot change the shared header. */
.yb-public-header.yb-site-header {
  display: block; position: sticky; top: 0; z-index: 100;
  width: 100%; max-width: none; height: auto; min-height: 72px;
  margin: 0; padding: 0; background: #fff; border: 0;
  border-bottom: 1px solid #dce5e0; box-sizing: border-box;
  font: 600 14px/1.4 var(--yb-font-ui); letter-spacing: 0;
}
.yb-site-header .yb-header-inner {
  display: flex; align-items: center; justify-content: space-between;
  gap: 24px; max-width: 1200px; min-height: 72px; margin: auto;
  padding: 12px 24px; box-sizing: border-box;
}
.yb-site-header .yb-site-nav {
  display: flex; align-items: center; justify-content: flex-end;
  gap: 22px; margin: 0; padding: 0; width: auto; height: auto;
}
.yb-site-header .yb-site-nav a, .yb-site-header .yb-site-nav button,
.yb-site-header .yb-menu-toggle {
  font: inherit; letter-spacing: 0; text-transform: none;
  text-decoration: none; white-space: nowrap; margin: 0;
  color: #155c4c; background: transparent; border: 0;
  border-radius: 4px; padding: 8px 0; cursor: pointer;
}
.yb-site-header .yb-site-nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; }
.yb-site-header .yb-site-nav a:hover { text-decoration: underline; text-underline-offset: 6px; }
.yb-public-header.yb-site-header .yb-site-nav a.yb-build-link { color: #fff; background: #155c4c; padding: 11px 16px; }
.yb-site-header [hidden] { display: none !important; }
.yb-site-header :focus-visible { outline: 2px solid #cf482f; outline-offset: 4px; }
.yb-site-header #navLoc:empty { display: none; }
.yb-site-header #navLoc { max-width: 180px; white-space: normal; }
@media (max-width: 1050px) {
  .yb-site-header .yb-header-inner { flex-wrap: wrap; gap: 8px 16px; padding: 12px 20px; }
  .yb-site-header .yb-menu-toggle { display: block; padding: 10px 4px; }
  .yb-site-header .yb-site-nav { width: 100%; flex-direction: column; align-items: stretch; gap: 4px; padding: 10px 0; }
  .yb-site-header .yb-site-nav a, .yb-site-header .yb-site-nav button { padding: 12px; text-align: left; }
  .yb-site-header[data-menu-ready] .yb-site-nav { display: none; }
  .yb-site-header[data-menu-open] .yb-site-nav { display: flex; }
}
