.method-interactive{padding:0;overflow:hidden;border-radius:12px;box-shadow:0 8px 30px -24px #244d67}
#method-fallback{padding:28px 24px 8px}
#method-stage svg{display:block;width:100%;height:auto}
.method-demo-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 26px 0;border-top:1px solid #e8edf0}
.method-demo-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.method-demo-buttons button:disabled{cursor:default;opacity:.45}
.method-demo-buttons button:disabled:hover{background:#eef5f9;border-color:#b9cfdd}
.method-gif{font-size:12px;white-space:nowrap;text-decoration:none}
.method-gif span{margin-left:5px}
.method-interactive figcaption{font-size:12px;text-align:left;margin:0;padding:14px 26px 20px;color:var(--muted);min-height:54px}
@media(max-width:900px){#method-stage svg{max-width:440px;margin-inline:auto}}
@media(max-width:640px){.method-demo-controls{padding:15px 16px 0;align-items:flex-start;flex-wrap:wrap;gap:14px}.method-interactive figcaption{padding:13px 16px 17px;font-size:11px}.method-gif{font-size:11px}.method-demo-buttons{gap:8px}.method-demo-buttons .demo-button{font-size:11px}#method-fallback{padding:14px 8px}}