.cs-index-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (max-width:880px){.cs-index-grid{grid-template-columns:1fr}}.csi-card{background:var(--surface-sheen), linear-gradient(180deg, var(--surface-2), var(--surface-1));border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--ring-inset), var(--shadow-md);transition:border-color var(--dur-3) var(--ease-out), transform var(--dur-3) var(--ease-out), box-shadow var(--dur-3) var(--ease-out);display:block;overflow:hidden}.csi-card:hover{border-color:var(--border-hi);box-shadow:var(--ring-inset), var(--shadow-xl);transform:translateY(-4px)}.csi-visual{aspect-ratio:16/10;border-bottom:1px solid var(--border);position:relative;overflow:hidden}.csi-body{padding:28px 28px 32px}.csi-meta{font-family:var(--font-mono);color:var(--muted-2);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:12px;margin-bottom:14px;font-size:11px;display:flex}.csi-card h3{color:#fff;letter-spacing:-.026em;margin-bottom:8px;font-size:22px;font-weight:500}.csi-card p{color:var(--text-body);font-size:14.5px;line-height:1.65}.csi-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.csi-tag{font-family:var(--font-mono);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:11px}.csi-foot{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--muted-2);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;font-size:11px;display:flex}.csi-foot .arrow{color:var(--green);transition:transform var(--dur-3) var(--ease-out);display:inline-block}.csi-card:hover .csi-foot .arrow{transform:translate(4px)}.filters{flex-wrap:wrap;gap:10px;margin-bottom:40px;display:flex}.filter-pill{font-family:var(--font-mono);border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:color var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease-out), background var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);background:0 0;border-radius:999px;padding:8px 14px;font-size:12px}.filter-pill:hover{color:#fff;border-color:var(--border-hi);background:var(--surface-2)}.filter-pill.active{color:var(--green);border-color:var(--border-green);box-shadow:var(--ring-inset);background:linear-gradient(#7ed32124,#7ed3210d)}