/* The full brand stays legible in the header on small screens. */
.brand-name{line-height:1.15;letter-spacing:-.8px}
.header .brand{font-size:23px}
@media(max-width:760px){
  .header .brand{font-size:18px;gap:6px;white-space:normal}
  .header .brand-name{max-width:125px}
  .header .brand-icon{width:25px;min-width:25px;font-size:28px}
  .header .pilot-badge{display:none}
  .footer .brand{font-size:22px}
  .admin-header .brand{font-size:22px;white-space:normal}
}
@media(max-width:360px){
  .header .button-small{font-size:9px;padding:9px;gap:7px}
  .header .brand-name{max-width:110px}
}