.badge-embed{margin:2rem 0 0;padding:1rem 1.25rem;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:rgba(248,250,252,.7);font-size:.9rem}
.badge-embed-head{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}
.badge-embed-head h2{font-size:1rem;margin:0}
.badge-embed-head a{margin-left:auto;font-size:.85rem}
.badge-embed p{margin:.5rem 0;color:#64748b}
.badge-snippet{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}
.badge-snippet span{flex:0 0 5rem;font-weight:600;font-size:.8rem;color:#475569}
.badge-snippet code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;padding:.4rem .6rem;border-radius:6px;background:#0f172a;color:#e2e8f0;font-size:.78rem}
.badge-copy{flex:0 0 auto;padding:.35rem .7rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer;font-size:.8rem}
.badge-copy:hover{background:#f1f5f9}
.badge-pre{overflow-x:auto;padding:.75rem;border-radius:8px;background:#0f172a;color:#e2e8f0;font-size:.8rem}
.badge-styles td{padding:.4rem .75rem .4rem 0;vertical-align:middle}