.blog-article{max-width:780px;margin:0 auto}.blog-article>.category{display:table;margin:0 auto 16px;padding:5px 10px;background:var(--brand-primary);color:#fff;font-size:.78rem;font-weight:800;text-transform:uppercase}.blog-article h1{text-align:center;font-size:max(2rem, min(4vw, 3.5rem))}.blog-article .blog-attr{text-align:center}.blog-feature{width:100%;aspect-ratio:15/8;-o-object-fit:cover;object-fit:cover;margin:32px 0;background:var(--brand-neutral-light)}.blog-article .content{color:var(--brand-text)}.blog-share{display:flex;justify-content:center;margin:34px 0}.author-box{display:grid;grid-template-columns:84px 1fr;grid-gap:18px;gap:18px;align-items:center;padding:24px;border:1px solid var(--brand-border)}.author-box img{width:84px;height:84px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.author-box h2{font-size:1.2rem}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin:34px 0;padding:24px 0;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border)}.pre-next div:last-child{text-align:right}.blog-reply h2{font-size:1.4rem}@media (max-width:575px){.author-box,.pre-next{grid-template-columns:1fr}.pre-next div:last-child{text-align:left}}