.nav { display: flex; align-items: center; gap: 14px; }
.nav-group { position: relative; display: inline-block; }
.nav-dropdown { display: none; position: absolute; top: 100%; left: 0; background: white; border: 1px solid #eee; border-radius: 10px; padding: 8px; min-width: 160px; }
.nav-child { display: block; padding: 6px 10px; white-space: nowrap; }
.nav-group:hover .nav-dropdown { display: block; }


.brand-logo {
  height: 56px;
  width: auto;
  display: block;
}

@media (min-width: 1024px) {
  .brand-logo {
    height: 44px;
  }
}
body { margin: 0; line-height: 1.65; }
.container { max-width: 920px; margin: 0 auto; padding: 24px; }

a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }

.site-header { background: white; border-bottom: 1px solid #eee; padding: 18px 0; }
.header-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }