.article-container{max-width:720px;margin:0 auto;padding:2rem}.article-header{margin-bottom:2rem}.article-header h1{font-size:2rem;line-height:1.3;margin-bottom:1rem}.article-meta{display:flex;gap:1rem;color:var(--color-text-muted);font-size:.875rem;margin-bottom:1.5rem}.article-content{line-height:1.8}.article-content h2{font-size:1.5rem;margin:2rem 0 1rem;color:var(--color-text)}.article-content h3{font-size:1.25rem;margin:1.5rem 0 .75rem}.article-content p{margin-bottom:1rem;color:var(--color-text-secondary)}.article-content ul,.article-content ol{margin:1rem 0;padding-left:1.5rem;color:var(--color-text-secondary)}.article-content li{margin-bottom:.5rem}.article-content code{background:var(--color-bg-alt);padding:.2rem .5rem;border-radius:4px;font-size:.9rem}.article-content pre{background:var(--color-bg-alt);padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0}.article-content pre code{background:none;padding:0}.tip-box{background:#6366f11a;border-left:4px solid var(--color-primary);padding:1rem;border-radius:0 8px 8px 0;margin:1.5rem 0}.tip-box strong{color:var(--color-primary)}.warning-box{background:#f59e0b1a;border-left:4px solid #f59e0b;padding:1rem;border-radius:0 8px 8px 0;margin:1.5rem 0}.warning-box strong{color:#f59e0b}.success-box{background:#22c55e1a;border-left:4px solid #22c55e;padding:1rem;border-radius:0 8px 8px 0;margin:1.5rem 0}.success-box strong{color:#22c55e}.cta-box{background:var(--gradient-primary);color:#fff;padding:2rem;border-radius:12px;text-align:center;margin:2rem 0}.cta-box h3{margin-bottom:1rem}.cta-box a{display:inline-block;background:#fff;color:var(--color-primary);padding:.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:600}.method-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.method-card h3{margin-top:0;display:flex;align-items:center;gap:.5rem}.method-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:600}.badge-easy{background:#22c55e33;color:#22c55e}.badge-medium{background:#f59e0b33;color:#f59e0b}.badge-advanced{background:#ef444433;color:#ef4444}.comparison-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem}.comparison-table th,.comparison-table td{border:1px solid var(--color-border);padding:.75rem;text-align:center}.comparison-table th{background:var(--color-bg-alt)}.breadcrumb{font-size:.875rem;color:var(--color-text-muted);margin-bottom:1rem}.breadcrumb a{color:var(--color-primary);text-decoration:none}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary);text-decoration:none;margin-bottom:2rem}.back-link:hover{text-decoration:underline}@media(max-width:768px){.article-container{padding:1.25rem}.article-header h1{font-size:1.6rem}.article-meta{flex-wrap:wrap;gap:.5rem}}