/* Shared site menu, used on every page */
html { scroll-padding-top: 70px; }
.site-nav { position: sticky; top: 0; z-index: 8888; background: #f5f5f5; font-family: Arial, sans-serif; line-height: 1.4; }
.site-nav-bar { display: flex; justify-content: space-between; align-items: center; padding: 0.5rem 1rem; }
.site-nav a, .site-nav button { font: inherit; font-weight: bold; color: #333; text-decoration: none; }
.site-nav .brand { color: #007bff; font-size: 1.25rem; }
.site-nav-burger { display: none; background: none; border: 0; cursor: pointer; padding: 0.5rem; }
.site-nav-burger span { display: block; width: 1.5rem; height: 2px; background: #333; margin: 0.3rem 0; }
.site-nav-menu { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; }
.site-nav-menu > li { margin: 0 0 0 1rem; position: relative; }
.site-nav-menu a:hover, .site-nav-sub-toggle:hover { color: #007bff; }
.site-nav-sub-toggle { background: none; border: 0; cursor: pointer; padding: 0; }
.site-nav-sub-toggle::after { content: " \25BE"; }
.site-nav-sub { display: none; list-style: none; margin: 0; padding: 0.4rem 0; position: absolute; right: 0; top: 100%; min-width: 230px; background: #f5f5f5; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); border-radius: 0 0 5px 5px; }
.site-nav-sub li a { display: block; padding: 0.35rem 1rem; white-space: nowrap; }
.site-nav-sub li a:hover { background: #e9ecef; }
.has-sub.open > .site-nav-sub { display: block; }
.site-nav a[aria-current="page"] { color: #007bff; }

@media (max-width: 1100px) {
  .site-nav-burger { display: block; }
  .site-nav-menu { display: none; flex-direction: column; align-items: stretch; padding: 0 1rem 0.75rem; max-height: calc(100vh - 60px); overflow-y: auto; }
  .site-nav-menu.is-active { display: flex; }
  .site-nav-menu > li { margin: 0; padding: 0.4rem 0; border-top: 1px solid #e3e3e3; }
  .site-nav-sub { position: static; box-shadow: none; padding: 0.2rem 0 0 0.75rem; min-width: 0; }
  .site-nav-sub li a { padding: 0.3rem 0; }
}