.blog-detail-layout{padding:88px 0 96px}.blog-article h1{margin:12px 0 14px;color:var(--brand-text);font-size:max(2rem, min(4vw, 3.4rem));font-weight:800}.blog-content{margin-top:32px;color:var(--brand-text);line-height:1.75}.blog-content img{margin:24px 0}.author-box,.blog-reply,.blog-share,.entry-meta,.pre-next{margin-top:34px;padding-top:28px;border-top:1px solid var(--brand-border)}.share-link{display:inline-flex;padding:10px 14px;border:1px solid var(--brand-border);color:var(--brand-primary-dark);font-weight:800}.author-box{display:grid;grid-template-columns:84px 1fr;grid-gap:18px;gap:18px;align-items:center}.author-box img{width:84px;height:84px;-o-object-fit:cover;object-fit:cover;background:var(--brand-bg-alt)}.author-box h2,.blog-reply h2{color:var(--brand-text);font-size:1.35rem;font-weight:800}.pre-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.pre-next a{display:grid;grid-gap:4px;gap:4px;min-height:96px;padding:18px;border:1px solid var(--brand-border);color:var(--brand-text)}.pre-next span{color:var(--brand-text-secondary);font-size:.78rem;font-weight:800;text-transform:uppercase}.pre-next strong{font-size:1.05rem}.blog-reply .form-control{border-color:var(--brand-border)}.blog-detail-layout .blog-sidebar{position:sticky;top:120px;padding:24px;border:1px solid var(--brand-border);background:var(--brand-bg-alt)}.blog-detail-layout .blog-sidebar h2{margin:0 0 18px;color:var(--brand-text);font-size:1.25rem;font-weight:800}.blog-detail-layout .blog-sidebar ul{margin:0;padding:0;list-style:none}.blog-detail-layout .blog-sidebar li{display:grid;grid-template-columns:54px 1fr;grid-gap:12px;gap:12px;align-items:center}.blog-detail-layout .blog-sidebar li+li{margin-top:16px}.blog-detail-layout .date-badge{display:grid;align-items:center;justify-items:center;place-items:center;min-height:54px;border:1px solid var(--brand-border);background:#fff;color:var(--brand-primary-dark)}.blog-detail-layout .date-badge em,.blog-detail-layout .date-badge strong{line-height:1}.blog-detail-layout .date-badge em{font-size:.75rem;font-style:normal;text-transform:uppercase}@media (max-width:575px){.author-box,.pre-next{grid-template-columns:1fr}}