/* /badge only: verification flow, preview and embed code. */
.badge-flow{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;margin:24px 0 8px;align-items:start}
.badge-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;min-width:0}
.badge-box:focus{outline:none}
.badge-box .h3{margin-top:0}
.badge-error{margin:0 0 16px}
.badge-error p{margin:0 0 .4em}
.badge-error-title{font-weight:700}
.badge-form{margin:0}
.badge-actions,.badge-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 0}
.badge-record{margin:0 0 12px;display:grid;gap:10px}
.badge-record div{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:8px;align-items:baseline}
.badge-record dt{font-weight:700;color:var(--text-2)}
.badge-record dd{margin:0;min-width:0;overflow-wrap:anywhere}
.badge-record .code{margin:0}
.badge-why{border-left:4px solid var(--warn-line);padding:2px 0 2px 14px}
.badge-embed{margin:16px 0}
.badge-embed-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 8px}
.badge-samples{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 12px}
.badge-sample{margin:0;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:#fff}
.badge-sample-dark,.badge-img-dark{background:#0d1117}
.badge-img-dark{padding:6px;border-radius:var(--radius)}
.badge-sample img,.badge-img{display:block;height:auto}
.badge-sample figcaption{margin-top:6px;font-size:.8rem;color:var(--text-3)}
.badge-sample-dark figcaption{color:#9198a1}
@media (max-width:860px){.badge-flow{grid-template-columns:1fr}}