.blog-detail-page{background-color:var(--color-bg);min-height:100vh;padding-bottom:80px}.blog-hero-metadata{flex-direction:column;gap:20px;display:flex}.short-hero-extra .blog-meta-row{color:#fff;align-items:center;gap:24px;display:flex}.short-hero-extra .blog-author{align-items:center;gap:12px;display:flex}.short-hero-extra .author-image{object-fit:cover;border:1.5px solid #ffffff4d;border-radius:50%;width:40px;height:40px}.short-hero-extra .author-info{flex-direction:column;display:flex}.short-hero-extra .author-name{font-size:14px;font-weight:600}.short-hero-extra .blog-date-time{opacity:.8;gap:12px;font-size:13px;display:flex}.blog-layout-container{z-index:10;grid-template-columns:280px 1fr 280px;gap:30px;max-width:1400px;margin:0 auto;padding:0 20px;display:grid;position:relative}.blog-content-wrapper{background:#fff;border:1px solid #e5e5e5;border-radius:24px;padding:48px}.blog-sidebar{height:fit-content}.sidebar-sticky{background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:24px;position:sticky;top:100px}.sidebar-sticky h3{border-bottom:2px solid var(--color-accent);margin-bottom:20px;padding-bottom:12px;font-size:18px;font-weight:700}.sidebar-list{flex-direction:column;gap:16px;display:flex}.blog-rich-text{color:var(--color-text);font-size:18px;line-height:1.8}.blog-rich-text h2{color:var(--color-primary);margin-top:48px;margin-bottom:24px;font-size:32px}.blog-rich-text h3{color:var(--color-primary);margin-top:32px;margin-bottom:16px;font-size:24px}.portable-video-wrapper{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:12px;max-width:400px;margin:32px auto;overflow:hidden}.portable-video{object-fit:contain;width:100%;max-height:600px;display:block}.video-caption{color:var(--color-text-sub);text-align:center;border-top:1px solid #e5e5e5;padding:12px;font-size:14px;display:block}@media (max-width:1200px){.blog-layout-container{grid-template-columns:1fr 280px}.left-sidebar{display:none}}@media (max-width:992px){.blog-layout-container{grid-template-columns:1fr;margin-top:-20px}.right-sidebar{display:none}.blog-content-wrapper{padding:30px 20px}}@media (max-width:768px){.blog-detail-hero{height:50vh}.blog-detail-title{font-size:32px}.blog-rich-text{font-size:16px}}