.mf-app-banner[hidden]{display:none!important}
.mf-app-banner{box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:14px max(3vw,20px);background:#edf5fc;border-bottom:1px solid #d8e6f3;color:#102b47;font-family:Arial,Helvetica,sans-serif}
.mf-app-banner img{border-radius:10px;flex:0 0 auto}
.mf-app-copy{display:grid;gap:4px;flex:1;min-width:0}
.mf-app-copy strong{font-size:15px;line-height:1.35}
.mf-app-copy span{font-size:13px;line-height:1.45;color:#49647b}
.mf-app-banner button,.mf-app-guide button{font:600 14px/1.4 Arial,Helvetica,sans-serif;cursor:pointer;border:1px solid #123c60;border-radius:9px;background:#123c60;color:#fff;padding:11px 16px}
.mf-app-banner button:disabled{opacity:.6;cursor:wait}
.mf-app-banner button:focus-visible,.mf-app-guide button:focus-visible{outline:3px solid #1389d4;outline-offset:3px}
.mf-app-guide{box-sizing:border-box;width:min(520px,calc(100% - 32px));max-height:85vh;overflow:auto;border:1px solid #cbdbea;border-radius:18px;padding:26px;color:#102b47;background:#fff;font:15px/1.6 Arial,Helvetica,sans-serif;box-shadow:0 20px 90px #0e294940}
.mf-app-guide::backdrop{background:#0b213b99}
.mf-app-guide h2{font-size:23px;line-height:1.25;margin:0 0 18px}
.mf-app-guide ol{padding-left:23px}.mf-app-guide li{margin:12px 0}
.mf-app-guide .mf-app-note{font-size:13px;background:#f1f6fb;padding:12px;border-radius:9px}
@media(max-width:560px){.mf-app-banner{gap:10px;flex-wrap:wrap;padding:12px 16px}.mf-app-banner img{width:42px;height:42px}.mf-app-copy{flex-basis:calc(100% - 60px)}.mf-app-banner button{width:100%}.mf-app-guide{padding:22px}}