.bg-guide{box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:26px;border:1px solid #475569;border-radius:18px;background:#111827;color:#f8fafc;box-shadow:0 24px 80px #0008;font:15px/1.65 system-ui,sans-serif;text-align:start;overflow:auto}
.bg-guide::backdrop{background:#0009}
.bg-guide h2{font-size:22px;line-height:1.4;color:inherit;margin:4px 0 16px;padding-inline-end:35px;overflow-wrap:anywhere}
.bg-guide .bg-guide-body{color:#e2e8f0;overflow-wrap:anywhere;margin:0 0 22px;overflow-x:auto}
.bg-guide-body p{margin:0 0 12px}
.bg-guide-body img,.bg-guide-body video,.bg-guide-body iframe{max-width:100%}
.bg-guide-body img,.bg-guide-body video{height:auto}
.bg-guide-body a{color:#a5b4fc;text-decoration:underline}
.bg-guide-body table{max-width:100%;border-collapse:collapse}
.bg-guide button{font:inherit;cursor:pointer;min-height:44px;border-radius:9px;border:1px solid #64748b;padding:9px 15px;background:#1e293b;color:#f8fafc;white-space:normal;overflow-wrap:anywhere}
.bg-guide button:focus-visible{outline:3px solid #a5b4fc;outline-offset:3px}
.bg-guide .bg-close{position:absolute;inset-inline-end:12px;top:10px;padding:0;width:44px;font-size:24px;border:0;background:transparent}
.bg-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}
.bg-guide .bg-choice{background:#4338ca;border-color:#6366f1}
.bg-guide .bg-back{border:0;background:transparent;padding:0;margin-inline-end:44px;color:#cbd5e1;font-size:13px}
@media(max-width:420px){.bg-guide{padding:20px}.bg-actions{grid-template-columns:1fr}}