.passkey-page { max-width: 52rem; }
.passkey-heading { border-bottom: 3px solid #17191b; padding-bottom: 1.25rem; margin-bottom: 2rem; }
.passkey-heading h1 { max-width: 14ch; margin: 1rem 0 .75rem; }
.passkey-heading p, .passkey-actions p, .passkey-fallback p { max-width: 68ch; line-height: 1.6; }
.passkey-actions { display: grid; gap: 0; border-top: 1px solid #9a978e; }
.passkey-actions section { padding: 1.5rem 0; border-bottom: 1px solid #9a978e; }
.passkey-actions h2, .passkey-fallback h2 { margin: 0 0 .5rem; font-size: 1.15rem; }
.passkey-actions button { min-height: 44px; margin-top: .75rem; }
.passkey-actions button[disabled] { cursor: wait; opacity: .62; }
.passkey-message { min-height: 1.5rem; margin: 1rem 0; color: #315e71; font-weight: 650; }
.passkey-message--error { color: #8a2f1e; }
.passkey-fallback { margin-top: 2.5rem; padding-top: 1.25rem; border-top: 1px solid #17191b; }
@media (min-width: 44rem) {
  .passkey-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .passkey-actions section { padding-right: 2rem; }
  .passkey-actions section + section { padding-left: 2rem; border-left: 1px solid #9a978e; }
}