/* The account pages (sign up, sign in, password, confirmation, edit): one
   title block, centred on the sheet. */
@layer components {
  .account {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--block-space) * 1.5);
    padding: calc(var(--block-space) * 2) calc(var(--inline-space) * 2);

    .title-block {
      inline-size: min(100%, 30rem);
    }
  }
}