.article{display:grid;grid-template-areas:"title" "sidenav" "content";grid-gap:16px;gap:16px}.article__title{grid-area:title}.article__content{grid-area:content;display:flex;gap:16px;flex-direction:column}.article__sidenav{grid-area:sidenav}@media(min-width:1024px){.article--sidenav{grid-template-areas:"title title" "content sidenav";grid-template-columns:1fr var(--sidenav-width)}}