.article-columns{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);grid-gap:48px;gap:48px}.article-content h2{font-size:1.7rem;margin:40px 0 16px}.article-content h3{margin-top:24px}.article-toc{align-self:start;position:sticky;top:104px;padding:24px;background:var(--brand-bg-alt);color:var(--brand-text)}.article-toc h2{font-size:1.2rem;margin-top:32px}.article-toc nav a{display:block;margin:12px 0}.article-toc .toc-child{padding-left:16px}.article-toc li{margin-bottom:16px}.article-neighbors,.article-sharing,.author-box{padding:24px 0;border-top:1px solid var(--brand-border);margin-top:24px}.author-box{display:flex;gap:24px}.author-box img{width:64px;height:64px}.author-box h2{font-size:1.2rem}.article-neighbors{display:flex;justify-content:space-between;gap:24px}.article-comment{margin-top:48px}.article-comment label{display:block;width:100%;margin:16px 0}.article-comment .btn{margin:16px 0}@media (max-width:767px){.article-columns{display:flex;flex-direction:column}.article-toc{order:-1;position:static;width:100%}.article-columns h1{font-size:max(2rem, min(4vw, 3rem))}}