/* Contextual "?" help pointers + bubble. Themed to match help-card vocabulary. */
.help-dot{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;
  margin-left:4px;border-radius:50%;border:1px solid var(--border-color,#bbb);
  color:var(--text-secondary,#777);background:transparent;font-size:10px;font-weight:700;
  line-height:1;cursor:help;opacity:.6;vertical-align:middle;user-select:none;
  transition:opacity .12s,color .12s,border-color .12s}
.help-dot:hover,.help-dot:focus{opacity:1;color:var(--primary-color,#2563eb);
  border-color:var(--primary-color,#2563eb);outline:none}
.help-dot:focus-visible{box-shadow:0 0 0 2px var(--primary-color,#2563eb)}
#tf-tooltip{position:absolute;z-index:1300;max-width:280px;padding:8px 10px;border-radius:8px;
  background:var(--bg-primary,#fff);color:var(--text-primary,#111);
  border:1px solid var(--border-color,#d0d0d0);box-shadow:var(--shadow-lg,0 8px 30px rgba(0,0,0,.18));
  font-size:12.5px;line-height:1.45;pointer-events:none;opacity:0;transform:translateY(2px);
  transition:opacity .1s,transform .1s;white-space:normal}
#tf-tooltip.is-visible{opacity:1;transform:none}
#tf-tooltip.is-pinned{pointer-events:auto}