.blog-detail-page{padding-top:110px;padding-bottom:88px;background:var(--brand-bg)}.blog-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:42px;gap:42px;align-items:start}.blog-article{min-width:0}.blog-article__category a{display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:var(--brand-primary-light);color:var(--brand-primary-dark);font-weight:900}.blog-article h1{margin-bottom:16px}.blog-article__meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;color:var(--brand-text);font-weight:700}.blog-article__content{font-size:1.05rem}.blog-entry-meta,.blog-share,.pre-next{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;padding-top:20px;border-top:1px solid var(--brand-border)}.blog-entry-meta a,.blog-share a,.pre-next a{font-weight:900}.author-box{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:18px;gap:18px;margin-top:28px;padding:22px;border-radius:var(--brand-radius);background:var(--brand-primary-light)}.author-avatar{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.author-box h2,.blog-reply h2,.blog-sidebar h2{font-size:1.25rem}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pre-next a{display:grid;padding:18px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg)}.pre-next span{color:var(--brand-primary-dark)}.blog-reply{margin-top:32px;padding:24px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-neutral-light)}.blog-comment-form .form-control{border-radius:var(--brand-radius);border-color:var(--brand-border)}.blog-sidebar{position:sticky;top:104px;padding:24px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-neutral-light)}.blog-sidebar ul{display:grid;grid-gap:14px;gap:14px;margin:0;padding:0;list-style:none}.blog-sidebar li{display:grid;grid-gap:4px;gap:4px}.blog-sidebar span{color:var(--brand-primary-dark);font-weight:900}@media (max-width:991px){.blog-detail-layout{grid-template-columns:1fr}.blog-sidebar{position:static}}@media (max-width:575px){.pre-next{grid-template-columns:1fr}}