/* Shared ⓘ info button and its explanation popover — behaviour in assets/js/info-tip.js */
.info-tip { border: 0; background: none; padding: 0 4px; margin: 0; color: #9aa1a9; font-size: 15px; line-height: 1; vertical-align: middle; cursor: pointer; border-radius: 50%; }
.info-tip:hover,
.info-tip[aria-expanded="true"] { color: #04a9f5; }
.info-tip:focus { outline: none; }
.info-tip:focus-visible { color: #04a9f5; box-shadow: 0 0 0 2px rgba(4, 169, 245, .35); }

/* The popover is appended to the page body. */
.info-tip-popover { max-width: 360px; border-color: #e6e9ee; box-shadow: 0 6px 24px rgba(0, 0, 0, .12); }
.info-tip-popover .popover-body { font-size: 12.5px; color: #555; }
.info-tip-popover .info-tip-list { margin: 0; padding-inline-start: 18px; }
.info-tip-popover .info-tip-list li { margin-bottom: 5px; }
.info-tip-popover .info-tip-list li:last-child { margin-bottom: 0; }