:root{--color-primary:#4c86b6;--color-primary-hover:#3d6d95;--color-primary-light:#5d95c9;--color-primary-rgb:76,134,182;--color-accent:#f2a33a;--color-accent-hover:#e8952a;--color-hero-bg:#5f9dcb;--color-carousel-arrow:#3b82f6}.blog-detail-layout{align-items:flex-start;gap:48px;max-width:1200px;margin:0 auto;padding:60px 24px 80px;display:flex}.blog-detail-main{flex:1;min-width:0}.blog-detail{width:100%}.blog-detail-image{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:100%;margin-bottom:24px}.blog-detail-image-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border-radius:12px;justify-content:center;align-items:center;width:100%;margin-bottom:24px;font-size:4rem;display:flex}.blog-detail-date{color:#64748b;align-items:center;gap:8px;margin-bottom:20px;font-size:.9rem;display:inline-flex}.blog-detail-date svg{color:#94a3b8;flex-shrink:0;width:18px;height:18px}.blog-detail-title{font-family:var(--font-poppins),sans-serif;color:#1e293b;margin:0 0 32px;font-size:2rem;font-weight:800;line-height:1.3}.blog-detail-body{color:#334155;font-size:1.0625rem;line-height:1.8}.blog-detail-body p,.blog-detail-body h2,.blog-detail-body h3,.blog-detail-body ul,.blog-detail-body ol{margin:0 0 20px}.blog-detail-body h2{color:#1e293b;font-size:1.5rem;font-weight:700}.blog-detail-body ul,.blog-detail-body ol{padding-left:1.5em}.blog-detail-body li{margin-bottom:8px}.blog-detail-body p:last-child{margin-bottom:0}.blog-detail-blockquote{border-left:4px solid var(--color-primary);background:#e8ecf5;border-radius:12px;margin:32px 0;padding:28px 40px;position:relative}.blog-detail-blockquote:after{content:"\"";color:var(--color-primary);opacity:.4;font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute;top:16px;right:24px}.blog-detail-blockquote p{color:#475569;margin:0;font-size:1rem;font-style:italic}@media (max-width:900px){.blog-detail-layout{flex-direction:column}}@media (max-width:600px){.blog-detail-layout{gap:40px;padding:40px 16px 60px}.blog-detail-title{font-size:1.5rem}.blog-detail-blockquote{padding:20px 24px}.blog-detail-blockquote:after{font-size:3rem}}
.blog-sidebar{flex-shrink:0;width:320px}.blog-sidebar-heading{font-family:var(--font-poppins),sans-serif;color:#1e293b;margin:0 0 24px;font-size:1.25rem;font-weight:700}.blog-sidebar-list{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.blog-sidebar-item{color:inherit;gap:16px;text-decoration:none;transition:opacity .2s;display:flex}.blog-sidebar-item:hover{opacity:.85}.blog-sidebar-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:80px;height:80px}.blog-sidebar-thumb-placeholder{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.5rem;display:flex}.blog-sidebar-meta{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.blog-sidebar-date{color:#64748b;font-size:.8rem}.blog-sidebar-title{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}@media (max-width:900px){.blog-sidebar{width:100%}}