.single-article{max-width:800px;margin:0 auto;padding:60px 20px 100px}.back-link{color:var(--blue-light,#abc4ff);margin-bottom:24px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.back-link:hover{color:var(--blue-primary,#2b5cf6)}.date{color:#64748b;margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:12px;display:block}h1{color:#fff;margin-bottom:16px;font-size:38px;font-weight:800;line-height:1.2}.description{color:#a0abc0;border-left:3px solid var(--blue-primary,#2b5cf6);margin-bottom:40px;padding-left:16px;font-size:18px;line-height:1.6}.cover-image{border:1px solid #ffffff14;border-radius:16px;width:100%;max-height:400px;margin-bottom:40px;overflow:hidden}.cover-image img{object-fit:cover;width:100%;height:100%}.article-body{color:#cbd5e1;font-size:16px;line-height:1.8}.html-content h2{color:#fff;margin:36px 0 16px;font-size:24px;font-weight:700}.html-content h3{color:#fff;margin:28px 0 12px;font-size:20px;font-weight:600}.html-content p{margin-bottom:20px}.html-content ul,.html-content ol{margin-bottom:20px;padding-left:24px}.html-content li{margin-bottom:8px}.html-content img{border:1px solid #ffffff14;border-radius:12px;max-width:100%;height:auto;margin:24px 0}:global(.light-theme) h1{color:#0f172a}:global(.light-theme) .html-content h2{color:#0f172a}:global(.light-theme) .html-content h3{color:#0f172a}:global(.light-theme) .description{color:#475569}:global(.light-theme) .article-body{color:#334155}:global(.light-theme) .cover-image{border-color:#e2e8f0}:global(.light-theme) .html-content img{border-color:#e2e8f0}:global(.light-theme) .back-link{color:var(--blue-primary)}