.header-clock { display: flex; flex: 0 0 auto; flex-direction: column; align-items: flex-end; gap: 1px; margin-left: auto; color: #fff; white-space: nowrap; font-variant-numeric: tabular-nums; font-family: Inter, ui-sans-serif, system-ui, sans-serif; line-height: 1.25; }
.header-clock[hidden] { display: none; }
.header-clock-date { font-size: .72rem; font-weight: 500; color: rgba(255,255,255,.8); }
.header-clock-time { font-size: 1rem; font-weight: 800; letter-spacing: .02em; }
@media (max-width: 700px) {
  html { scroll-padding-top: calc(140px + env(safe-area-inset-top)); }
  .subpage-heading { padding-top: calc(140px + env(safe-area-inset-top)); }
  .nav { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 8px 12px; }
  .nav > .brand { grid-column: 1; grid-row: 1; }
  .nav > .channel-badge { grid-column: 1; grid-row: 2; justify-self: start; }
  .nav > .language-switcher { grid-column: 2; grid-row: 2; }
  .nav > .menu-toggle { grid-column: 3; grid-row: 2; }
  .nav > .header-clock { grid-column: 2 / -1; grid-row: 1; justify-self: end; }
  .nav > .nav-links { top: calc(100% + 8px); }
  .language-header { flex-wrap: wrap; }
  .language-header > .header-clock { margin-left: auto; }
}