/* Shared header layer: 50; section navigation: 19. Dropdowns stay above both on scroll. */
.desktop-nav { align-items:center; }
.nav-group { position:relative; }
.nav-group>summary { display:flex; gap:7px; align-items:center; list-style:none; cursor:pointer; font:inherit; color:#444; font-weight:700; padding:16px 0; white-space:nowrap; }
.nav-group>summary::-webkit-details-marker,.mobile-nav-group>summary::-webkit-details-marker { display:none; }
.nav-group>summary>span { font-size:14px; color:#777; }
.nav-group.current-group>summary,.nav-group[open]>summary { color:#2563ed; }
.nav-group .nav-submenu { position:absolute; top:100%; left:-20px; min-width:215px; padding:8px; background:#fff; border:1px solid #ddd; border-radius:10px; box-shadow:0 12px 35px #11111112; z-index:150; }
.desktop-nav .nav-submenu>a { display:block; padding:13px 15px; color:#444; font-size:15px; font-weight:600; border-radius:6px; line-height:1.6; }
.desktop-nav .nav-submenu>a:hover,.desktop-nav .nav-submenu>a:focus-visible { background:#f1f4fb; color:#2563ed; }
.desktop-nav .nav-submenu>a[aria-current=page] { background:#eef3ff; color:#2563ed; }
.mobile-nav-group { border-bottom:1px solid #e5e5e5; }
.mobile-nav-group>summary { display:flex; align-items:center; justify-content:space-between; gap:16px; list-style:none; padding:17px 0; min-height:52px; font-size:17px; font-weight:700; color:#222; cursor:pointer; }
.mobile-nav-group.current-group>summary { color:#2563ed; }
.mobile-nav-group>summary>span { font-size:18px; color:#777; }
.mobile-nav .nav-submenu { background:#f5f6f8; padding:5px 15px; margin-bottom:14px; border-radius:8px; }
.mobile-nav .nav-submenu>a { display:block; min-height:48px; padding:14px 0; font-size:15px; color:#444; border-bottom:1px solid #e3e5eb; }
.mobile-nav .nav-submenu>a:last-child { border:0; }
.mobile-nav .nav-submenu>a[aria-current=page] { color:#2563ed; font-weight:700; }
.mobile-nav { max-height:calc(100dvh - 90px); overflow-y:auto; overscroll-behavior:contain; }
.header { overflow:visible; }
.nav-group>summary:focus-visible,.mobile-nav-group>summary:focus-visible { outline:2px solid #2563ed; outline-offset:4px; border-radius:4px; }
@media (min-width:1025px) and (max-width:1280px) { .desktop-nav { gap:22px; } }
.account-links { display:flex; align-items:center; gap:14px; white-space:nowrap; font-size:14px; font-weight:650; }
.account-links>a { min-height:44px; display:inline-flex; align-items:center; }
.account-links .account-signup { padding:0 17px; border-radius:999px; color:#fff; background:#2563ed; }
.account-links .account-signup:hover { background:#154fcf; }
.mobile-account-links { display:flex; gap:24px; margin-top:12px; }
.mobile-account-links>a { font-weight:700; color:#2563ed; }
@media (min-width:1201px) { .desktop-nav { gap:20px; font-size:15px; } .nav-wrap { gap:20px; } .nav-actions { gap:14px; } }
@media (max-width:1200px) { .desktop-nav { display:none; } .menu-toggle { display:block; } .mobile-nav { background:#fff; border-color:#ddd; } .mobile-nav>a { color:#333; border-bottom:1px solid #e5e5e5; } }
@media (max-width:640px) { .account-links { display:none; } }
@media (max-width:1440px) { .desktop-nav { display:none; } .menu-toggle { display:block; } }

/* Product identity stays beside the release number on both desktop and mobile. */
.brand-meta { display:inline-flex; align-items:center; gap:8px; flex-shrink:0; white-space:nowrap; }
.site-kind { letter-spacing:.2px; }
@media (min-width:1441px) {
  .nav-wrap { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:clamp(36px,3vw,54px); }
  .desktop-nav { display:flex; justify-content:space-between; width:100%; gap:clamp(16px,1.25vw,24px); font-size:15px; }
  .nav-actions { justify-self:end; }
}
@media (max-width:640px) { .brand-meta { gap:6px; } }
@media (max-width:380px) {
  .header .brand-wordmark { font-size:16px; }
  .header .brand-icon { width:23px; height:28px; }
  .brand-group { gap:6px; }
  .brand-meta { gap:5px; }
  .nav-wrap { gap:4px; padding-left:12px; padding-right:10px; }
}