.so{flex-direction:column;gap:16px;display:flex}.so-start{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.so-start small{color:var(--d-muted,#6f6a7a);max-width:56ch;font-size:11.5px;line-height:1.7}.so-state{border:1px solid var(--d-line,#e7e2ed);border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.so-state>p{color:var(--d-muted,#6f6a7a);max-width:62ch;margin:0;font-size:12px;line-height:1.7}.so-state dl{flex-wrap:wrap;gap:10px 28px;margin:0;display:flex}.so-state dl>div{min-width:0}.so-state dt{letter-spacing:.06em;text-transform:uppercase;color:var(--d-muted,#8a8593);font-size:10px}.so-state dd{color:var(--d-ink,#262532);margin:2px 0 0;font-size:12px}.so-state dd.is-on{color:#2c6b46;font-weight:550}.so-state code{overflow-wrap:anywhere;font-size:11.5px}.so-embed{border:1px solid var(--d-line,#e7e2ed);background:#fff;border-radius:10px;min-height:320px;padding:14px}.so-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:760px){.so-embed{padding:10px}.so-actions .d-button{flex:auto;min-height:44px}.so-state dl{gap:12px 18px}}.so-confirm{border:1px solid var(--d-line,#e7e2ed);background:#fff;border-radius:10px;flex-direction:column;gap:10px;max-width:60ch;padding:14px 16px;display:flex}.so-confirm strong{color:var(--d-ink,#262532);font-size:13px}.so-confirm p{color:var(--d-muted,#6f6a7a);margin:0;font-size:12px;line-height:1.7}.so-doors{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;width:100%;max-width:640px;display:grid}.so-door{border:1px solid var(--d-line,#e7e2ed);background:#fff;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px;display:flex}.so-door strong{color:var(--d-ink,#262532);font-size:13px}.so-door p{color:var(--d-muted,#6f6a7a);flex:1;margin:0;font-size:12px;line-height:1.65}@media (max-width:760px){.so-doors{grid-template-columns:1fr}.so-door .d-button{width:100%;min-height:44px}}
