@layer blocks {
  /* No dividing rules between sections: on the sheet, the ruled margin and the
     handwritten notes carry the structure, and horizontal borders fight them.
     Sections are separated by space alone. */
  .section {
    padding-block: var(--space-2xl-3xl) var(--space-m-l);
    max-inline-size: var(--column);

    --flow-space: var(--space-s-m);
  }

  .section[data-variant="tasks"] {
    padding-block: 0;
  }

  .section[data-variant="faq"] {
    padding-block-end: var(--space-3xl); /* spec 110px */
  }

  .section[data-variant="final"] h2 {
    font-size: var(--text-4xl);
  }

  /* 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(--text-3xl);
    font-weight: var(--weight-bold);
    line-height: var(--leading-tight);
    letter-spacing: var(--tracking-tight);
  }

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