.container {
width: 100%;
max-width: var(--container-max);
margin: 0 auto;
padding-left: var(--container-pad-d);
padding-right: var(--container-pad-d);
}
@media (max-width: 719px) {
.container { padding-left: var(--container-pad-m); padding-right: var(--container-pad-m); }
}
.content-column {
max-width: var(--content-max);
}
.section-block {
padding-top: var(--space-7);
padding-bottom: var(--space-7);
}
@media (max-width: 719px) {
.section-block { padding-top: var(--space-6); padding-bottom: var(--space-6); }
}
.stack-y > * + * { margin-top: var(--space-4); }
.stack-y-lg > * + * { margin-top: var(--space-5); }
.divider {
height: 1px;
background: var(--border-subtle);
border: 0;
margin: var(--space-6) 0;
} .grid {
display: grid;
gap: var(--space-5);
}
.grid--3 { grid-template-columns: repeat(3, 1fr); }
.grid--2 { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 1023px) {
.grid--3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 719px) {
.grid--3, .grid--2 { grid-template-columns: 1fr; }
}