.wosfp { padding: .5rem; }
.wosfp label { display:block; margin:.25rem 0; }
.wosfp textarea { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.wosfp .wosfp-team-advice { margin:.25rem 0 .75rem; }

.wosfp .wosfp-help { display:inline-block; width:1.2em; height:1.2em; line-height:1.2em; text-align:center; border-radius:50%; border:1px solid currentColor; font-weight:700; margin-left:.25rem; cursor:help; position:relative; }
.wosfp .wosfp-help::after {
  content: attr(data-tooltip);
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% + 6px);
  background: rgba(0,0,0,.85);
  color:#fff;
  font-size:.85em;
  padding:.35rem .5rem;
  border-radius:6px;
  white-space:normal;
  width: 260px;
  max-width: 80vw;
  opacity:0;
  pointer-events:none;
  transition: opacity .15s ease;
  z-index: 9999;
}
.wosfp .wosfp-help:hover::after, .wosfp .wosfp-help.active::after { opacity:1; }