.article-page{padding:78px 0;background:var(--brand-bg)}.article-content h1{margin-bottom:16px}.article-content .content{margin-top:30px;font-size:17px}.article-content .content img{margin:28px 0}.article-share{border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);padding:18px 0;margin:34px 0;font-weight:900}.author-card{display:grid;grid-template-columns:72px 1fr;grid-gap:18px;gap:18px;align-items:center;background:var(--brand-bg-alt);padding:20px;margin-bottom:30px}.author-card img{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border-radius:50%;background:var(--brand-border)}.article-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-bottom:34px}.article-nav div{border:1px solid var(--brand-border);padding:18px}.comment-form{border:1px solid var(--brand-border);padding:24px}.comment-form label{display:block;font-weight:800;margin:12px 0 6px}.comment-form button{margin-top:20px}.toc-box{position:sticky;top:94px;border:1px solid var(--brand-border);padding:22px;background:var(--brand-bg-alt)}.toc-box h2{font-size:20px}.toc-box h3{font-size:18px;margin-top:28px}.recent-list{list-style:none;padding:0;margin:0}.recent-list li{border-top:1px solid var(--brand-border);padding:12px 0}.recent-list span{display:block;color:var(--brand-text-secondary);font-size:13px}@media (max-width:767px){.article-nav{grid-template-columns:1fr}}