.article-layout{display:grid;grid-template-columns:3fr 1fr;grid-gap:64px;gap:64px;padding-top:64px}.article-main{min-width:0}.article-header{border-bottom:1px solid var(--brand-border);padding-bottom:24px;margin-bottom:32px}.article-header h1{font-size:max(2rem, min(3.2vw, 3rem));margin-top:24px}.article-content h2{font-size:1.6rem;margin-top:48px;scroll-margin-top:24px}.article-content h3{scroll-margin-top:24px}.article-content li{margin-bottom:12px}.article-content a{word-wrap:anywhere}.article-sidebar{align-self:start;position:sticky;top:24px}.article-toc{background:var(--brand-bg-alt);padding:24px;border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.article-toc summary{font-weight:700;color:var(--brand-text)}.article-toc nav{margin-top:16px}.article-toc a{display:block;font-size:.86rem;line-height:1.5;margin-bottom:12px}.article-toc a.toc-sub{padding-left:16px}.article-toc a.active{font-weight:700}.article-recents{padding:32px 0}.article-recents h2{font-size:1.1rem}.article-recents ul{list-style:none;padding:0}.article-recents li{margin-bottom:16px}.article-adjacent,.article-author,.article-comment,.article-share{padding:32px 0;border-top:1px solid var(--brand-border)}.article-author{display:flex;gap:24px}.article-author img{width:64px;height:64px;border-radius:var(--brand-radius)}.article-author h2,.article-comment h2{font-size:1.3rem}.article-adjacent{display:flex;gap:24px;justify-content:space-between}.article-cta h2{font-size:1.6rem}@media (max-width:991px){.article-layout{grid-template-columns:1fr;gap:32px;padding-top:48px}.article-sidebar{position:static;grid-row:1}.article-recents{display:none}.article-toc nav{max-height:240px;overflow-y:auto}}