/* Preserve the original layout while accommodating English labels. */
header .brand { white-space: nowrap; }
#intro h1 { letter-spacing: -.04em; }
#tools button, #tools select { white-space: nowrap; }
#controlDrawer { width: min(300px, calc(100vw - 32px)); }
@media (max-width: 700px) {
  header .brand { font-size: 15px; }
  #intro h1 { font-size: 23px; }
  #intro p { max-width: 280px; line-height: 1.5; }
  #tools { overflow-x: auto; }
  #kpis { top: 218px; }
}
@media (max-width: 440px) {
  header .brand { font-size: 12px; padding: 4px; gap: 4px; }
  header .aotMark { width: 32px; height: auto; }
  header select { min-width: 0; font-size: 10px; padding: 5px 2px; }
  #area { width: 69px; }
  #weather { width: 81px; }
  #night, #musicToggle { min-width: 26px; padding: 4px; }
}