/* Bloom CSS Framework: Below Fold Grids */
.b-layout-grid { display: grid; grid-template-columns: repeat(var(--b-grid-cols, 3), minmax(0, 1fr)); gap: var(--b-grid-gap, var(--b-space-l)); }
.b-layout-grid--auto { grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--b-grid-min, 16rem)), 1fr)); }
@media (max-width: 768px) { .b-layout-grid { grid-template-columns: 1fr; } }