@media (max-width: 760px) {
  html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
  header, main, footer { width: 100%; max-width: 100%; min-width: 0; }
  header { position: relative; gap: 10px; padding-right: 102px; }
  header .brand { min-width: 0; flex: 1 1 auto; }
  .brand b { font-size: 11px; }
  .login { position: absolute; top: 16px; right: 16px; flex: 0 0 auto; margin-left: 0; padding: 7px 9px; font-size: 11px; white-space: nowrap; }
}