/* Keep the approved five-character name readable in the existing layouts. */
.wordmark { letter-spacing: 1px; }
.wordmark svg { flex-shrink: 0; }
.brand-sub, .welcome-wordmark small { letter-spacing: .5px; }
.desktop-wordmark { letter-spacing: 2px; }
.sidebar .brand { flex-direction: column; align-items: flex-start; gap: 6px; }
.sidebar .brand span { font-size: 25px; letter-spacing: 1px; white-space: nowrap; }
.sidebar .brand small { max-width: none; letter-spacing: 1px; }
@media (max-width: 360px) {
  .wordmark, .welcome-wordmark { font-size: 20px; gap: 7px; }
  .prototype-badge { font-size: 10px; letter-spacing: 0; }
}