/*
PATH: /css/layout.css
TYPE: stylesheet
STATUS: shared

PURPOSE:
Shared layout stylesheet loaded after base.css. Defines global structural
primitives used across the shared CSS stack without taking ownership of
component presentation or band-family layouts.

OWNS:
Container width, shared section spacing, and only truly generic structural
layout primitives that are reused broadly across pages.

USED BY:
All pages using the shared CSS stack.

NOTES:
Keep this file intentionally small. Do not place band shells, component grids,
component intro columns, footer-specific structure, or page-family responsive
rules here. Those belong in their owning shared files.
*/

/* =========================
   Shared container
   ========================= */

.container {
  width: min(calc(100% - 2rem), var(--content));
  margin: 0 auto;
}

/* =========================
   Shared section spacing
   ========================= */

.section {
  padding: 2.8rem 0;
}

/* =========================
   Responsive layout: mobile
   ========================= */

@media (max-width: 767px) {
  .container {
    width: min(calc(100% - 1.5rem), var(--content));
  }
}