.blog-detail-page{padding:120px 0 64px;background:var(--brand-bg)}.article-shell{max-width:780px;margin:0 auto}.article-category{display:table;margin:0 auto 16px;background:var(--brand-primary);color:var(--brand-text-inverse);padding:7px 12px;font-weight:700}.article-shell h1{text-align:center;font-size:max(2rem, min(4vw, 3.4rem))}.article-meta{text-align:center;margin:18px 0 28px;color:var(--brand-text)}.article-hero-img{width:100%;aspect-ratio:59/26;-o-object-fit:cover;object-fit:cover;border:1px solid var(--brand-border);margin-bottom:34px}.article-content{color:var(--brand-text)}.article-share{display:flex;justify-content:center;margin:36px 0;padding-top:26px;border-top:1px solid var(--brand-border)}.article-author{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center;background:var(--brand-bg-alt);padding:22px;border:1px solid var(--brand-border)}.author-avatar{width:72px;height:72px;-o-object-fit:cover;object-fit:cover}.article-prev-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;margin:30px 0}.article-prev-next div{border:1px solid var(--brand-border);padding:18px}.blog-reply{margin-top:34px}.related-articles{padding:64px 0 96px;background:var(--brand-bg-alt)}.related-articles h2{text-align:center;margin-bottom:28px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:22px;gap:22px}.related-grid article{position:relative;border:1px solid var(--brand-border);background:var(--brand-bg);padding:22px}@media (max-width:767px){.article-prev-next,.related-grid{grid-template-columns:1fr}}