.sm-example-badge{display:inline-flex;gap:4px;padding:1px 7px;border-radius:999px;border:1px solid var(--sm-border-brand,var(--sm-brand));color:var(--sm-brand);font-size:10.5px;font-weight:700;letter-spacing:.02em;line-height:1.5;text-transform:uppercase;white-space:nowrap;vertical-align:middle;flex-shrink:0}.sm-example-badge,.sm-example-banner{align-items:center;background:var(--sm-brand-bg)}.sm-example-banner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 20px;margin:0 0 18px;padding:14px 16px;border-radius:12px;border:1px solid var(--sm-border-brand,var(--sm-brand));color:var(--sm-text)}.sm-example-banner>div{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1 1 320px}.sm-example-banner-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--sm-card-bg);color:var(--sm-brand);border:1px solid var(--sm-border-brand,var(--sm-brand))}.sm-example-banner h2{margin:0 0 2px;font-size:14px;font-weight:700;line-height:1.35;color:var(--sm-text)}.sm-example-banner p{margin:0;font-size:13px;line-height:1.5;color:var(--sm-text-secondary)}.sm-example-banner-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.sm-example-banner-actions a,.sm-example-banner-actions button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;border:1px solid var(--sm-border);background:var(--sm-card-bg);color:var(--sm-text);font:inherit;font-size:12.5px;font-weight:600;line-height:1.3;text-decoration:none;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.sm-example-banner-actions a:hover,.sm-example-banner-actions button:hover:not(:disabled){border-color:var(--sm-brand);color:var(--sm-brand)}.sm-example-banner-actions button:disabled{opacity:.6;cursor:default}.sm-example-banner-error{flex-basis:100%;margin:0;font-size:12.5px;color:var(--sm-danger,#b91c1c)}@media (max-width:640px){.sm-example-banner{padding:12px 14px}.sm-example-banner-actions{width:100%}.sm-example-banner-actions a,.sm-example-banner-actions button{flex:1 1 auto;justify-content:center}}