body{background:var(--bg-primary)!important}:root{--bg-primary:#f1f5f9;--bg-secondary:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--accent:#3b82f6;--accent-hover:#2563eb;--code-bg:#f1f5f9;--code-text:#0f172a}[data-theme=dark]{--bg-primary:#181818;--bg-secondary:#242424;--text-primary:#fafafa;--text-secondary:#d4d4d4;--text-muted:#a3a3a3;--border:#2a2a2a;--accent:#60a5fa;--accent-hover:#93c5fd;--code-bg:#242424;--code-text:#fafafa}.article-page{background-color:var(--bg-primary);padding:4rem 2rem;transition:background-color .3s ease}.article-container{max-width:800px;margin:0 auto}.article-back-link{display:inline-flex;align-items:center;gap:.5rem;font-family:Gelion,sans-serif;font-size:.875rem;font-weight:600;color:var(--text-muted);margin-bottom:2rem;transition:all .2s ease}.article-back-link:hover{color:var(--accent);gap:.75rem}.article-back-link svg{width:16px;height:16px;transition:transform .2s ease}.article-back-link:hover svg{transform:translateX(-4px)}.article-hero{width:100%;max-height:600px;object-fit:contain;border-radius:16px;margin-bottom:2.5rem;background:var(--bg-secondary)}.article-header{margin-bottom:3rem}.article-title{font-family:Gelion,sans-serif;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;color:var(--text-primary);line-height:1.15;margin-bottom:1rem;letter-spacing:-.03em}.article-meta-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.article-meta{font-family:Gelion,sans-serif;font-size:.875rem;color:var(--text-muted);font-weight:500}.article-category-badge,.article-meta{text-transform:uppercase;letter-spacing:.05em}.article-category-badge{display:inline-block;padding:.25rem .75rem;background:var(--accent);color:var(--bg-primary);font-size:.75rem;font-weight:700;border-radius:4px}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.article-tag{display:inline-block;padding:.375rem .875rem;background:var(--bg-secondary);color:var(--text-secondary);font-size:.8125rem;font-weight:500;border-radius:6px;border:1px solid var(--border);transition:all .2s ease}.article-tag:hover{background:var(--bg-card-hover);color:var(--text-primary)}.article-content{font-family:Gelion,sans-serif;font-size:1.0625rem;line-height:1.8;color:var(--text-primary)}.article-content>:first-child{margin-top:0}.article-content h1,.article-content h2,.article-content h3,.article-content h4{font-family:Gelion,sans-serif;font-weight:700;color:var(--text-primary);margin-top:3rem;margin-bottom:1.25rem;letter-spacing:-.02em;line-height:1.25}.article-content h1{font-size:2.25rem;margin-top:3.5rem}.article-content h2{font-size:1.875rem;margin-top:3rem}.article-content h3{font-size:1.5rem;margin-top:2.5rem}.article-content h4{font-size:1.25rem;margin-top:2rem}.article-content p{margin:1.5rem 0;line-height:1.8}.article-content strong{font-weight:700;color:var(--text-primary)}.article-content em{font-style:italic;color:var(--text-secondary)}.article-content a{color:var(--accent);text-decoration:none;border-bottom:2px solid var(--accent);transition:all .2s ease;font-weight:500}.article-content a:hover{color:var(--accent-hover);border-bottom-color:var(--accent-hover)}.article-content ol,.article-content ul{margin:2rem 0;padding-left:0;list-style:none}.article-content ol li,.article-content ul li{margin:1rem 0;padding-left:2rem;position:relative;line-height:1.8}.article-content ul li:before{content:"•";position:absolute;left:.5rem;color:var(--accent);font-weight:700;font-size:1.25rem}.article-content ol{counter-reset:list-counter}.article-content ol li{counter-increment:list-counter}.article-content ol li:before{content:counter(list-counter) ".";position:absolute;left:0;color:var(--accent);font-weight:700;font-size:.875rem}.article-content blockquote{margin:2.5rem 0;padding:1.75rem 2rem;border-left:5px solid var(--accent);background:var(--bg-secondary);font-style:italic;color:var(--text-secondary);border-radius:0 8px 8px 0;font-size:1.125rem}.article-content blockquote p{margin:0;line-height:1.7}.article-content code{font-family:SF Mono,Monaco,Courier New,monospace;background:var(--code-bg);color:var(--accent);padding:.25em .5em;border-radius:5px;font-size:.9em;border:1px solid var(--border);font-weight:500}.article-content pre{background:var(--bg-secondary);border:1px solid var(--border);padding:1.75rem;border-radius:10px;overflow-x:auto;margin:2.5rem 0}.article-content pre code{background:none;padding:0;border:none;font-size:.9rem;color:var(--text-primary)}.article-content img{height:auto}.article-content .aspect-video,.article-content img{width:100%;margin:2rem 0;border-radius:8px;border:1px solid var(--border)}.article-content .aspect-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.article-content .aspect-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.article-content hr{margin:3rem 0;border:none;height:1px;background:var(--border)}.blog-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border)}.footer-text{color:var(--text-secondary)}.footer-link{color:var(--text-muted);transition:color .2s ease}.footer-link:hover{color:var(--text-primary)}@media (max-width:640px){.article-page{padding:2rem 1rem}.article-title{font-size:1.75rem}.article-content{font-size:1rem}.article-content h1{font-size:1.5rem}.article-content h2{font-size:1.375rem}.article-content h3{font-size:1.25rem}.article-content h4{font-size:1.125rem}.article-hero{max-height:400px}}