/* Container and section rhythm. */
html, body { overflow-x: clip; }
.amx-container { width: min(90%, var(--amx-container)); margin-inline: auto; }
.amx-section { padding-block: var(--amx-section-y); }
.amx-section--soft { background: var(--amx-bg-soft); }
.amx-grid { display: grid; gap: var(--amx-space-4); }
@media (min-width: 640px)  { .amx-grid--2 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 960px)  { .amx-grid--3 { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1100px) { .amx-grid--4 { grid-template-columns: repeat(4, 1fr); } }
.amx-skip-link { position: absolute; left: -9999px; }
.amx-skip-link:focus { left: var(--amx-space-3); top: var(--amx-space-3); z-index: 999; background: #fff; padding: var(--amx-space-2) var(--amx-space-3); border-radius: var(--amx-radius); }