/* Method Diagram demo: the notice for phones and narrow windows (gate.js). The editor's own CSS is not loaded there, so this
   file styles the page alone: light by default, dark when the editor's theme (mdm-boot.js) or the system says so */
body{margin:0}
.mdm-gate{box-sizing:border-box;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;
  padding:24px 16px;background:#F5F5F7;color:#1D1D1F;font:400 17px/1.47 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter","Helvetica Neue",Arial,sans-serif}
.mdm-gate[hidden]{display:none}
.mdm-gate__card{box-sizing:border-box;width:100%;max-width:420px;padding:28px 24px;border-radius:24px;background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.04),0 10px 30px -10px rgba(16,24,40,.18)}
.mdm-gate__mark{display:flex;align-items:center;gap:6px;margin:0 0 18px}
.mdm-gate__mark i{display:block;width:22px;height:16px;border-radius:4px;background:#1F62D0}
.mdm-gate__mark i+i{width:18px;height:14px;border-radius:999px;background:#1C8C4E}
.mdm-gate__k{margin:0 0 6px;color:#08704E;font-size:.875rem;font-weight:600}
.mdm-gate__t{margin:0 0 10px;font-size:1.625rem;line-height:1.15;font-weight:600;letter-spacing:-.02em}
.mdm-gate__d{margin:0 0 22px;color:#424245}
.mdm-gate__a{display:flex;flex-direction:column;gap:10px}
.mdm-gate__btn{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border:0;border-radius:999px;
  font-family:inherit;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;cursor:pointer}
.mdm-gate__btn--p{background:#1D1D1F;color:#fff}
.mdm-gate__btn--s{background:rgba(0,0,0,.06);color:#1D1D1F}
.mdm-gate__btn[hidden]{display:none}
.mdm-gate__btn:focus-visible{outline:2px solid #0071E3;outline-offset:2px}
[data-theme=dark] .mdm-gate{background:#111112;color:#F5F5F7}
[data-theme=dark] .mdm-gate__card{background:#1D1D1F;box-shadow:none}
[data-theme=dark] .mdm-gate__k{color:#5BF2C0}
[data-theme=dark] .mdm-gate__d{color:#A1A1A6}
[data-theme=dark] .mdm-gate__btn--p{background:#F5F5F7;color:#1D1D1F}
[data-theme=dark] .mdm-gate__btn--s{background:rgba(255,255,255,.1);color:#F5F5F7}