.tip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-primary-50,#e0f0ff);border:1px solid var(--color-primary,#0f4c75);color:var(--color-primary,#0f4c75);font-size:.65rem;font-weight:700;cursor:help;position:relative;vertical-align:middle;margin-left:4px;flex-shrink:0;line-height:1;}
.tip-icon::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#1a1a2e;color:#fff;font-size:.72rem;font-weight:400;line-height:1.45;padding:.4rem .65rem;border-radius:.375rem;white-space:normal;width:220px;pointer-events:none;opacity:0;z-index:9990;transition:opacity .15s;text-align:left;}
.tip-icon:hover::after,.tip-icon:focus::after{opacity:1;}