/* ══════════════════════════════════════════════════════════════
   layout.css – Grid, Container, Sections, Spacing
   Prof. Dr. Kai T. Horstmann
   ══════════════════════════════════════════════════════════════ */

/* ── Main stretch ───────────────────────────────────────────── */
main { flex: 1; }

/* ── Container ──────────────────────────────────────────────── */
.container { max-width: 1100px; margin: 0 auto; padding: 0 2rem; }

/* ── Sections ───────────────────────────────────────────────── */
.section { padding: 6rem 0; }
.section--dark  { background: var(--charcoal); color: var(--ivory); }
.section--ox    { background: var(--ox-dark);  color: var(--ivory); }
.section--cream { background: var(--cream); }