.blog-container{max-width:800px;margin:0 auto;padding:0 20px}.blog-main{padding-top:calc(var(--header-h) + 40px);padding-bottom:80px}.breadcrumb{font-size:.9rem;color:var(--muted);margin-bottom:24px}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover{text-decoration:underline}.article-header{margin-bottom:40px}.article-category{display:inline-block;background:linear-gradient(135deg,var(--primary-700),var(--accent-500));color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:6px 12px;border-radius:20px;margin-bottom:16px}.article-title{font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,5vw,2.8rem);font-weight:800;line-height:1.2;margin:0 0 16px;color:#fff}.article-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:.9rem;color:var(--muted)}.tldr{background:linear-gradient(135deg,#00bcd41a,#3f57cc1a);border:1px solid rgba(0,188,212,.3);border-radius:16px;padding:24px;margin-bottom:40px}.tldr h2{font-size:1rem;font-weight:700;color:var(--accent-500);margin:0 0 12px;text-transform:uppercase}.tldr ul{margin:0;padding-left:20px}.tldr li{margin-bottom:8px}.article-content h2{font-family:Plus Jakarta Sans,sans-serif;font-size:1.6rem;font-weight:700;margin:48px 0 20px;color:#fff;border-bottom:2px solid rgba(0,188,212,.3);padding-bottom:12px}.article-content h3{font-size:1.2rem;font-weight:600;margin:32px 0 16px;color:var(--accent-500)}.article-content p{margin:0 0 20px}.article-content ul{margin:0 0 20px;padding-left:24px}.article-content li{margin-bottom:8px}.article-content strong{color:#fff}.article-content code{background:#ffffff1a;padding:2px 8px;border-radius:4px;font-size:.9em}.article-content a{color:var(--accent-500);text-decoration:none}.article-content a:hover{text-decoration:underline}.article-content table{width:100%;border-collapse:collapse;margin:0 0 20px}.article-content th,.article-content td{padding:12px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.article-content th{color:#fff;font-weight:600;background:#ffffff0d}.article-content tr:hover td{background:#ffffff08}.faq{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px;margin:48px 0}.faq h2{font-size:1.4rem;font-weight:700;margin:0 0 24px;color:#fff;border-bottom:none;padding-bottom:0}.faq-item{margin-bottom:24px}.faq-item:last-child{margin-bottom:0}.faq-question{font-weight:600;color:var(--accent-500);margin-bottom:8px}.faq-answer{line-height:1.7}.article-footer{border-top:1px solid rgba(255,255,255,.1);padding-top:32px;margin-top:48px}.article-footer p{color:var(--muted);font-size:.9rem;margin:0 0 8px}.author-box{display:flex;align-items:center;gap:16px;background:#ffffff08;border-radius:12px;padding:20px;margin-top:24px}.author-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-700),var(--accent-500));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;color:#fff;flex-shrink:0}.author-info h4{margin:0 0 4px;color:#fff}.author-info p{margin:0;font-size:.85rem}.cta-box{background:linear-gradient(135deg,var(--primary-700),var(--accent-500));border-radius:20px;padding:32px;text-align:center;margin:48px 0}.cta-box h3{color:#fff;font-size:1.4rem;margin:0 0 12px}.cta-box p{color:#ffffffe6;margin:0 0 20px}.cta-box .btn{background:#fff;color:var(--primary);border:none;box-shadow:0 8px 24px #0003;filter:none}.cta-box .btn:hover{background:#fff;color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}[data-theme=light] .breadcrumb a{color:var(--muted)}[data-theme=light] .article-title{color:var(--text)!important}[data-theme=light] .article-content h2{color:var(--text)!important;border-bottom-color:#0891b24d}[data-theme=light] .article-content h3{color:var(--accent-500)}[data-theme=light] .article-content p,[data-theme=light] .article-content li{color:var(--text)}[data-theme=light] .article-content strong{color:var(--text)!important}[data-theme=light] .article-content th{color:var(--text)!important;background:#00000008}[data-theme=light] .article-content td{color:var(--text)}[data-theme=light] .article-content th,[data-theme=light] .article-content td{border-bottom-color:#00000014}[data-theme=light] .article-content tr:hover td{background:#00000005}[data-theme=light] .article-content code{background:#0000000f;color:var(--text)}[data-theme=light] .article-content pre{background:#00000008;border-color:#00000014}[data-theme=light] .article-content pre code{color:var(--text)}[data-theme=light] .tldr{background:linear-gradient(135deg,#0891b214,#3b82f60d);border-color:#0891b240}[data-theme=light] .tldr li{color:var(--text)}[data-theme=light] .faq{background:#fffc;border-color:#00000014}[data-theme=light] .faq h2{color:var(--text)!important}[data-theme=light] .faq-answer{color:var(--text)}[data-theme=light] .author-box{background:#00000005;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .author-info h4{color:var(--text)!important}[data-theme=light] .author-info p{color:var(--muted)}[data-theme=light] .article-footer{border-top-color:#00000014}[data-theme=light] .article-footer p,[data-theme=light] .article-meta{color:var(--muted)}[data-theme=light] .article-category{background:linear-gradient(135deg,var(--primary-700, #2451FF),#0891B2);color:#fff}[data-theme=light] .breadcrumb,[data-theme=light] .breadcrumb a{color:var(--muted)}[data-theme=light] .cta-box{box-shadow:0 12px 32px #2451ff33,inset 0 1px #ffffff4d}[data-theme=light] .cta-box .btn{box-shadow:0 8px 24px #00000014}[data-theme=light] .cta-box .btn:hover{box-shadow:0 12px 32px #0000001f}