html{height:100%}body{height:100%;--width-main:80ch;--width-sidebar:30ch;@media(min-width:640px){display: grid; grid-template: 'h h h h' max-content '. m s .' max-content '. m . .' 'f f f f' max-content / minmax(2vw,auto) minmax(var(--width-sidebar),var(--width-main)) var(--width-sidebar) minmax(2vw,auto); column-gap: 2vw;}}.masthead{grid-area:h}.main{grid-area:m;@media(max-width:640px){padding-left: 2vw; padding-right: 2vw;}}.sidebar{grid-area:s}.footer-sitewide{grid-area:f;padding-bottom:env(safe-area-inset-bottom)}