.layout-single {
width: 100%;
padding-bottom: 48px;
}
.layout-single__header {
margin-bottom: 24px;
}
.layout-single__body {
display: grid;
grid-template-columns: minmax(0, 1fr) 320px;
gap: 24px;
align-items: start;
}
.layout-single--no-aside .layout-single__body {
grid-template-columns: 1fr;
}
.layout-single__content {
min-width: 0;
display: flex;
flex-direction: column;
gap: 24px;
}
.layout-single__aside {
min-width: 0;
display: flex;
flex-direction: column;
gap: 24px;
}
@media (max-width: 1024px) {
.layout-single__body {
grid-template-columns: 1fr;
}
.layout-single__aside {
position: static;
top: auto;
}
}