.network-bar { background: #0a0a0a; color: #ffffff; position: relative; z-index: 50; }
.network-bar-inner { align-items: center; display: flex; height: 42px; justify-content: space-between; margin: 0 auto; max-width: 1440px; padding: 0 24px; }
.network-brand { color: inherit; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 800; letter-spacing: -.03em; text-decoration: none; }
.network-dropdown { align-self: stretch; position: relative; }
.network-dropdown summary { align-items: center; cursor: pointer; display: flex; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; font-weight: 700; gap: 14px; height: 42px; list-style: none; padding: 0 4px 0 16px; }
.network-dropdown summary::-webkit-details-marker { display: none; }
.network-toggle { display: inline-block; font-size: 1.2rem; line-height: 1; transition: transform 160ms ease; }
.network-dropdown[open] .network-toggle { transform: rotate(45deg); }
.network-panel { background: #ffffff; border: 1px solid #0a0a0a; box-shadow: 0 12px 28px rgba(0, 0, 0, .16); color: #0a0a0a; position: absolute; right: 0; top: 42px; width: min(640px, calc(100vw - 48px)); z-index: 60; }
.network-panel ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 0; max-height: min(70vh, 560px); overflow-y: auto; overscroll-behavior: contain; padding: 8px; }
.network-panel li { margin: 0; min-width: 0; padding: 0; }
.network-panel a { border-bottom: 1px solid #d4d4d4; color: inherit; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 1rem; overflow-wrap: anywhere; padding: 13px 12px; text-decoration: none; text-transform: uppercase; }
.network-panel a:hover, .network-panel a:focus-visible { background: #0a0a0a; color: #ffffff; }
.network-panel a[aria-current="page"] { background: #ededed; font-weight: 800; }

@media (max-width: 680px) {
  .network-bar-inner { height: 42px; padding: 0 18px; }
  .network-brand { max-width: 58%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .network-dropdown summary { gap: 10px; padding-left: 10px; }
  .network-panel { left: 18px; position: fixed; right: 18px; top: 42px; width: auto; }
  .network-panel ul { grid-template-columns: 1fr; max-height: calc(100vh - 60px); }
}

@media (prefers-reduced-motion: reduce) {
  .network-toggle { transition-duration: .01ms; }
}