.blog-detail-wrap{padding-top:128px;background:var(--brand-bg)}.blog-article{color:var(--brand-text)}.blog-article h1{color:var(--brand-text);font-size:max(2rem, min(4vw, 3.5rem));line-height:1.1;margin:10px 0 12px}.blog-content,.blog-content p,.blog-meta{color:var(--brand-text)}.blog-content{margin-top:30px}.author-box,.blog-reply,.blog-share,.post-nav{margin-top:32px;padding-top:24px;border-top:1px solid var(--brand-border)}.author-box{display:grid;grid-template-columns:72px 1fr;grid-gap:16px;gap:16px;align-items:center}.author-avatar{width:72px;height:72px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--brand-primary-light)}.author-box h2,.blog-reply h2,.blog-sidebar h2{color:var(--brand-text);font-size:1.2rem}.post-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.post-nav a{display:grid;grid-gap:5px;gap:5px;padding:18px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);color:var(--brand-text)}.post-nav span{color:var(--brand-accent);font-weight:900}.blog-sidebar{align-self:start}.sidebar-box{position:sticky;top:100px;padding:22px;border:1px solid var(--brand-border);border-radius:var(--brand-radius);background:var(--brand-neutral-light)}.recent-blogs{display:grid;grid-gap:14px;gap:14px;padding:0;margin:0;list-style:none}.recent-blogs li{display:grid;grid-template-columns:52px 1fr;grid-gap:10px;gap:10px;align-items:center}.date-badge{display:grid;align-items:center;justify-items:center;place-items:center;width:52px;height:52px;border-radius:var(--brand-radius);background:var(--brand-primary);color:var(--brand-text-inverse)}.date-badge small,.date-badge strong{color:var(--brand-text-inverse);line-height:1}@media (max-width:575.98px){.author-box,.post-nav{grid-template-columns:1fr}}