.hb-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 8px}
.hb-duo figure{margin:0;min-width:0}
.hb-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#000}
.hb-frame iframe{position:absolute;left:0;top:0;width:1280px;height:720px;border:0;transform-origin:0 0;transform:scale(.33)}
.hb-duo figcaption{margin-top:6px;font-size:.9rem}
.mx-article pre.hb-prompt{white-space:pre-wrap;word-break:break-word;font-size:.85rem}
@media (max-width:760px){.hb-duo{grid-template-columns:1fr}.hb-frame iframe{transform:scale(.28)}}