/* layout.css — grid, container, sections */
.a99-container { width: 100%; max-width: var(--a99-container-max); margin: 0 auto; padding: 0 var(--a99-space-6); }
.a99-section { padding: var(--a99-space-16) 0; }
.a99-section--narrow { padding: var(--a99-space-12) 0; }
.a99-grid { display: grid; gap: var(--a99-space-6); }
.a99-grid--2 { grid-template-columns: repeat(2, 1fr); }
.a99-grid--3 { grid-template-columns: repeat(3, 1fr); }
.a99-grid--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) {
  .a99-grid--3, .a99-grid--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .a99-grid--2, .a99-grid--3, .a99-grid--4 { grid-template-columns: 1fr; }
}
.a99-stack > * + * { margin-top: var(--a99-space-4); }
.a99-stack--lg > * + * { margin-top: var(--a99-space-8); }