/* Badge / Chip Component */
.c-badge, .badge, .meta-chip, .guide-meta span, .access-badge { --badge-bg: var(--color-accent-soft); --badge-fg: var(--color-accent); display:inline-flex; align-items:center; font-weight:600; font-size: var(--font-size-2xs); letter-spacing:.5px; text-transform:uppercase; line-height:1; padding:4px 8px; border-radius: var(--radius-pill); background: var(--badge-bg); color: var(--badge-fg); white-space:nowrap; }
.c-badge--sm { font-size:9px; padding:3px 6px; }
.c-badge--lg { font-size: var(--font-size-xs); padding:6px 10px; }
.c-badge--accent { --badge-bg: var(--color-accent-soft); --badge-fg: var(--color-accent); }
.c-badge--gold { --badge-bg: var(--color-gold-soft); --badge-fg: var(--color-accent); }
.c-badge--danger, .badge[data-kind="danger"], .access-badge.access-subscriber { --badge-bg:#ffe8e8; --badge-fg: var(--color-danger); }
.c-badge--warn, .badge[data-kind="warn"], .access-badge.access-premium { --badge-bg:#fff4dc; --badge-fg: var(--color-warn); }
.c-badge--outline { background:transparent; border:1px solid var(--color-accent-soft-border); }
.access-badge { position:absolute; top:12px; right:12px; box-shadow:0 2px 4px rgba(0,0,0,0.15); font-size:10px; }
.meta-chip { background: var(--color-accent-soft); border:1px solid var(--color-accent-soft-border); color: var(--color-accent); font-size:10px; letter-spacing:.4px; text-transform:none; }
.guide-meta span { font-size:11px; font-weight:500; text-transform:none; }