.c-btn--ghost{background:transparent;border:1px solid currentColor;color:#0a7cff;}
.c-accordion{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;}
.c-accordion__item{border-top:1px solid #e5e7eb;padding:.75rem 1rem;}
.c-badge{display:inline-block;padding:.25rem .5rem;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:.75rem;font-weight:600;}
.c-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:999px;background:#f3f4f6;border:1px solid #e5e7eb;}
.c-alert{padding:.75rem 1rem;border-radius:.5rem;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;}
.c-avatar{display:inline-block;width:3rem;height:3rem;border-radius:999px;object-fit:cover;}
.c-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;}
.c-marquee{display:block;white-space:nowrap;overflow:hidden;animation:marquee 20s linear infinite;}
.c-tabs{display:flex;gap:.5rem;border-bottom:1px solid #e5e7eb;}
.c-card__media{display:block;width:100%;height:auto;border-top-left-radius:12px;border-top-right-radius:12px;}
.test-card{background:red}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}