.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:769px){.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]}}