/* The embeddable Link Authority badge block (src/authority-pages.mjs badgeBlock, public/saas/authority-checker.js):
   the preview image, the read-only embed code and its copy button. Used on /authority/<domain> and the checker. */
.mk-badge-embed{display:grid;gap:8px;margin:14px 0;padding:14px 16px;border:1px solid #e5e5e5;border-radius:12px;background:#fafafa}
.mk-badge-preview{margin:0;line-height:0}
.mk-badge-preview img{max-width:100%;height:auto}
.mk-badge-embed label{font-size:13px;font-weight:600;color:#404040}
.mk-badge-code{width:100%;min-height:72px;padding:10px 12px;border:1px solid #d4d4d4;border-radius:8px;background:#fff;color:#171717;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical;word-break:break-all}
.mk-badge-code:focus{outline:2px solid #111;outline-offset:1px}
.mk-badge-copy{justify-self:start;padding:8px 14px;border:1px solid #111;border-radius:8px;background:#111;color:#fff;font:inherit;font-size:13px;cursor:pointer}
.mk-badge-copy:focus-visible{outline:2px solid #111;outline-offset:2px}
.mk-badge-note{margin:0;color:#525252;font-size:13px;line-height:1.5}
