.blog-detail-page{padding:90px 0 100px;min-height:60vh;position:relative;overflow:hidden;background:#ffffff}.blog-detail-page:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 420px at 20% 0,rgba(234,49,44,.06) 0,rgba(234,49,44,0) 55%),radial-gradient(900px 420px at 80% 100%,rgba(18,28,48,.04) 0,rgba(18,28,48,0) 55%)}.blog-detail-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.blog-detail-error,.blog-detail-loading{text-align:center;padding:80px 20px;color:rgba(18,28,48,.7)}.blog-detail-error h2{font-size:24px;margin-bottom:20px;color:#121c30}.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:rgba(18,28,48,.7);text-decoration:none;font-size:14px;font-weight:500;margin-bottom:24px;transition:color .2s}.blog-back-link:hover{color:#ea312c}.blog-detail-hero{position:relative;width:100%;height:420px;border-radius:12px;overflow:hidden;margin-bottom:40px;background:#f3f4f6;border:1px solid #ebeced;box-shadow:1px 16px 70px 0 rgba(17,27,46,.04)}.blog-detail-hero-img{object-fit:cover}.blog-detail-header{margin-bottom:40px;border:none}.blog-detail-content.prose ul li{list-style:disc}.blog-detail-content.prose ol li{list-style:decimal}.blog-detail-category{display:inline-block;font-size:11px;font-weight:700;color:#ea312c;text-decoration:none;margin-bottom:16px;text-transform:uppercase;letter-spacing:.08em;padding:5px 12px;background:rgba(234,49,44,.08);border:1px solid rgba(234,49,44,.2);border-radius:90px;transition:background .2s ease}.blog-detail-category:hover{background:rgba(234,49,44,.12)}.blog-detail-title{font-size:clamp(32px,4.5vw,44px);font-weight:700;line-height:1.2;color:#121c30;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:rgba(18,28,48,.7)}.blog-detail-content{font-size:17px;line-height:1.75;color:rgba(18,28,48,.88)}.blog-detail-content.prose h1,.blog-detail-content.prose h2,.blog-detail-content.prose h3{margin:1.5em 0 .5em;color:#121c30;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 #ea312c;background:rgba(234,49,44,.06);color:#9a3412;font-style:italic;border-radius:0 8px 8px 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-content.prose table,.blog-detail-content.prose table.blog-content-table{width:100%;border-collapse:collapse;margin:1.25em 0;font-size:.95em}.blog-detail-content.prose td,.blog-detail-content.prose th{border:1px solid #e5e7eb;padding:10px 14px;vertical-align:top}.blog-detail-content.prose th{background:#f8fafc;font-weight:600;text-align:left}.blog-detail-content.prose a{color:#2563eb;text-decoration:underline}.blog-detail-content.prose hr{border:none;border-top:1px solid #e5e7eb;margin:1.5em 0}.blog-detail-content.prose h4,.blog-detail-content.prose h5,.blog-detail-content.prose h6{margin:1.25em 0 .5em;color:#121c30;font-weight:600}.blog-detail-content.prose h4{font-size:1.15em}.blog-detail-content.prose h5{font-size:1.05em}.blog-detail-content.prose h6{font-size:1em;text-transform:uppercase;letter-spacing:.04em}.blog-detail-sidebar{position:sticky;top:24px}.blog-sidebar-block{background:rgba(255,255,255,.95);border:1px solid #ebeced;border-radius:12px;padding:24px;box-shadow:1px 16px 70px 0 rgba(17,27,46,.04)}.blog-sidebar-title{font-size:18px;font-weight:600;color:#121c30;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #ea312c}.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:.85}.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:#121c30;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:rgba(18,28,48,.6);margin-top:4px}.blog-sidebar-empty{font-size:14px;color:rgba(18,28,48,.6);margin:0}.blog-sidebar-categories-block{margin-bottom:20px}.blog-sidebar-categories{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}.blog-sidebar-categories li{margin-bottom:8px}.blog-sidebar-categories li:last-child{margin-bottom:0}.blog-sidebar-category-link{display:flex;align-items:center;gap:10px;font-size:14px;color:#121c30;text-decoration:none;padding:8px 10px;border-radius:8px;transition:background .15s ease}.blog-sidebar-category-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:rgba(18,28,48,.45)}.blog-sidebar-category-label{min-width:0;line-height:1.35}.blog-sidebar-category-link:hover{background:rgba(234,49,44,.06)}.blog-sidebar-category-link:hover .blog-sidebar-category-icon{color:rgba(234,49,44,.75)}.blog-sidebar-recent-block{margin-top:0}.blog-sidebar-recent-list{max-height:min(70vh,960px);overflow-y:auto;padding-right:4px}