.help-tip{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;padding:0;border-radius:999px;border:1.5px solid var(--control);background:transparent;color:var(--muted);font:700 12px/1 var(--font-ui),sans-serif;cursor:help;transition:background-color .15s,color .15s,border-color .15s}.help-tip:hover,.help-tip[data-state=open]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.help-tip__card{min-height:0;z-index:1100;display:grid;gap:6px;width:min(300px,calc(100vw - 32px));padding:14px 16px;background:var(--text);color:var(--bg);border-radius:12px;font-size:var(--fs-small);line-height:1.5;box-shadow:0 16px 40px -16px rgb(var(--shadow)/.45);animation:help-tip-in .16s ease-out}.help-tip__card strong{font-size:14px}.help-tip__card--wide{width:min(460px,calc(100vw - 32px));max-height:min(70dvh,560px);overflow-y:auto;overscroll-behavior:contain}.help-tip__card .help-tip__arrow{fill:var(--text)}@keyframes help-tip-in{0%{opacity:0;transform:translateY(-4px)}}.help-tip{position:relative}.help-tip:after{content:"";position:absolute;inset:-11px}@media (pointer:coarse){.help-tip{width:28px;height:28px;font-size:14px}.help-tip__card{width:min(340px,calc(100vw - 24px));padding:16px 18px;font-size:15px}.help-tip__card strong{font-size:16px}}