@layer layout {
  .container {
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--container-padding);
    width: 100%;
  }

  /* Prose content width constraint (privacy, descriptions, FAQ) */
  .content-width {
    max-width: var(--content-width);
    margin-inline: auto;
  }

  /* Landing page section spacing */
  .landing-section {
    padding: var(--space-2xl) 0;
  }

  @media (min-width: 768px) {
    .landing-section {
      padding: var(--space-3xl) 0;
    }
  }

  /* Even sections get surface background for alternating pattern */
  .landing-section--surface {
    background-color: var(--color-surface);
  }

  /* Footer two-group link wrapper (D-11) */
  .site-footer__links {
    display: flex;
    justify-content: center;
    gap: var(--space-xl);
    margin-bottom: var(--space-md);
  }
}