@layer blocks {
  /* Settings pages sit on the sheet like a landing section: a heading that
     labels the writing column, then fields on the 30px dot pitch. */
  section[data-variant="settings"] .prose h1 {
    font-size: var(--font-section);
    font-weight: var(--weight-bold);
    line-height: 1.12;
    letter-spacing: -0.01em;
  }

  section[data-variant="settings"] .prose {
    --flow-space: var(--grid-cell);
  }

  section[data-variant="settings"] .prose :is(h1, h2, h3, h4):not(.not-prose) + *:not(.not-prose) {
    --flow-space: var(--grid-cell);
  }

  .settings-form {
    --flow-space: var(--grid-cell);
    --cluster-space: var(--space-s);
  }
}