.mag-help-button{display:inline-flex;align-items:center;justify-content:center;background:#eef7fb;color:#075574;border:1px solid #b7d8e7;border-radius:20px;padding:5px 12px;font:600 13px/1.4 system-ui;cursor:pointer;margin:5px 0;min-height:34px}
.mag-help-button:hover{background:#d9edf7}.mag-help-button:focus-visible,.mag-help-dialog a:focus-visible,.mag-help-dialog button:focus-visible{outline:3px solid #007ba8;outline-offset:3px}
.mag-help-dialog{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;border:0;padding:0;background:#fff;color:#193449;box-shadow:-10px 0 40px #0003;font:16px/1.6 system-ui}
.mag-help-dialog[open]{display:flex;flex-direction:column}.mag-help-dialog::backdrop{background:#0a253855}
.mag-help-dialog header{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #dce5ea}.mag-help-dialog h2{font-size:21px;line-height:1.3;margin:0;flex:1}.mag-help-dialog header button{border:0;background:#eef3f6;border-radius:50%;font-size:26px;min-width:44px;min-height:44px;cursor:pointer}
.mag-help-body{flex:1;min-height:0;overflow:auto;padding:12px 24px}.mag-help-body p{margin:14px 0}.mag-help-dialog footer{display:flex;flex-wrap:wrap;gap:16px;padding:18px 24px;border-top:1px solid #dce5ea}.mag-help-dialog a{color:#006b8f;font-weight:600}
@media(max-width:600px){.mag-help-dialog{width:100vw}.mag-help-dialog header,.mag-help-body,.mag-help-dialog footer{padding-left:18px;padding-right:18px}}