.at-symbol:after{content:"@"}.page,.page__content,.page__footer,.page__header{display:grid;grid-column:full;align-items:flex-start;grid-template-columns:[full-start] 20px [max-start] 1fr [grid-start] clamp(310px,80vw,700px) [grid-end] 1fr [max-end] 20px [full-end]}:where(.page__content>*){grid-column:grid}@media(min-width:48.0625rem){.page,.page__content,.page__footer,.page__header{grid-template-columns:[full-start] 20px [max-start] 1fr [grid-start] clamp(620px,80vw,1176px) [grid-end] 1fr [max-end] 20px [full-end]}}