.blog-detail-page{padding:40px 0 80px;min-height:60vh}.blog-detail-container{max-width:1200px;margin:0 auto;padding:0 24px}.blog-detail-error,.blog-detail-loading{text-align:center;padding:80px 20px}.blog-detail-error h2{font-size:24px;margin-bottom:20px;color:#374151}.blog-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:48px;align-items:start}@media (max-width:1024px){.blog-detail-layout{grid-template-columns:1fr}}.blog-back-link{display:inline-flex;align-items:center;gap:8px;color:#6b7280;text-decoration:none;font-size:14px;margin-bottom:24px;transition:color .2s}.blog-back-link:hover{color:#ff4c00}.blog-detail-hero{position:relative;width:100%;height:420px;border-radius:0;overflow:hidden;margin-bottom:40px;background:#f3f4f6;box-shadow:0 12px 40px rgba(0,0,0,.12)}.blog-detail-hero-img{object-fit:cover}.blog-detail-header{margin-bottom:40px;position:relative;box-shadow:none}.blog-detail-category{display:inline-block;font-size:11px;font-weight:700;color:#ea580c;text-decoration:none;margin-bottom:16px;text-transform:uppercase;letter-spacing:2px;padding-bottom:12px;border-bottom:1px solid rgba(234,88,12,.25);transition:color .3s ease}.blog-detail-category:hover{color:#c2410c}.blog-detail-title{font-family:var(--font-work-sans),"Work Sans",system-ui,sans-serif;font-size:clamp(32px,4.5vw,44px);font-weight:700;line-height:1.2;color:#121212;margin:0 0 20px;letter-spacing:-.02em}.blog-detail-meta{margin-bottom:20px}.blog-detail-date{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#6b7280;letter-spacing:.02em}.blog-detail-tags{display:flex;flex-wrap:wrap;gap:10px}.blog-detail-tag{font-size:12px;font-weight:600;padding:8px 18px;background:transparent;color:#374151;border:1px solid rgba(234,88,12,.35);border-radius:0;letter-spacing:.5px;transition:all .3s ease}.blog-detail-tag:hover{background:linear-gradient(135deg,#fef3e2,#fff7ed);border-color:#ea580c;color:#c2410c}.blog-detail-content{font-size:17px;line-height:1.75;color:#374151}.blog-detail-content.prose h1,.blog-detail-content.prose h2,.blog-detail-content.prose h3{margin:1.5em 0 .5em;color:#111827;font-weight:600}.blog-detail-content.prose h1{font-size:1.75em}.blog-detail-content.prose h2{font-size:1.5em}.blog-detail-content.prose h3{font-size:1.25em}.blog-detail-content.prose p{margin:0 0 1em}.blog-detail-content.prose ol,.blog-detail-content.prose ul{margin:.75em 0;padding-left:1.5em}.blog-detail-content.prose li{margin:.35em 0}.blog-detail-content.prose blockquote{margin:1em 0;padding:.75em 1.25em;border-left:4px solid #ff4c00;background:#fff7ed;color:#9a3412;font-style:italic;border-radius:0 6px 6px 0}.blog-detail-content.prose code,.blog-detail-content.prose pre{font-family:JetBrains Mono,monospace}.blog-detail-content.prose pre{margin:1em 0;padding:1em;background:#1f2937;color:#e5e7eb;border-radius:8px;overflow-x:auto}.blog-detail-content.prose img{max-width:100%;height:auto;border-radius:8px}.blog-detail-sidebar{position:sticky;top:24px}.blog-sidebar-block{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.blog-sidebar-title{font-size:18px;font-weight:600;color:#111827;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #ff4c00}.blog-sidebar-list{list-style:none;margin:0;padding:0}.blog-sidebar-list li{margin-bottom:16px}.blog-sidebar-list li:last-child{margin-bottom:0}.blog-sidebar-item{display:flex;gap:12px;text-decoration:none;color:inherit;transition:opacity .2s}.blog-sidebar-item:hover{opacity:.8}.blog-sidebar-item-image{position:relative;width:80px;height:60px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#f3f4f6}.blog-sidebar-item-content{flex:1;min-width:0}.blog-sidebar-item-title{display:block;font-size:14px;font-weight:500;color:#111827;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-sidebar-item-date{display:block;font-size:12px;color:#9ca3af;margin-top:4px}.blog-sidebar-empty{font-size:14px;color:#9ca3af;margin:0}@media (max-width:768px){.blog-detail-header{margin-bottom:32px}.blog-detail-header:before{margin-bottom:12px}.blog-detail-content.prose h1{font-size:24px;line-height:1.4}.blog-detail-content.prose h2{font-size:20px;line-height:1.4}.blog-detail-content.prose h3{font-size:18px;line-height:1.4}.blog-detail-content.prose p,.blog-detail-content.prose ul{font-size:15px;line-height:1.4}.blog-detail-content.prose li,.blog-detail-content.prose ul{list-style:disc}}