/* Give the phone login the reference's calmer top spacing. Registration and
   landscape layouts keep their existing sizing and touch targets. */
@media (max-width:600px) and (orientation:portrait) {
  .auth-stage > .auth-panel[data-step=login] {
    grid-template-rows:minmax(80px,1.25fr) auto auto minmax(44px,.75fr)!important;
  }
  .auth-stage > .auth-panel[data-step=login] .auth-brand {
    align-self:end!important;
    margin-bottom:clamp(18px,4svh,32px)!important;
  }
  .auth-stage > .auth-panel[data-step=login] .auth-brand img {
    width:clamp(150px,35svh,244px)!important;
  }
}