.blog-detail-root{background-color:#fff;flex-direction:column;min-height:100vh;display:flex}.blog-detail-main{flex:1}.blog-detail-container{flex-direction:column;gap:2rem;max-width:80rem;margin:0 auto;padding:4rem 1.5rem;display:flex}@media (min-width:1024px){.blog-detail-container{flex-direction:row;gap:4rem}}.blog-detail-sidebar{width:100%}@media (min-width:1024px){.blog-detail-sidebar{flex-shrink:0;align-self:flex-start;width:250px;position:sticky;top:6rem}}.blog-back-btn{color:#111;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:2rem;transition:background-color .2s;display:inline-flex}.blog-back-btn:hover{background-color:#f3f4f6}.blog-author-block{flex-direction:column;display:flex}.blog-author-label{letter-spacing:.05em;color:#111;text-transform:uppercase;margin-bottom:1rem;font-size:.75rem;font-weight:700}.blog-author-avatar-wrapper{margin-bottom:.75rem}.blog-author-avatar{object-fit:cover;border-radius:50%}.blog-author-fallback{color:#fff!important;text-transform:uppercase!important;background-color:#00ca62!important;border:2px solid #fff!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;font-size:1.25rem!important;font-weight:700!important;display:flex!important;box-shadow:0 2px 4px #0000001a!important}.blog-author-name{color:#111;margin-bottom:.25rem;font-size:1rem;font-weight:700}.blog-author-title{color:#6b7280;font-size:.875rem}.blog-detail-content-area{flex:1;max-width:48rem}.blog-latest-articles-section{background-color:#fff;border-top:1px solid #f3f4f6;padding:4rem 1.5rem}.blog-latest-articles-container{max-width:80rem;margin:0 auto}.blog-latest-title{color:#111;margin-bottom:2rem;font-size:2rem;font-weight:700}.blog-posts-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:640px){.blog-posts-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-posts-grid{grid-template-columns:repeat(4,1fr)}}.blog-grid-card{color:inherit;flex-direction:column;gap:1.25rem;text-decoration:none;display:flex}.blog-grid-image-wrapper{aspect-ratio:4/3;contain:strict;background-color:#f3f4f6;border-radius:.75rem;position:relative;overflow:hidden}.blog-grid-image{object-fit:cover}.blog-grid-content{flex-direction:column;align-items:flex-start;display:flex}.blog-grid-title{color:#111;font-size:1.125rem;font-weight:600;line-height:1.4}