.demo-badge{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;background:rgba(255,147,54,.15);border:1px solid rgba(255,147,54,.3);border-radius:var(--r-pill);padding:2px 8px;font-family:var(--font-micro);font-size:9.5px;font-weight:600;line-height:1.6;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:var(--orange-dark)}.demo-badge svg{width:11px;height:11px;flex-shrink:0}.demo-badge--icon{padding:3px;gap:0}.demo-banner{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;padding:4px 10px 4px 8px;background:var(--orange-tint);border:1px solid rgba(255,147,54,.3);border-radius:var(--r-pill);font-family:var(--font-body);font-size:11.5px;line-height:1.4;color:var(--navy);white-space:nowrap;max-width:100%}.demo-banner>svg{width:13px;height:13px;flex-shrink:0;color:var(--orange-dark)}.demo-banner strong{font-family:var(--font-micro);font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--orange-dark)}.demo-banner-sources{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.demo-banner-sources:before{content:"\00b7";margin-right:6px}@media (max-width:768px){.demo-banner{font-size:11px;padding:3px 9px 3px 7px}}