/* --- Sign in, forgot, reset ------------------------------------------------------------------- */

main > .auth-view {
  width: min(100%, 24rem);
  margin: clamp(2rem, 10vh, 7rem) auto 0;
}
.auth-view::before {
  content: "";
  display: block;
  width: 3rem;
  height: 3rem;
  margin-bottom: var(--space-6);
}
.auth-view h1 { font-size: clamp(2rem, 5vw + 1rem, 2.75rem); margin-bottom: var(--space-4); }
.auth-view .stack { margin-top: var(--space-5); }
/* The one primary on an auth page spans the form (other form buttons keep their width). */
.auth-view .btn-primary { justify-self: stretch; width: 100%; }
.auth-alt { margin-top: var(--space-5); color: var(--fg-muted); }
.auth-alt a { color: var(--fg); font-weight: 600; }
.reset-done { display: grid; gap: var(--space-4); margin-top: var(--space-5); }

/* --- Settings ------------------------------------------------------------------------------------ */

/* Each group is a panel (components/panel.css) at the forms measure; the panels stack
   with the kit's gap. The password change is a ruled-off .panel-section of Account. */
.settings-group { max-width: var(--measure); }
.settings-group h3 { margin: 0 0 var(--space-3); }
.settings-group .footnote { margin-top: var(--space-3); }
.account-name { margin: 0; color: var(--fg-muted); }
.settings .shortcuts { margin-top: var(--space-4); }