.container { width: min(100% - 40px, var(--sb-container)); margin-inline: auto; }
.section { padding-block: clamp(3.2rem, 8vw, 6.8rem); }
.section-tight { padding-block: clamp(2rem, 5vw, 4rem); }
.section-header { max-width: 780px; margin-bottom: clamp(1.6rem, 4vw, 2.4rem); }
.section-header.center { margin-inline: auto; text-align: center; }
.grid { display: grid; gap: 1.1rem; }
.two-col { grid-template-columns: minmax(0, 1.04fr) minmax(340px, .96fr); align-items: center; gap: clamp(1.6rem, 4vw, 4rem); }
.cards-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cards-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cards-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.stack { display: grid; gap: 1rem; }
.inline-list { display: flex; align-items: center; flex-wrap: wrap; gap: .72rem; }
.header-spacer { height: 0; }