.topnav { position: relative; background: var(--surface-primary); border-bottom: 1px solid var(--border-subtle);  }
.topnav__inner { display: flex; align-items: center; gap: var(--space-4); min-height: var(--space-7); }
.topnav__brand { display: inline-flex; align-items: center; gap: var(--space-2); text-decoration: none; }
.topnav__wordmark { font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: var(--fw-bold); color: var(--brand-primary); }
.topnav__links { display: flex; gap: var(--space-4); margin-inline-start: auto; margin-block: 0; padding: 0; list-style: none; }
.topnav__links a { color: var(--ink-body); text-decoration: none; font-weight: var(--fw-semibold); }
.topnav__links a:hover { color: var(--brand-primary); }
.topnav__actions { display: flex; align-items: center; gap: var(--space-3); }
.topnav__menu { display: none; }
.topnav__hamburger { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 48px;  cursor: pointer; list-style: none; }
.topnav__hamburger::-webkit-details-marker { display: none; }
.mobile-menu { position: absolute; top: 100%; left: 0; right: 0; z-index: 10; display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-4); background: var(--surface-elevated); border-block: 1px solid var(--border-subtle);  box-shadow: var(--shadow-2); }
.mobile-menu__links a { display: flex; align-items: center; min-height: 48px;  border-bottom: 1px solid var(--border-subtle);  text-decoration: none; color: var(--ink-body); }
.mobile-menu__cta { margin-top: auto; }
@media (max-width: 47.999rem) {
  .topnav__links, .topnav__actions { display: none; }
  .topnav__menu { display: block; margin-inline-start: auto; }
  .topnav--links-none .topnav__actions { display: flex; margin-inline-start: auto; }
}