@layer components{.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--c-surface2);color:var(--c-muted);border-radius:3px;padding:.25rem .65rem;white-space:nowrap;vertical-align:middle}.badge--online{color:#166534}.badge--free,.badge--online{background:#dcfce7}.badge--paid{background:#fef3c7;color:#78350f}.badge--in-person{background:#ffedd5;color:#7c2d12}.badge--hybrid{background:#ede9fe}.badge--sold-out{background:#fee2e2}}.demo-event-label{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#dc2626;border-radius:3px;padding:.25rem .65rem;white-space:nowrap;vertical-align:middle}