.art-filters{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.art-filter{border:1px solid var(--border-base);color:var(--text-secondary-base);border-radius:var(--radius-pill-base);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);background:0 0;padding:8px 16px;font-weight:600}.art-filter.active{background:var(--grad-cta);color:var(--text-on-cta);border-color:var(--accent-cta)}.art-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.art-card{border:1px solid var(--border-base);border-radius:var(--radius-large);background:var(--white-base);transition:all var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.art-card:hover{box-shadow:var(--shadow-base-lg);transform:translateY(-3px)}.art-thumb{background:var(--grad-primary);aspect-ratio:16/8;color:var(--color-accent-light,var(--kfg-steel-light));font-family:var(--font-head);font-size:var(--text-lg);text-align:center;padding:var(--space-4);justify-content:center;align-items:center;line-height:1.3;display:flex}.art-body{padding:var(--space-6);flex-direction:column;flex:1;display:flex}.art-body .cat{font-size:var(--text-xs);color:var(--color-accent);text-transform:uppercase;letter-spacing:.6px;font-weight:700}.art-body h3{font-family:var(--font-head);font-size:var(--text-xl);color:var(--color-primary);margin:var(--space-2) 0 var(--space-3);font-weight:400}.art-body p.excerpt{font-size:var(--text-sm);color:var(--text-secondary-base);margin-bottom:var(--space-4);flex:1}.art-body .meta{font-size:var(--text-xs);color:var(--text-muted-base);font-weight:600}.article-body{max-width:760px}.article-body>p{color:var(--text-secondary-base);font-size:var(--text-lg);margin-bottom:var(--space-6);line-height:1.85}.article-body h2{font-family:var(--font-head);font-size:var(--text-2xl);color:var(--color-primary);margin:var(--space-10) 0 var(--space-4);font-weight:400}.article-disclaimer{margin-top:var(--space-12);padding:var(--space-5);background:var(--surface-base);border-left:3px solid var(--color-accent);border-radius:var(--radius-base);font-size:var(--text-xs);color:var(--text-muted-base);line-height:1.7}.article-cta{margin-top:var(--space-8);gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}@media (max-width:900px){.art-grid{grid-template-columns:1fr}}