.field{grid-template-columns:[full-start] minmax(var(--field-gutter), 1fr) [content-start] minmax(0, var(--field-width)) [content-end] minmax(var(--field-gutter), 1fr) [full-end];display:grid}.field>*{grid-column:content}.field>.bleed{grid-column:full;grid-template-columns:inherit;display:grid}.field>.bleed>*{grid-column:content}.field .columns{grid-template-columns:repeat(var(--grid-columns), minmax(0, 1fr));gap:var(--field-column-gap);display:grid}@media (max-width:48rem){.field .columns{grid-template-columns:minmax(0,1fr)}}