/* The home top bar: brand and term on the left, the buttons together on the right, in one tidy row when they fit
   and in an even, right-aligned second row when they do not. Home only (Scatter's other pages are unchanged). */
.topbar { flex-wrap: nowrap; align-items: center; gap: 10px 14px; }
.topbar .brand { flex: 0 0 auto; }
.topbar .wc-season { flex: 0 1 auto; min-width: 0; white-space: nowrap; }
.topbar-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 8px; flex: 1 1 auto; }
.topbar-actions .btn { min-height: 40px; padding: 8px 13px; font-size: .9rem; white-space: nowrap; }
@media (max-width: 1180px) {
  .topbar { flex-wrap: wrap; }
  .topbar .spacer { display: none; }
  .topbar-actions { flex: 1 1 100%; justify-content: flex-start; }
}
@media (max-width: 520px) {
  .topbar-actions .btn { flex: 1 1 auto; text-align: center; }
}
.wc-words .wc-season { display: inline-block; margin: 0 8px 6px 0; }