.help-hint { display: inline-flex; vertical-align: middle; margin-inline-start: .25rem; text-transform: none; letter-spacing: normal; }
.help-hint-trigger { display: inline-grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 1px solid #8294aa; border-radius: 50%; background: #f4f8fc; color: #254b78; font: 700 15px/1 Georgia, serif; cursor: help; }
.help-hint-trigger:hover, .help-hint-trigger[aria-expanded="true"] { background: #dfeafa; border-color: #315c94; }
.help-hint-trigger:focus-visible { outline: 3px solid #315c94; outline-offset: 3px; }
.help-hint-text { position: fixed; z-index: 2000; box-sizing: border-box; max-width: min(290px, calc(100vw - 24px)); padding: 12px 14px; border: 1px solid #c7d4e4; border-radius: 8px; background: #fff; color: #18283d; font: 400 .9375rem/1.5 system-ui, sans-serif; white-space: normal; text-align: left; text-transform: none; letter-spacing: normal; overflow-wrap: anywhere; box-shadow: 0 5px 20px rgb(18 35 56 / 18%); }
.help-hint-text[hidden] { display: none !important; }
.help-hint-text { max-height: calc(100vh - 24px); overflow-y: auto; }
.version-safety { border-inline-start: 4px solid #315c94; }
.version-pause { border-inline-start: 4px solid #b17810; background: #fffaf0; }
.version-pause time { font-weight: 700; }
.version-fingerprint { overflow-wrap: anywhere; }
.version-confirm { display: flex; gap: .65rem; align-items: start; margin: 1rem 0; }
.version-confirm input { width: 20px; height: 20px; flex: 0 0 auto; margin-top: .2rem; }
[data-safe-submit] label { display: block; margin-top: .75rem; }
[data-safe-submit] label.version-confirm { display: flex; }
[data-safe-submit] button:disabled { opacity: .65; cursor: wait; }
@media (pointer: coarse) { .help-hint-trigger { width: 40px; height: 40px; } }