.articles-page{padding:40px 0 60px}.articles-category{margin-top:40px}.articles-category-title{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid #e8f5e9}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.article-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);color:inherit;background:#fff;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:block}.article-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-article-accent)}.article-card-category{color:var(--color-article-accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-sm);font-size:.75rem;font-weight:600;display:inline-block}.article-card-title{font-size:var(--font-size-lg);color:var(--color-card-title);margin-bottom:var(--space-sm);font-weight:600;line-height:1.4}.article-card-summary{color:var(--color-text-muted);margin-bottom:12px;font-size:.9rem;line-height:1.5}.article-card-link{font-size:var(--font-size-sm);color:var(--color-article-accent);font-weight:600}.article-detail{padding:40px 0 60px}.article-detail .container{max-width:720px}.article-breadcrumb{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--space-lg)}.article-breadcrumb a{color:var(--color-article-accent);text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}.article-meta{gap:var(--space-md);margin-bottom:var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-light);display:flex}.article-body h2{font-size:var(--font-size-xl);color:var(--color-card-title);margin:var(--space-xl) 0 12px}.article-body h3{font-size:var(--font-size-lg);color:var(--color-text);margin:var(--space-lg) 0 var(--space-sm)}.article-body p{font-size:var(--font-size-base);color:#444;margin-bottom:var(--space-md);line-height:1.7}.article-body ul,.article-body ol{margin:0 0 var(--space-md) var(--space-lg);color:#444;line-height:1.7}.article-body li{margin-bottom:6px}.article-body a{color:var(--color-article-accent);text-decoration:none}.article-body a:hover{text-decoration:underline}.article-body figure{margin:var(--space-lg) auto;text-align:center;max-width:240px}.article-body figure img{border-radius:var(--radius-md);background:#fafafa;width:auto;max-width:100%;height:auto;max-height:200px}.article-body figcaption{font-size:var(--font-size-sm);color:#6b7280;margin-top:8px;font-style:italic;line-height:1.4}.article-body .article-step-figure{max-width:200px}.article-body .article-step-figure img{max-height:180px}.article-body .article-figure-row{gap:var(--space-md);margin:var(--space-lg) 0;flex-wrap:wrap;justify-content:center;display:flex}.article-body .article-figure-row figure{flex:0 200px;max-width:200px;margin:0}.article-body .article-figure-row img{max-height:160px}.article-body .article-redflags{border:1px solid #fecaca;border-left:4px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-md) 20px;margin:var(--space-lg) 0;background:#fef2f2}.article-body .article-redflags h3{font-size:var(--font-size-base);color:#b91c1c;margin:0 0 var(--space-sm)}.article-body .article-redflags ul{color:#444;margin:0 0 0 20px}.article-body .article-redflags li{margin-bottom:var(--space-xs)}.article-sources{margin-top:var(--space-xl);padding:var(--space-md) 20px;border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0}.article-sources h3{color:#475569;margin:0 0 var(--space-sm);font-size:.95rem}.article-sources ul{margin:0;padding:0;list-style:none}.article-sources li{font-size:var(--font-size-sm);color:#64748b;margin-bottom:var(--space-xs);line-height:1.6}.article-sources li strong{color:#475569}.article-cta{border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg);text-align:center;background:linear-gradient(135deg,#e8f5e9,#f0fdf4);border:1px solid #c8e6c9}.article-cta-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-light);margin-bottom:var(--space-sm);font-size:.7rem}.article-cta h3{font-size:var(--font-size-lg);color:var(--color-card-title);margin-bottom:var(--space-sm)}.article-cta p{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:.9rem}.article-cta-button{background:var(--color-success);color:#fff;border-radius:var(--radius-md);padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.article-cta-button:hover{background:var(--color-success-dark)}.article-preview-banner{border-radius:var(--radius-md);color:#92400e;font-weight:600;font-size:var(--font-size-sm);text-align:center;margin-bottom:var(--space-md);background:#fef3c7;border:2px solid #f59e0b;padding:10px 16px}.article-disclaimer{margin-top:var(--space-xl);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-muted);background:#fef9e7;border:1px solid #f0e6b0;line-height:1.5}.article-related{padding-top:var(--space-xl);border-top:1px solid var(--color-border);margin-top:40px}.article-related h3{font-size:var(--font-size-lg);color:var(--color-card-title);margin-bottom:var(--space-md)}.article-related-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.article-related-card{border:1px solid var(--color-border);padding:var(--space-md) 20px;color:inherit;background:#fff;border-radius:10px;text-decoration:none;transition:box-shadow .2s,border-color .2s;display:block}.article-related-card:hover{border-color:var(--color-article-accent);box-shadow:0 2px 8px #0000000f}.article-related-card h4{color:var(--color-card-title);margin:4px 0 var(--space-sm);font-size:.95rem;font-weight:600;line-height:1.4}@media (width<=768px){.articles-grid{grid-template-columns:1fr}.article-meta{gap:var(--space-xs);flex-direction:column}.article-related-grid{grid-template-columns:1fr}}