/* Navigation presentation only; the existing menu handlers stay unchanged. */
html { scroll-padding-top: 108px; }
.site-header { position: fixed; }
.site-header.is-floating {
  top: 12px;
  left: 50%;
  width: min(1280px, calc(100% - 40px));
  transform: translateX(-50%);
  border: 1px solid #ffffff24;
  border-radius: 14px;
  background: #090b0ef2;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 10px 35px #0005;
}
.site-header.is-floating .header-inner {
  width: calc(100% - 32px);
  padding: 8px 0;
  min-height: 72px;
  align-items: center;
}
.site-header.is-floating .brand { width: 98px; }
.site-header.is-floating .main-nav,
.site-header.is-floating .menu-toggle { margin-top: 0; }
.site-header.is-floating.menu-open .main-nav {
  top: calc(100% + 8px);
  right: 0;
  width: auto;
  max-height: calc(100dvh - 120px);
  overflow-y: auto;
  border-radius: 12px;
}
@media (max-width: 700px) {
  html { scroll-padding-top: 100px; }
  .site-header.is-floating { top: 8px; width: calc(100% - 24px); }
  .site-header.is-floating .header-inner { min-height: 68px; }
  .site-header.is-floating .brand { width: 90px; }
  .site-header.is-floating.menu-open .main-nav { width: 100%; }
}