.article-shell{padding-top:120px;background:var(--brand-bg)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:40px;gap:40px;align-items:start}.article-content{max-width:900px}.article-content h1{font-size:max(2rem, min(4vw, 3.5rem))}.content{color:var(--brand-text)}.content h2,.content h3{margin-top:32px}.content img{max-width:100%;height:auto}.article-share,.author-box,.blog-reply,.pre-next,.recent-box,.toc-box{margin-top:28px;padding:24px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg-alt)}.article-share{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-weight:800}.author-box{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center}.author-avatar{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-box h2,.blog-reply h2,.recent-box h2,.toc-box h2{font-size:1.25rem}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.pre-next a{display:grid;grid-gap:6px;gap:6px;font-weight:800}.pre-next span{color:var(--brand-text);font-size:.82rem;text-transform:uppercase}.toc-sidebar{position:sticky;top:90px}.recent-box ul,.toc-box ul{padding-left:18px;margin-bottom:0}@media (max-width:991px){.article-layout{grid-template-columns:1fr}.toc-sidebar{position:static}}@media (max-width:575px){.author-box,.pre-next{grid-template-columns:1fr}}