/* QA patch by claude-opus-5, CSS-only, reviewed against design-contract v1 */
/* QA pass — design-contract hard_rules.mobile + non-text contrast. CSS only,
   brand tokens only; no compliance furniture touched. */

/* 1. Masthead auth controls reach the 44px tap-target minimum and the 14px
      type floor. min-height + inline-flex adds height, not width. */
@media (max-width: 760px) {
  .masthead-auth .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: .45rem .9rem;
    font-size: max(.875rem, var(--step--1));
    line-height: 1.15;
  }
  /* Larger pills need the lockup to yield instead of overflowing the row. */
  .brand-home { flex: 0 1 auto; min-width: 0; }
  .brand-home-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 380px) {
  .masthead-auth .btn { padding: .45rem .6rem; font-size: max(.875rem, var(--step--1)); }
}

/* 2. Small supporting type clears 14px on phones. max() keeps the seed's
      type-scale variance wherever the generated step is already larger. */
@media (max-width: 560px) {
  .eyebrow,
  .hero-meta,
  .trust-label { font-size: max(.875rem, var(--step--2)); }
}

/* 3. Give the secondary control a boundary that actually clears 3:1
      (var(--muted) on var(--surface) ~5.3:1) while staying subordinate to
      the solid accent Register button. */
.btn-login { border-color: var(--muted); }
.btn-login:hover { border-color: var(--accent); }