/* Test-domain navigation: seven sections fit on a laptop without wrapping. */
.site-test .top-inner { gap: 8px; }
.site-test .brand { flex: none; gap: 9px; }
.site-test .brand-text { white-space: nowrap; }
.site-test .brand-countdown { display: flex; flex: none; align-items: baseline; gap: 5px; white-space: nowrap; font-family: var(--font-mono); font-size: .72rem; font-weight: 700; line-height: 1; }
.site-test .brand-count-line { display: inline-flex; align-items: baseline; gap: 4px; }
.site-test .brand-count-number { color: #f5d548; font-family: var(--font-sans); font-size: 1.22rem; font-weight: 900; line-height: 1; font-variant-numeric: tabular-nums; }
.site-test .brand-count-unit,
.site-test .brand-count-sub { color: #eee; }
.site-test .nav-desktop { gap: 1px; }
.site-test .nav-desktop a { padding-inline: 7px; font-size: .73rem; white-space: nowrap; }
.site-test .top-actions { flex: none; gap: 8px; }
.site-test .btn-top { padding-inline: 12px; white-space: nowrap; }

@media (max-width: 1110px) and (min-width: 961px) {
  .site-test .nav-desktop a { padding-inline: 4px; font-size: .68rem; }
  .site-test .brand-countdown { font-size: .65rem; gap: 4px; }
  .site-test .brand-count-number { font-size: 1.12rem; }
}

@media (max-width: 600px) {
  .site-test .top-inner { gap: 6px; }
  .site-test .brand-countdown { flex-direction: column; align-items: flex-start; gap: 3px; font-size: .72rem; }
  .site-test .brand-count-number { font-size: 1.25rem; }
}

@media (max-width: 360px) {
  .site-test .top-inner { padding-inline: 12px; }
  .site-test .top-actions { gap: 5px; }
  .site-test .brand-countdown { font-size: .67rem; }
  .site-test .brand-count-number { font-size: 1.17rem; }
  .site-test .btn-top { padding-inline: 8px; }
  .site-test .mobile-summary { padding-inline: 8px; }
}