/* Round 8.1 viewport refinements kept separate from the compact base sheet. */
.main-nav { min-width: 0; }
.system-footer { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.video-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.video-tabs { display: flex; gap: 8px; margin: 0 0 12px; }
.video-tab { border: 1px solid var(--line2); background: #091928; color: #cad9e3; padding: 7px 12px; border-radius: 5px; font: inherit; font-size: 14px; cursor: pointer; }
.video-tab.active, .video-tab:hover { border-color: var(--blue); color: var(--blue); background: #0c2941; }

@media (min-width: 821px) and (max-width: 1440px) {
  .terminal-header { gap: 10px; }
  .brand { min-width: 270px; }
  .brand-logo-wrap { width: 118px; }
  .brand-logo { max-width: 110px; }
  .brand strong { font-size: 20px; }
  .main-nav { justify-content: flex-start; overflow-x: auto; }
  .main-nav a { font-size: 14px; padding: 0 8px; }
  .terminal-clock { min-width: 150px; }
  .system-footer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .video-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .footer-cell:nth-child(2n) { border-right: 0; }
}

@media (max-width: 820px) {
  .video-facts { grid-template-columns: 1fr; }
}