/* A2 — auth + devices */
.au-body{padding:1.2rem 1rem;display:flex;flex-direction:column;gap:1rem;flex:1}
.au-body h1{margin:0}
.au-why{margin:-.4rem 0 0;max-width:34ch}
.au-form{display:flex;flex-direction:column;gap:1rem;flex:1}
.au-resend{font-size:.66rem;color:var(--ink-60)}
.au-resend-btn{border:none;background:none;font:inherit;color:var(--ink);font-weight:700;
  cursor:pointer;padding:.6em .2em;text-decoration:underline}
.au-resend-btn[disabled]{color:var(--ink-30);text-decoration:none;cursor:default}
.otp.field--error .input{border-color:var(--red)}

.dev-list{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.dev-item{border:2px solid var(--ink);background:var(--white);padding:.8rem 1rem;
  display:flex;justify-content:space-between;align-items:center;gap:1rem}
.dev-label{font-variation-settings:"wdth" 75,"wght" 700;font-weight:700;font-stretch:75%;
  text-transform:uppercase;font-size:.85rem;display:block}
.dev-seen{font-size:.6rem;color:var(--ink-60);letter-spacing:.06em;display:block;margin-top:.2rem}

@media(min-width:900px){
  .au-body{max-width:460px;width:100%;margin:0 auto;padding:3rem 1rem;flex:none}
  .au-body h1{font-size:2.1rem}
  /* the action follows the field — nothing pins to the fold up here */
  .au-form{flex:none;gap:1.4rem}
  .au-form .cta-dock{margin-top:.4rem;position:static;background:transparent;border-top:none;padding-left:0;padding-right:0}
  .dev-list{max-width:620px}
}