.article-page{padding:calc(68px + var(--space-12)) 0 var(--space-16)}.article-wrap{max-width:860px;margin:0 auto}.article-hero{text-align:center;margin-bottom:var(--space-10)}.article-back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.article-back:hover{color:var(--accent-primary)}.article-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3);margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-tertiary)}.article-content{font-size:var(--text-lg);line-height:1.8;color:var(--text-secondary)}.article-content h2{font-size:var(--text-3xl);margin:var(--space-12) 0 var(--space-5);color:var(--text-primary)}.article-content h3{font-size:var(--text-2xl);margin:var(--space-8) 0 var(--space-4);color:var(--text-primary)}.article-content p,.article-content ul,.article-content ol{margin-bottom:var(--space-6)}.article-content ul,.article-content ol{padding-left:var(--space-6)}.article-content li{margin-bottom:var(--space-3)}.article-content strong{color:var(--text-primary)}.article-media{margin:var(--space-8) 0}.article-media img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.article-media figcaption{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);text-align:center}.article-note,.article-example,.article-formula,.article-cta,.article-author{margin:var(--space-8) 0}.article-note{background:var(--bg-tertiary);border-left:4px solid var(--accent-primary);padding:var(--space-6);border-radius:var(--radius-md)}.article-example{background:var(--bg-card);border:1px solid var(--border-subtle);padding:var(--space-6);border-radius:var(--radius-lg)}.article-formula{background:var(--bg-tertiary);padding:var(--space-8);border-radius:var(--radius-lg);text-align:center}.article-formula .formula{font-family:'Courier New',monospace;font-size:var(--text-xl);color:var(--text-primary);font-weight:600;margin-bottom:var(--space-4)}.article-formula .formula-description{font-size:var(--text-base);color:var(--text-secondary)}.article-cta{background:linear-gradient(135deg,var(--accent-primary),var(--accent-purple));color:white;padding:var(--space-10);border-radius:var(--radius-xl);text-align:center}.article-cta h3{color:white;font-size:var(--text-2xl);margin-bottom:var(--space-4)}.article-cta p{color:rgba(255,255,255,0.9);margin-bottom:var(--space-6)}.article-cta .btn{background:white;color:var(--accent-primary)}.article-cta .btn:hover{background:var(--bg-secondary)}.article-author{background:#f8f9fa;border-left:4px solid var(--accent-primary);padding:24px;border-radius:6px}.article-author .label{margin:0 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#6b7280}.article-author .name{margin:0 0 10px;font-weight:700;font-size:20px;color:#111827}.article-author p:last-child{margin:0;color:#374151;line-height:1.7}@media (max-width:640px){.article-page{padding-top:calc(68px + var(--space-8))}.article-cta,.article-note,.article-example,.article-author{padding:var(--space-5)}}