/* Explain: Layout utilities for magazine grids and article pages */
.site-shell {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.narrow-shell {
    width: min(100% - 2rem, 760px);
    margin-inline: auto;
}

.feed-grid {
    display: grid;
    gap: 1.25rem;
    grid-template-columns: 1fr;
}

@media (min-width: 1024px) {
    .feed-grid {
        grid-template-columns: minmax(0, 1fr) 320px;
        align-items: start;
    }
}