.blog-page-wrapper{display:flex;flex-direction:column;min-height:100vh;background-color:#fff}.blog-layout{display:flex;flex-direction:row;justify-content:center;gap:2rem;padding:2rem 1rem;width:100%;max-width:1400px;margin:0 auto;flex:1 1}@media(max-width:1024px){.blog-layout{flex-direction:column;align-items:center;padding:1rem}}.blog-main-container{display:flex;flex-direction:row;justify-content:center;gap:2rem;width:100%}.blog-main-content{flex:1 1;min-width:0}.blog-comments-sidebar{width:400px;flex-shrink:0}@media(max-width:1024px){.blog-comments-sidebar{width:100%;max-width:768px}}@media(min-width:1025px){.blog-comments-sidebar{align-self:flex-start}}.blog-wrapper{display:flex;justify-content:center;padding:0 16px;background-color:#f9f9f9}.blog-container{width:100%;background:#fff;padding:0}.blog-banner{width:100%;max-height:390px;object-fit:cover;border-radius:8px;margin-bottom:24px}.blog-title{font-size:2.5rem;font-weight:700;color:#222;margin-bottom:8px}.blog-subtitle{font-size:1.2rem;color:#666;margin-bottom:24px}.blog-meta{display:flex;align-items:center;margin-bottom:32px}.author-avatar{width:48px;height:48px;border-radius:50%;margin-right:12px}.author-name{font-weight:600;color:#333}.blog-date{font-size:.9rem;color:#888}.blog-content{font-size:1.1rem;line-height:1.8;color:#444;white-space:pre-line}.body-background{background-color:#f9f9f9}