.blog-detail-page{padding:var(--space-12) 0 var(--space-20)}.blog-detail{max-width:760px;margin:0 auto}.blog-detail__back-link{display:inline-block;font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--space-8);transition:color var(--duration-fast) var(--ease-out)}.blog-detail__back-link:hover{color:var(--color-text-primary)}.blog-detail__header{margin-bottom:var(--space-12)}.blog-detail__meta{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-6);align-items:center}.blog-detail__category{padding-bottom:var(--space-1);border-bottom:2px solid var(--color-accent)}.blog-detail__category,.blog-detail__date,.blog-detail__reading-time{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary)}.blog-detail__title{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:var(--weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-8) 0;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.blog-detail__author-info{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8)}.blog-detail__author-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--color-gray-200)}.blog-detail__author-text{display:flex;flex-direction:column;gap:var(--space-1)}.blog-detail__author-name{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.blog-detail__cover-image{width:100%;height:auto;border-radius:var(--border-radius-lg);margin-bottom:var(--space-12);display:block}.blog-detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-12);padding-bottom:var(--space-8);border-bottom:var(--border-subtle)}.blog-detail__tag{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-gray-400);background:transparent;border:1px solid var(--color-gray-200);padding:var(--space-1) var(--space-4);border-radius:999px;display:inline-block}.blog-detail__content{margin-bottom:var(--space-12)}.blog-detail__html{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-primary);line-height:var(--leading-relaxed)}.blog-detail__html h1{font-size:var(--text-2xl);line-height:var(--leading-tight)}.blog-detail__html h1,.blog-detail__html h2{font-weight:var(--weight-medium);margin:var(--space-8) 0 var(--space-4) 0;color:var(--color-text-primary);letter-spacing:var(--tracking-tight)}.blog-detail__html h2{font-size:var(--text-lg);line-height:var(--leading-snug)}.blog-detail__html h3{font-size:var(--text-md);font-weight:var(--weight-medium);margin:var(--space-6) 0 var(--space-3) 0;color:var(--color-text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.blog-detail__html p{margin:0 0 var(--space-4) 0}.blog-detail__html strong{font-weight:var(--weight-medium);color:var(--color-text-primary)}.blog-detail__html em{font-style:italic;color:var(--color-text-secondary)}.blog-detail__html ol,.blog-detail__html ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.blog-detail__html li{margin-bottom:var(--space-2)}.blog-detail__html code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-gray-50);color:var(--color-gray-700);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);white-space:nowrap}.blog-detail__html pre{background:var(--color-gray-50);border:var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--space-6);overflow-x:auto;margin:var(--space-6) 0}.blog-detail__html pre code{background:transparent;padding:0;white-space:pre-wrap;word-break:break-word}.blog-detail__html a{color:var(--color-accent);text-decoration:underline;transition:opacity var(--duration-fast) var(--ease-out)}.blog-detail__html a:hover{opacity:.8}.blog-detail__divider{height:1px;background:var(--color-gray-200);margin:var(--space-12) 0}.blog-detail__related{margin-top:var(--space-12)}.blog-detail__related-title{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:var(--weight-medium);color:var(--color-text-primary);margin:0 0 var(--space-8) 0;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.blog-detail__related-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.blog-detail__related-card{display:block;background:var(--color-white);border:var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--space-5);text-decoration:none;color:inherit;transition:all var(--duration-fast) var(--ease-out);display:flex;flex-direction:column;gap:var(--space-3)}.blog-detail__related-card:hover{border-color:var(--color-gray-300);box-shadow:var(--shadow-md)}.blog-detail__related-card-title{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-primary);margin:0;line-height:var(--leading-snug)}.blog-detail__related-card-excerpt{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-normal);flex-grow:1}.blog-detail__related-card-arrow{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-text-secondary);transition:transform var(--duration-fast) var(--ease-out)}.blog-detail__related-card:hover .blog-detail__related-card-arrow{transform:translateX(var(--space-2))}@media (max-width:1024px){.blog-detail__title{font-size:var(--text-2xl)}.blog-detail__related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-detail-page{padding:var(--space-8) 0 var(--space-12)}.blog-detail{max-width:100%}.blog-detail__title{font-size:var(--text-2xl)}.blog-detail__meta{gap:var(--space-3)}.blog-detail__author-info,.blog-detail__meta{flex-direction:column;align-items:flex-start}.blog-detail__html{font-size:var(--text-sm)}.blog-detail__related-grid{grid-template-columns:1fr}}