.blog-detail{padding-top:112px}.article-shell{max-width:780px;margin:0 auto}.article-kicker{display:inline-block;margin-bottom:16px;padding:6px 10px;background:var(--brand-primary);color:var(--brand-text-inverse);border-radius:var(--brand-radius);font-weight:800}.article-shell h1{font-size:max(2rem, min(4vw, 3.5rem));text-align:center}.article-meta{display:flex;justify-content:center;gap:16px;margin-bottom:28px;color:var(--brand-text);font-weight:700}.article-hero-image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--brand-radius);background:var(--brand-neutral-light);margin-bottom:32px}.article-content{color:var(--brand-text)}.article-share{display:flex;justify-content:center;gap:16px;padding:28px 0;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);margin-top:32px}.author-box{display:flex;gap:18px;align-items:center;margin-top:32px;padding:24px;border:1px solid var(--brand-border);border-radius:var(--brand-radius)}.author-box img{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border-radius:50%}.article-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:28px}.article-nav div{border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:18px}.blog-reply{margin-top:40px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:24px;gap:24px}.related-grid article{border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:22px;background:var(--brand-bg)}@media (max-width:767px){.article-meta,.article-share,.author-box{align-items:flex-start;flex-direction:column;text-align:left}.article-nav,.related-grid{grid-template-columns:1fr}}