/* Original website, step 03: readable names in the existing mobile nav row. */
.nav-mobile-name { display: none; }

@media (max-width: 760px) {
  .site-header .quiet-button > .nav-legacy-mark { display: none; }
  .site-header .nav-mobile-name {
    display: inline;
    font-family: var(--sans);
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
  }
}

@media (max-width: 420px) {
  .site-header { padding-inline: 12px; gap: 4px; }
  .site-header .brand-mark { width: 32px; height: 32px; }
  .site-header .nav-mobile-name { font-size: 13px; }
  .site-header .quiet-button { min-width: 36px; padding-inline: 6px; }
  .site-header .site-nav-more > summary { min-width: 32px; padding-inline: 4px; }
  .site-header .header-contact { padding-inline: 9px; font-size: 11px; }
}