.article-shell{max-width:820px;margin:0 auto}.article-kicker{display:inline-flex;background:var(--brand-bg-alt);color:var(--brand-primary);border-radius:999px;padding:6px 14px;font-weight:900;margin-bottom:14px}.blog-detail h1{font-size:max(2rem, min(4vw, 3.4rem))}.article-meta{color:var(--brand-text);margin-bottom:24px}.article-featured{width:100%;border-radius:var(--brand-radius);margin:28px 0;-o-object-fit:cover;object-fit:cover}.article-content{color:var(--brand-text)}.article-content img{border-radius:var(--brand-radius)}.article-share{margin:32px 0;padding-top:24px;border-top:1px solid var(--brand-border)}.author-box{display:grid;grid-template-columns:84px 1fr;grid-gap:20px;gap:20px;align-items:center;border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:22px;background:var(--brand-neutral-light)}.author-avatar{width:84px;height:84px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin:30px 0}.pre-next a{display:grid;grid-gap:6px;gap:6px;padding:18px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-text)}.pre-next span{color:var(--brand-primary);font-weight:900}.blog-reply{border-top:1px solid var(--brand-border);padding-top:30px}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid article{border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg);padding:24px}.related-grid span{color:var(--brand-primary);font-weight:900}@media (max-width:768px){.pre-next,.related-grid{grid-template-columns:1fr}}