.blog-detail{background-color:var(--color-background);width:100%;min-height:100vh}.blog-detail__hero{justify-content:center;align-items:center;height:240px;display:flex;position:relative}.blog-detail__hero-icon{color:#fff3;width:96px;height:96px}.blog-detail__breadcrumb{max-width:720px;padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-sm);align-items:center;gap:8px;margin:0 auto;display:flex}.blog-detail__breadcrumb-link{font-family:inherit;font-size:inherit;color:var(--color-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:0;text-decoration:none;display:inline-flex}.blog-detail__breadcrumb-link:hover{text-decoration:underline}.blog-detail__breadcrumb-link svg{width:16px;height:16px}.blog-detail__breadcrumb-sep{color:var(--color-text-muted);flex-shrink:0}.blog-detail__breadcrumb-current{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.blog-detail__header{max-width:720px;padding:var(--spacing-md)var(--spacing-lg)var(--spacing-lg);margin:0 auto}.blog-detail__tag{background-color:var(--color-primary-light);color:var(--color-primary);letter-spacing:.02em;margin-bottom:var(--spacing-md);border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.blog-detail__title{margin:0 0 var(--spacing-md);font-size:var(--font-size-2xl);color:var(--color-dark);letter-spacing:-.01em;font-weight:800;line-height:1.2}.blog-detail__meta{align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.blog-detail__meta-item{align-items:center;gap:4px;display:inline-flex}.blog-detail__meta-item svg{width:16px;height:16px}.blog-detail__meta-divider{background-color:var(--color-text-muted);border-radius:50%;width:4px;height:4px}.blog-detail__content{max-width:720px;padding:0 var(--spacing-lg)var(--spacing-2xl);margin:0 auto}.blog-detail__content h2{margin:var(--spacing-xl)0 var(--spacing-md);font-size:var(--font-size-lg);color:var(--color-dark);font-weight:700;line-height:1.3}.blog-detail__content h3{margin:var(--spacing-lg)0 var(--spacing-sm);font-size:var(--font-size-md);color:var(--color-dark);font-weight:700;line-height:1.4}.blog-detail__content p{margin:0 0 var(--spacing-md);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text)}.blog-detail__content ul{margin:0 0 var(--spacing-md);padding-left:var(--spacing-lg)}.blog-detail__content li{margin-bottom:var(--spacing-xs);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text)}.blog-detail__content blockquote{margin:var(--spacing-lg)0;padding:var(--spacing-md)var(--spacing-lg);border-left:4px solid var(--color-primary);background-color:var(--color-primary-light);border-radius:0 var(--border-radius-md)var(--border-radius-md)0;font-size:var(--font-size-base);font-style:italic;line-height:var(--line-height-base);color:var(--color-dark)}.blog-detail__content strong{color:var(--color-dark);font-weight:700}.blog-detail__cta{text-align:center;max-width:720px;margin:0 auto var(--spacing-2xl);padding:var(--spacing-2xl)var(--spacing-xl);background-color:var(--color-primary-light);border-radius:var(--border-radius-xl);flex-direction:column;align-items:center;display:flex}.blog-detail__cta-headline{margin:0 0 var(--spacing-md);font-size:var(--font-size-xl);color:var(--color-dark);font-weight:800}.blog-detail__cta-button{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-lg);height:48px;font-family:inherit;font-size:var(--font-size-base);cursor:pointer;border:none;justify-content:center;align-items:center;padding:0 32px;font-weight:600;text-decoration:none;transition:background-color .15s;display:inline-flex}.blog-detail__cta-button:hover{background-color:var(--color-primary-hover)}.blog-detail__related{max-width:960px;padding:0 var(--spacing-lg)var(--spacing-2xl);margin:0 auto}.blog-detail__related-headline{margin:0 0 var(--spacing-xl);font-size:var(--font-size-xl);color:var(--color-dark);text-align:center;font-weight:800}.blog-detail__related-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.blog-detail__related-grid>:nth-child(4){display:none}@media (max-width:768px){.blog-detail__hero{height:180px}.blog-detail__hero-icon{width:72px;height:72px}.blog-detail__title{font-size:var(--font-size-xl)}.blog-detail__header{padding:var(--spacing-sm)var(--spacing-md)var(--spacing-md)}.blog-detail__breadcrumb{padding:var(--spacing-sm)var(--spacing-md)}.blog-detail__content{padding:0 var(--spacing-md)var(--spacing-xl)}.blog-detail__cta{margin-left:var(--spacing-md);margin-right:var(--spacing-md);padding:var(--spacing-xl)var(--spacing-lg)}.blog-detail__related{padding:0 var(--spacing-md)var(--spacing-xl)}.blog-detail__related-grid{grid-template-columns:repeat(2,1fr)}.blog-detail__related-grid>:nth-child(4){display:block}}@media (max-width:480px){.blog-detail__related-grid{grid-template-columns:1fr}}