.art-layout{max-width:1148px;margin:0 auto;display:grid;grid-template-columns:minmax(0,820px) 264px;column-gap:64px;align-items:start}
.art-layout .art-body{max-width:none;margin:0;min-width:0;grid-column:1;grid-row:2}
.art-cover{grid-column:1;grid-row:1;margin:0 0 36px}
.art-cover img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid rgba(13,20,17,.08)}
.art-sidebar{grid-column:2;grid-row:1/span 2;position:sticky;top:104px;align-self:start;padding-top:4px}
.art-widget+.art-widget{margin-top:26px}
.art-widget__h{font-family:var(--font-sans);font-size:18.2px;font-weight:600;letter-spacing:-.01em;color:#0d1411}
.art-toc{margin-top:12px;display:flex;flex-direction:column}
.art-toc a{font-size:14.9px;line-height:1.45;color:var(--ink-3);text-decoration:none;padding:6px 0 6px 12px;border-left:2px solid rgba(13,20,17,.08);transition:color .15s,border-color .15s}
.art-toc a:hover{color:#0d1411}
.art-toc a.is-active{color:#0d1411;border-left-color:#0d1411}
.art-body h2{scroll-margin-top:110px}
@media (max-width:960px){
.art-layout{grid-template-columns:minmax(0,1fr);column-gap:0}
.art-cover{grid-column:1;grid-row:1}
.art-sidebar{grid-column:1;grid-row:2;position:static;padding:0 0 30px}
.art-layout .art-body{grid-column:1;grid-row:3}
}