/* ==========================================================================
   Layout
   Page-level layout primitives. Section-specific grids live with their
   sections.
   ========================================================================== */

@layer layout {
  /* Figma content area: 1280px, centred. Fluid side padding keeps the
     content off the viewport edges below 1440px. */
  .container {
    width: min(100% - 2 * var(--container-padding), var(--container-max));
    margin-inline: auto;
  }

  /* Opt-in vertical rhythm for sections that use the Figma 96px spacing. */
  .section {
    padding-block: var(--section-space);
  }
}