/* Brand on one line; controls wrap independently of the brand. */
#app-header .club-header-layout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
#app-header .club-brand {
  flex: 0 0 auto;
  max-width: 100%;
  gap: 12px;
}
#app-header .club-brand-text { min-width: 0; }
#app-header .club-brand h1 {
  white-space: nowrap;
  font-size: clamp(14px, 4vw, 24px);
  line-height: 1.3;
  letter-spacing: -0.025em;
}
#app-header .club-controls { flex: 1 1 600px; min-width: 0; }
@media (max-width: 420px) {
  #app-header #header-club-logo { height: 40px; max-width: 36px; object-fit: contain; }
  #app-header .club-brand { gap: 8px; }
}
@media (max-width: 280px) {
  #app-header .club-brand { flex-direction: column; }
  #app-header .club-brand h1 { font-size: 12px; }
}