.page-content.reading-page{--article-width:960px;--article-toc-width:190px;--article-gap:28px;width:calc(100% - 80px);max-width:calc(var(--article-width) + var(--article-toc-width) * 2 + var(--article-gap) * 2);margin-inline:auto}.reading-page .article-shell{grid-template-columns:minmax(0, 1fr) minmax(0, var(--article-width)) var(--article-toc-width);gap:var(--article-gap);justify-content:center;display:grid}.reading-page .article-main{grid-column:2;min-width:0}.reading-page .toc-panel{overflow-wrap:anywhere;scrollbar-width:thin;grid-column:3;min-width:0;max-height:calc(100dvh - 134px);padding:20px 18px;overflow-y:auto}.reading-page .reading-back-link{width:fit-content;margin-inline-start:max(var(--article-gap), calc(100% - var(--article-width) - var(--article-toc-width) - var(--article-gap)));font-size:16px}.reading-page #article-category{font-size:16px}.reading-page .article-shell:has(.toc-panel[hidden]){max-width:var(--article-width);grid-template-columns:minmax(0,1fr);margin-inline:auto}.reading-page .article-shell:has(.toc-panel[hidden]) .article-main{grid-column:1}.reading-page:has(.toc-panel[hidden]) .reading-back-link{margin-inline-start:max(0px, calc((100% - var(--article-width)) / 2))}@media (width<=1200px){.page-content.reading-page{--article-toc-width:180px;--article-gap:24px}.reading-page .article-shell{grid-template-columns:minmax(0, 1fr) var(--article-toc-width)}.reading-page .article-main{grid-column:1}.reading-page .toc-panel{grid-column:2}.reading-page .reading-back-link{margin-inline-start:0}}@media (width<=760px){.reading-page .reading-back-link,.reading-page #article-category{font-size:15px}.page-content.reading-page{width:calc(100% - 40px)}.reading-page .article-shell{display:block}.reading-page .toc-panel{display:none}.reading-page .reading-back-link{margin-inline-start:0}}