@supports (display:grid){
body{ max-width:80em }
body>header,body>footer{ width:50%; padding-right:1em /* grid-gap */ }
main{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); grid-gap:3px 1em /* grid-gap */; align-items:start; margin-top:1em }
h2,h3{ margin-top:.5rem }
main > *{ grid-column:1 }
main > figure, main > .col2{ grid-column:2; margin:0 }
.col2 > figure{ margin:.5em 0 }
}