.tag{padding:5px 14px;border-radius:20px;font-size:13px;border:.5px solid var(--color-border-secondary);background:var(--color-background-primary);color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.tag:hover{border-color:var(--color-border-primary);color:var(--color-text-primary)}.tag.active{background:#185fa5;border-color:#185fa5;color:#e6f1fb}.card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);padding:1rem 1.25rem;cursor:pointer;transition:border-color .15s,transform .15s;text-decoration:none;display:flex;flex-direction:column;gap:10px}.card:hover{border-color:var(--color-border-primary);transform:translateY(-2px)}.card-icon{width:36px;height:36px;background:#e6f1fb;border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center}.card-icon.video{background:#fde8e8}.card-title{font-size:14px;font-weight:500;color:var(--color-text-primary);line-height:1.4}.card-desc{font-size:12px;color:var(--color-text-secondary);line-height:1.5;flex:1}.card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.card-tag{font-size:11px;padding:2px 8px;border-radius:10px;background:#e6f1fb;color:#0c447c}.empty{text-align:center;padding:3rem 0;color:var(--color-text-secondary);font-size:14px;grid-column:1/-1}