.badge-page .bp-variants{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0;margin:0 0 12px}
.badge-page .bp-variant{padding:22px;background:var(--wp-paper);border:1px solid var(--wp-ink);border-radius:8px;box-shadow:5px 5px 0 var(--wp-cyan)}
.badge-page .bp-variant img{display:block;width:100%;max-width:248px;height:auto;background:#242044;border-radius:8px}
.badge-page .bp-live{margin:16px 0;padding:18px;background:#211b39;border-radius:8px}
.badge-page .bp-live a{display:inline-block}
.badge-page .bp-live img{display:block;max-width:100%;height:auto}
.badge-page code{font:12px/1.5 var(--mono,monospace);background:#59dbea33;padding:1px 5px;border-radius:3px}
@media(max-width:800px){.badge-page .bp-variants{grid-template-columns:1fr}}