/* Only this page's own layout: everything else is the V3 stylesheet's. */
  .profile-facts { display: flex; flex-wrap: wrap; gap: 0 48px; margin: 0; }
  .profile-facts dd { margin: 0; }
  .profile-heading { margin-top: 32px; }
  #message, #can-do-nothing, #flyer-notice { margin: 16px 0 0; }
  /* A role list can be long: the card scrolls sideways on a narrow screen. */
  #memberships-card { overflow-x: auto; }
  .passkey-list { list-style: none; margin: 0; padding: 0; }
  .passkey-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; }
  /* An orphaned passkey's note sits beside its Remove. */
  .passkey-list .passkey-orphan { margin-left: auto; }
  /* The theme's radios, in a row under their legend. */
  .appearance { border: 0; margin: 0; padding: 0; min-width: 0; }
  .appearance-choices { display: flex; flex-wrap: wrap; gap: 8px 24px; }
  /* How you sign in: the cards stack, a form opens under its card's text. */
  #password-card, #authenticator-card, #passkey-area { margin-top: 16px; }
  .security-form { margin: 16px 0 0; max-width: 420px; }
  .security-actions { display: flex; flex-wrap: wrap; gap: 8px; }
  #authenticator-qr { display: block; width: 200px; height: 200px; margin: 0 0 12px; }
  #authenticator-key { overflow-wrap: anywhere; }
  #password-changed { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 16px 0 0; }