.blog-detail-wrap{padding-top:130px;padding-bottom:80px}.blog-article{border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-bg);padding:34px}.blog-article h1{font-size:max(2rem, min(4vw, 3.5rem))}.blog-content{color:var(--brand-text);margin-top:26px}.blog-content img{border-radius:var(--brand-radius)}.blog-share{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);padding:18px 0;margin:30px 0}.author-box{display:grid;grid-template-columns:72px 1fr;grid-gap:18px;gap:18px;background:var(--brand-bg-alt);border-radius:var(--brand-radius);padding:22px;margin-top:24px}.author-avatar{width:72px;height:72px;-o-object-fit:cover;object-fit:cover;border-radius:50%;background:var(--brand-primary-light)}.author-box h2,.blog-reply h2{font-size:1.25rem}.pre-next{border-top:1px solid var(--brand-border);border-bottom:1px solid var(--brand-border);margin:30px 0;padding:18px 0}.pre-next a{display:grid;grid-gap:4px;gap:4px;color:var(--brand-text);font-weight:800}.pre-next span{color:var(--brand-accent);font-size:.82rem;text-transform:uppercase}.pre-next .next{text-align:right}.blog-reply{margin-top:30px}.blog-detail-wrap .blog-sidebar{align-self:start}.blog-detail-wrap .sidebar-widget{border:1px solid var(--brand-border);border-radius:var(--brand-radius);padding:24px;background:var(--brand-bg-alt)}.blog-detail-wrap .sidebar-widget h2{font-size:1.25rem}.blog-detail-wrap .recent-blogs{list-style:none;margin:0;padding:0;display:grid;grid-gap:16px;gap:16px}.blog-detail-wrap .recent-blogs li{display:grid;grid-template-columns:52px 1fr;grid-gap:12px;gap:12px;align-items:center}.blog-detail-wrap .date-badge{width:52px;height:52px;border-radius:var(--brand-radius);display:grid;align-items:center;justify-items:center;place-items:center;background:var(--brand-primary-dark);color:var(--brand-text-inverse);line-height:1}.blog-detail-wrap .date-badge small,.blog-detail-wrap .date-badge span{color:var(--brand-text-inverse)}@media (max-width:575px){.blog-article{padding:22px}.author-box{grid-template-columns:1fr}.pre-next .next{text-align:left;margin-top:16px}}