/* Show the complete brand name beside the D mark when the mobile menu is active. */
@media (max-width: 780px) {
  .site-header .brand {
    min-width: 0;
    max-width: calc(100% - 56px);
    gap: 9px;
  }

  .site-header .brand > span:last-child {
    display: block;
    min-width: 0;
    font-size: .875rem;
    line-height: 1.18;
    letter-spacing: .015em;
    white-space: normal;
  }

  .site-header .menu-toggle { flex: 0 0 46px; }
}