.blog-post-page{background:var(--white);min-height:100vh}.blog-post-back-section{padding:var(--space-8)0 var(--space-4)0;background:var(--white)}.blog-post-back-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-600);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:all var(--transition-base);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-weight:500;display:inline-flex}.blog-post-back-link:hover{color:var(--primary-900);background:var(--primary-50);transform:translate(-4px)}.blog-post-back-link svg{transition:transform var(--transition-base)}.blog-post-back-link:hover svg{transform:translate(-2px)}.blog-post-header{padding:var(--space-12)0 var(--space-16)0;background:linear-gradient(180deg,var(--primary-50)0%,var(--white)100%);border-bottom:1px solid var(--gray-200)}.blog-post-header-content{text-align:center;max-width:800px;margin:0 auto}.blog-post-category{padding:var(--space-2)var(--space-4);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--accent-700);background:linear-gradient(135deg,var(--accent-100)0%,var(--accent-200)100%);border:1px solid var(--accent-300);border-radius:var(--radius-full);margin-bottom:var(--space-6);font-weight:600;display:inline-block}.blog-post-title{font-size:clamp(2.25rem,5vw,var(--text-5xl));font-family:var(--font-display);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter);color:var(--primary-950);margin-bottom:var(--space-6);text-wrap:balance}.blog-post-meta{justify-content:center;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--gray-600);font-weight:500;display:flex}.blog-post-date{color:var(--gray-700)}.blog-post-meta-divider{color:var(--gray-400)}.blog-post-author{color:var(--gray-700)}.blog-post-content-section{padding:var(--space-20)0;background:var(--white)}.blog-post-content{max-width:720px;font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--gray-800);margin:0 auto}.blog-post-content p{margin-bottom:var(--space-6);color:var(--gray-800);font-size:var(--text-lg);line-height:var(--leading-relaxed)}.blog-post-content p:last-child{margin-bottom:0}.blog-post-content h2{font-size:var(--text-3xl);font-family:var(--font-display);color:var(--primary-950);margin-top:var(--space-16);margin-bottom:var(--space-6);font-weight:400;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.blog-post-content h2:first-child{margin-top:0}.blog-post-content h3{font-size:var(--text-2xl);color:var(--primary-900);margin-top:var(--space-12);margin-bottom:var(--space-4);font-weight:600;line-height:var(--leading-snug)}.blog-post-content h4{font-size:var(--text-xl);color:var(--gray-900);margin-top:var(--space-10);margin-bottom:var(--space-3);font-weight:600}.blog-post-content strong{color:var(--gray-900);font-weight:600}.blog-post-content em{color:var(--gray-700);font-style:italic}.blog-post-content a{color:var(--primary-700);text-decoration:underline;-webkit-text-decoration-color:var(--primary-300);text-decoration-color:var(--primary-300);text-underline-offset:3px;transition:all var(--transition-base)}.blog-post-content a:hover{color:var(--primary-900);-webkit-text-decoration-color:var(--accent-600);text-decoration-color:var(--accent-600)}.blog-post-content ul,.blog-post-content ol{margin-bottom:var(--space-6);padding-left:var(--space-8)}.blog-post-content ul li,.blog-post-content ol li{margin-bottom:var(--space-3);line-height:var(--leading-relaxed);color:var(--gray-800)}.blog-post-content ul li::marker{color:var(--accent-600)}.blog-post-content ol li::marker{color:var(--primary-700);font-weight:600}.blog-post-content li strong{color:var(--primary-900)}.blog-post-content blockquote{margin:var(--space-12)0;padding:var(--space-8)var(--space-10);border-left:4px solid var(--accent-600);background:linear-gradient(135deg,var(--accent-50)0%,#fff0 100%);font-size:var(--text-2xl);font-family:var(--font-display);font-style:italic;line-height:var(--leading-snug);color:var(--gray-900);position:relative}.blog-post-content blockquote:before{content:"\"";left:var(--space-3);top:var(--space-2);font-size:var(--text-6xl);font-family:var(--font-display);color:var(--accent-400);opacity:.3;line-height:1;position:absolute}.blog-post-content blockquote p{z-index:1;margin-bottom:0;position:relative}.blog-post-content .callout{margin:var(--space-10)0;padding:var(--space-8);background:linear-gradient(135deg,var(--primary-50)0%,var(--primary-100)100%);border:1px solid var(--primary-200);border-left:4px solid var(--primary-700);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.blog-post-content .callout p{margin-bottom:var(--space-4);color:var(--gray-900);font-weight:500}.blog-post-content .callout p:last-child{margin-bottom:0}.blog-post-content .callout strong{color:var(--primary-950)}.blog-post-content .highlight{background:linear-gradient(180deg,transparent 0%,transparent 50%,var(--accent-200)50%,var(--accent-200)100%);padding:0 var(--space-1);color:var(--gray-900);font-weight:500}.blog-post-content hr{margin:var(--space-16)0;border:none;border-top:2px solid var(--gray-200)}.blog-post-content code{font-family:var(--font-mono);padding:var(--space-1)var(--space-2);background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-sm);color:var(--primary-800);font-size:.9em}.blog-post-content pre{margin:var(--space-8)0;padding:var(--space-6);background:var(--gray-900);border-radius:var(--radius-lg);overflow-x:auto}.blog-post-content pre code{color:var(--gray-100);background:0 0;border:none;padding:0}.blog-post-footer{padding:var(--space-16)0 var(--space-20)0;background:var(--white)}.blog-post-footer-divider{background:linear-gradient(90deg,transparent 0%,var(--gray-200)50%,transparent 100%);height:2px;margin-bottom:var(--space-8)}.blog-post-footer-link{align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--primary-700);transition:all var(--transition-base);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);border:1px solid #0000;font-weight:500;display:inline-flex}.blog-post-footer-link:hover{color:var(--primary-900);background:var(--primary-50);border-color:var(--primary-200);transform:translate(-4px)}.blog-post-footer-link svg{transition:transform var(--transition-base)}.blog-post-footer-link:hover svg{transform:translate(-2px)}@media (max-width:768px){.blog-post-back-section{padding:var(--space-6)0 var(--space-3)0}.blog-post-header{padding:var(--space-8)0 var(--space-12)0}.blog-post-title{font-size:clamp(1.875rem,8vw,var(--text-4xl))}.blog-post-meta{gap:var(--space-2);flex-direction:column}.blog-post-meta-divider{display:none}.blog-post-content-section{padding:var(--space-16)0}.blog-post-content,.blog-post-content p{font-size:var(--text-base)}.blog-post-content h2{font-size:var(--text-2xl);margin-top:var(--space-12)}.blog-post-content h3{font-size:var(--text-xl);margin-top:var(--space-8)}.blog-post-content blockquote{font-size:var(--text-xl);padding:var(--space-6)var(--space-6);margin:var(--space-8)0}.blog-post-content blockquote:before{font-size:var(--text-5xl);left:var(--space-2)}.blog-post-content .callout{padding:var(--space-6);margin:var(--space-8)0}.blog-post-footer{padding:var(--space-12)0 var(--space-16)0}}@media (max-width:480px){.blog-post-title{font-size:var(--text-3xl)}.blog-post-content h2{font-size:var(--text-xl)}.blog-post-content blockquote{font-size:var(--text-lg);padding:var(--space-4)var(--space-4)}.blog-post-content ul,.blog-post-content ol{padding-left:var(--space-5)}}