.blog-detail-page{background-color:var(--color-bg);min-height:100vh;padding-bottom:80px}.blog-detail-hero{width:100%;height:60vh;min-height:400px;position:relative;overflow:hidden}.blog-detail-image{object-fit:cover;width:100%;height:100%}.blog-detail-overlay{background:linear-gradient(#0000 40%,#000c 100%);align-items:flex-end;padding-bottom:60px;display:flex;position:absolute;inset:0}.blog-header-content{color:#fff;width:100%}.blog-detail-title{margin-bottom:24px;font-size:48px;font-weight:800;line-height:1.2}.blog-meta-row{align-items:center;gap:24px;display:flex}.blog-author{align-items:center;gap:12px;display:flex}.author-image{object-fit:cover;border:2px solid #fff;border-radius:50%;width:48px;height:48px}.author-info{flex-direction:column;display:flex}.author-name{font-size:16px;font-weight:600}.blog-date-time{opacity:.9;gap:12px;font-size:14px;display:flex}.blog-content-wrapper{width:100%;max-width:var(--container-width);z-index:10;background:#fff;border-radius:24px;margin:-40px auto 0;padding:48px;position:relative;box-shadow:0 4px 24px #0000000d}.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}.blog-rich-text p{margin-bottom:24px}.blog-rich-text ul,.blog-rich-text ol{margin-bottom:24px;padding-left:24px}.blog-rich-text li{margin-bottom:8px}.blog-rich-text blockquote{border-left:4px solid var(--color-accent);color:var(--color-text-sub);margin:32px 0;padding-left:24px;font-style:italic}.blog-rich-text img{border-radius:12px;width:100%;margin:32px 0}@media (max-width:768px){.blog-detail-hero{height:50vh}.blog-detail-title{font-size:32px}.blog-content-wrapper{margin:-20px 16px 0;padding:24px}.blog-rich-text{font-size:16px}}