.article-page{padding:var(--spacing-xl)0;background-color:var(--bg-primary)}.article-container{max-width:740px;padding:0 var(--spacing-md);margin:0 auto}.article-header{margin-bottom:var(--spacing-2xl);text-align:center}.article-meta{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--text-muted);font-size:.9rem;display:flex}.article-back-link{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .2s}.article-back-link:hover{color:var(--color-primary)}.article-title{color:var(--text-primary);letter-spacing:-.01em;font-size:2.5rem;font-weight:700;line-height:1.2}.article-content{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.article-content h2{color:var(--text-primary);letter-spacing:-.01em;margin:2.5rem 0 1rem;font-size:1.75rem;font-weight:600}.article-content h3{color:var(--text-primary);margin:2rem 0 .75rem;font-size:1.4rem;font-weight:600}.article-content p{margin-bottom:1.5rem}.article-content ul{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-content strong{color:var(--text-primary);font-weight:600}.article-content pre{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:1.5rem 0;padding:1rem;font-size:.9rem;overflow-x:auto}.article-content a{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}.article-footer{border-top:1px solid var(--border-color);margin-top:4rem;padding-top:2rem}.article-cta-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;padding:2rem}.article-cta-box h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.article-cta-box p{color:var(--text-secondary);margin-bottom:1.5rem}@media (max-width:768px){.article-title{font-size:2rem}}