@layer components {
  .static-page {
    max-inline-size: min(70ch, 100%);
    margin-inline: auto;
    padding-block: var(--block-space-double);

    h1 { margin-block-end: var(--block-space); }
    h2 { margin-block: var(--block-space) var(--block-space-half); }
    h3 { margin-block: var(--block-space) var(--block-space-half); }
    p { margin-block-end: var(--block-space-half); }
    section { margin-block-end: var(--block-space); }
    ul, ol { padding-inline-start: 1.5em; margin-block-end: var(--block-space-half); }
    hr { margin-block: var(--block-space-double); }
  }
}