/* Speed up your net worth: article hub */
.su .crumb { margin-top: 20px; }
.su .crumb a { color: var(--ink-soft); }
.filters { display: flex; flex-wrap: wrap; gap: 10px; margin: 8px 0 32px; }
.filter { min-height: 44px; padding: 0 18px; border-radius: 999px; border: 2px solid var(--line); background: var(--surface); color: var(--ink); font: 600 .95rem var(--font-b); cursor: pointer; }
.filter:hover { border-color: var(--ink-soft); }
.filter[aria-pressed="true"] { background: var(--ink); color: var(--bg); border-color: var(--ink); }
.arts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.art { background: var(--surface); border: 1px solid var(--line); border-radius: 24px; padding: 16px 16px 24px; display: flex; flex-direction: column; }
.art[hidden] { display: none; }
.art__art { aspect-ratio: 16 / 9; border-radius: 16px; margin-bottom: 18px; }
.art__art--business { background: linear-gradient(135deg, #3a244e, #b65058); }
.art__art--ecommerce { background: linear-gradient(135deg, #703660, #e87c50); }
.art__art--realestate { background: linear-gradient(135deg, #1f3a3a, #5a2f58); }
.art__art--career { background: linear-gradient(135deg, #b65058, #fcb662); }
.art__art--investing { background: linear-gradient(135deg, #2c6f8c, #3a244e); }
.art__art--spending { background: linear-gradient(135deg, #e87c50, #ffd66e); }
.art__tag { margin: 0 8px; font-size: .85rem; font-weight: 600; color: var(--ember); }
.art h3 { font-size: 1.3rem; margin: 6px 8px 8px; }
.art > p:not(.art__tag):not(.art__meta) { margin: 0 8px; color: var(--ink-soft); }
.art__meta { margin: auto 8px 0; padding-top: 16px; display: flex; justify-content: space-between; align-items: center; gap: 8px; font-size: .9rem; color: var(--ink-soft); }
.soon { padding: 4px 12px; border-radius: 999px; background: var(--bg-tint); border: 1px solid var(--line); font-weight: 600; color: var(--ink); }
.su__fine { margin-top: 32px; }
@media (max-width: 900px) { .arts { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .arts { grid-template-columns: 1fr; } }
