.blog-detail-container{color:#2c3e50;max-width:800px;margin:0 auto;padding:120px 24px 60px;font-family:Barlow,sans-serif}.back-link{color:#64748b;align-items:center;gap:8px;margin-bottom:30px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.back-link:hover{color:#2563eb;transform:translate(-5px)}.article-header{text-align:center;margin-bottom:40px}.article-category{color:#0284c7;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#e0f2fe 0%,#dbeafe 100%);border-radius:30px;margin-bottom:20px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.article-title{color:#1e293b;margin-bottom:20px;font-family:Barlow,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.3}.article-summary{color:#555;text-align:center;border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:30px;font-family:Merriweather,serif;font-size:1.2rem;font-style:italic;font-weight:500;line-height:1.6}.article-meta{color:#94a3b8;border-bottom:1px solid #f1f5f9;justify-content:center;gap:24px;padding-bottom:30px;font-size:.9rem;display:flex}.meta-item{align-items:center;gap:6px;display:flex}.toc-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:50px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.toc-header{color:#0f172a;text-transform:uppercase;border-bottom:2px solid #e2e8f0;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;font-family:Barlow,sans-serif;font-size:1.1rem;font-weight:700;display:flex}.toc-content{flex-direction:column;gap:8px;display:flex}.toc-item{text-align:left;cursor:pointer;color:#475569;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px 8px;font-family:Barlow,sans-serif;line-height:1.5;transition:all .2s;display:flex}.toc-item:hover{color:#0284c7;background-color:#e0f2fe}.toc-item.main{color:#334155;margin-top:8px;font-size:1rem;font-weight:700}.toc-item.sub{color:#64748b;border-left:2px solid #cbd5e1;border-radius:0 6px 6px 0;margin-left:15px;font-size:.95rem;font-weight:400}.toc-item.sub:hover{border-left-color:#0284c7}.toc-icon-sub{opacity:.6;margin-right:6px}.toc-text{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.article-content{color:#334155;text-rendering:optimizelegibility;font-family:Merriweather,serif;font-size:1.125rem;line-height:1.8}.article-content p{text-align:justify;margin-bottom:24px}.article-content h2.section-heading{color:#1e293b;border-bottom:2px solid #e5e7eb;margin-top:60px;margin-bottom:25px;padding-bottom:15px;font-family:Barlow,sans-serif;font-size:2rem;font-weight:800;line-height:1.2;position:relative}.article-content h2:not(.section-heading){color:#334155;margin-top:40px;margin-bottom:15px;padding-left:16px;font-family:Barlow,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.3;position:relative}.article-content h2:not(.section-heading):before{content:"";background:#2563eb;border-radius:2px;width:4px;position:absolute;top:6px;bottom:6px;left:0}.article-content h3{color:#475569;margin-top:25px;margin-bottom:10px;font-family:Barlow,sans-serif;font-size:1.25rem;font-weight:600}.article-content blockquote{color:#475569;text-align:center;background:#f8fafc;border-radius:12px;margin:40px 0;padding:30px 40px;font-family:Barlow,sans-serif;font-size:1.2rem;font-style:italic;position:relative}.article-content blockquote:before{content:"“";color:#e2e8f0;font-family:serif;font-size:5rem;position:absolute;top:-20px;left:20px}.blog-image-container{justify-content:center;width:100%;margin:40px 0;display:flex}.blog-detail-image{border-radius:12px;transition:transform .3s;display:block;box-shadow:0 10px 30px -10px #00000026}.blog-detail-image:hover{transform:scale(1.01)}.blog-image-container.img-full .blog-detail-image{object-fit:contain;width:100%;max-height:600px}.blog-image-container.img-medium .blog-detail-image{object-fit:contain;width:75%;max-height:500px}@media (max-width:768px){.blog-image-container.img-medium .blog-detail-image{width:100%}.article-title{font-size:1.8rem}.article-content h2.section-heading{font-size:1.6rem}.article-content h2:not(.section-heading){font-size:1.3rem}.blog-detail-container{padding:0 16px 40px}}.loading-screen{color:#6b7280;justify-content:center;align-items:center;min-height:60vh;font-size:1.2rem;display:flex}