.vf-container { width: min(100% - 2 * var(--vf-container-gutter), var(--vf-container-width)); margin-inline: auto; }
.vf-section { padding-block: var(--vf-section-space); }
.vf-section--cream { background: var(--vf-cream); }
.vf-section--surface { background: var(--vf-surface); }
.vf-stack { display: flex; flex-direction: column; gap: var(--vf-space-6); }
.vf-stack > * { margin-block: 0; }
.vf-cluster { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vf-space-3); }
.vf-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: var(--vf-space-6); }