.article-detail-section .section-inner {
    width: min(var(--site-shell-width), calc(100% - var(--site-shell-gutter)));
}

.article-reading-layout {
    grid-template-columns: minmax(0, 1fr) clamp(260px, 18vw, 340px);
    gap: clamp(20px, 2vw, 32px);
}

@media (max-width: 920px) {
    .article-reading-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .article-detail-section .section-inner {
        width: calc(100% - 24px);
    }
}