/* "Add this to your website" badge box on /tn/<town>/biz/<slug>/ pages (PREVIEW 2026-10-30). Site palette only. */
.badge-box{max-width:620px;margin:22px 0 6px;padding:12px 14px 10px;border:1px dashed var(--rule);background:#fffdf3;font:14px/1.5 system-ui,sans-serif;color:var(--ink)}
.badge-box h4{margin:0 0 2px;font:700 12px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.badge-box .badge-lede{margin:0 0 8px}
.badge-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 8px}
.badge-row .badge-prev{display:inline-block;line-height:0}
.badge-row .badge-prev img{display:block;width:200px;height:60px}
.badge-pick{display:flex;flex-wrap:wrap;gap:2px 12px;font-size:13px;color:var(--muted)}
.badge-pick label{white-space:nowrap;cursor:pointer}
.badge-pick[hidden]{display:none}
.badge-code-l{display:block;font-size:12px;color:var(--muted);margin:0 0 2px}
.badge-code{display:block;width:100%;box-sizing:border-box;min-height:72px;resize:vertical;padding:6px 8px;border:1px solid var(--rule);background:#fff;color:var(--ink);font:12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}
.badge-act{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:6px 0 0}
.badge-act .btn{font:700 14px Georgia,serif;padding:5px 12px}
.badge-act .btn[hidden]{display:none}
.badge-done{font-size:13px;color:var(--accent);font-weight:700}
.badge-note{margin:6px 0 0;font-size:12px;color:var(--muted)}
@media (max-width:520px){.badge-box{margin:18px 0 6px;padding:10px 10px 8px}}
@media print{.badge-box{display:none}}