/* QA patch by claude-opus-5, CSS-only, reviewed against design-contract v1 */
/* QA pass — masthead controls. Tokens only; nothing hidden, no text changed,
   auth buttons kept in place. Overrides the earlier .masthead-auth .btn rules
   by cascade order at equal specificity. */
@media (max-width: 560px) {
  .masthead-inner { min-width: 0; }
  .brand-home { flex: 1 1 auto; min-width: 0; }
  .brand-home-text { min-width: 0; }
  .brand-home-name {
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: var(--step-0);
    line-height: 1.15;
  }
  .masthead-auth { flex: 0 0 auto; }
  .masthead-auth .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: .55rem .8rem;
    font-size: var(--step--1);
  }
}
@media (max-width: 400px) {
  .brand-badge { width: 1.9rem; height: 1.9rem; font-size: 1.05rem; }
  .brand-home-name { font-size: var(--step--1); }
  .masthead-auth .btn { padding: .55rem .6rem; font-size: var(--step--1); }
}