/* The account pages that are not a list of rows: removing the account says what goes and what stays, and the page of the link that confirms a new e-mail address shows it. */

@layer components {
  .account-lead {
    margin: var(--s-4) var(--s-4) 0;
  }

  /* A short list of things, each a sentence: round bullets in the colour of the text, room between the lines. */
  .bullets {
    margin: 0;
    padding-left: var(--s-5);
    list-style: disc;
  }

  .bullets > li {
    padding: 2px 0;
    overflow-wrap: anywhere;
  }

  /* The way back from a link that does not work: room under the sentence above it. */
  .email-change__back {
    margin-top: var(--s-4);
  }

  /* The new e-mail address on the page that confirms it: on a line of its own, and an address that is longer than the screen breaks. */
  .email-change__address {
    margin: 0 0 var(--s-4);
    font-size: 1.0625rem;
    overflow-wrap: anywhere;
  }
}