.signature-method-choice { position: relative; min-width: 0; display: grid; }
.signature-method-choice > label,
.signature-method-choice > button { box-sizing: border-box; width: 100%; height: 100%; padding-right: 48px !important; }
.signature-method-help { position: absolute; top: 7px; right: 7px; }
.signature-method-help__button { display: grid; place-items: center; width: 34px; height: 34px; padding: 7px; border: 0; border-radius: 50%; background: transparent; color: #51665e; cursor: help; }
.signature-method-help__button:hover,
.signature-method-help__button:focus-visible { background: #e5eee9; outline: 2px solid #217461; outline-offset: 1px; }
.signature-method-help__button svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.8; }
.signature-method-help-balloon { position: fixed; inset: auto; margin: 0; width: min(340px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow-y: auto; box-sizing: border-box; padding: 16px; border: 1px solid #d4ded8; border-radius: 14px; background: #fff; color: #263c32; box-shadow: 0 12px 36px #102b2229; font: 13px/1.55 system-ui, sans-serif; }
.signature-method-help-balloon strong { display: block; font-size: 14px; line-height: 1.4; }
.signature-method-help-balloon span { display: block; margin-top: 9px; }