.article-reading-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--sidebar-width);
    align-items: start;
    gap: 32px;
}

.article-reading-main { min-width: 0; }
.article-reading-main > .article-header { max-width: none; }
.article-reading-layout > .article-sidebar { margin-top: 0; padding-top: 0; }
.article-reading-main .article-cover { margin: var(--space-content) 0; overflow: hidden; }
.article-reading-main .article-cover img { width: 100%; height: auto; max-height: 420px; object-fit: cover; }

@media (max-width: 1200px) {
    .article-reading-layout { grid-template-columns: minmax(0, 1fr) var(--sidebar-width); gap: 28px; }
}

@media (max-width: 1050px) {
    .article-reading-layout { grid-template-columns: minmax(0, 1fr) var(--sidebar-width); gap: 20px; }
}

@media (max-width: 1100px) {
    html[data-layout-mode="social"] .article-reading-layout { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 850px) {
    .article-reading-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}

@media (max-width: 640px) {
    .article-reading-main .article-cover { margin: var(--space-content) 0; }
    .article-reading-main .article-cover img { max-height: 300px; }
}

@media print {
    .article-reading-layout { display: block; }
}

@media screen {
    html .publication .content-post .article-header h1 { font-size: clamp(26px, 3.1vw, 42px); letter-spacing: -.8px; }
    html[data-layout-mode="forum"] .publication .content-post .article-header h1 { font-size: clamp(22px, 2.1vw, 26px); letter-spacing: -.4px; }
    html[data-layout-mode="social"] .publication .content-post .article-header h1 { font-size: clamp(20px, 1.7vw, 22px); letter-spacing: -.35px; }
}