.article-shell{padding:160px 0 88px;background:var(--brand-bg-alt)}.article-content{background:#fff;border:1px solid var(--brand-border);padding:36px}.article-content h1{font-size:42px}.article-meta{color:var(--brand-primary);font-weight:700;margin-bottom:28px;padding-bottom:18px;border-bottom:1px solid var(--brand-border)}.article-body{color:var(--brand-text)}.article-body img{max-width:100%;height:auto}.article-share{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0;padding-top:20px;border-top:1px solid var(--brand-border)}.article-nav a,.article-share a{border:1px solid var(--brand-border);padding:12px 14px;background:var(--brand-bg-alt)}.author-card{display:grid;grid-template-columns:72px 1fr;grid-gap:18px;gap:18px;padding:20px;background:var(--brand-bg-alt);margin-bottom:28px}.author-card img{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;background:#fff}.author-card h2{font-size:22px}.article-nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:28px}.article-nav span{display:block;color:var(--brand-primary);font-weight:800}.comment-panel{padding:24px;border:1px solid var(--brand-border)}@media (max-width:575px){.article-content{padding:24px}.article-content h1{font-size:31px}.article-nav{grid-template-columns:1fr}}