.strux-policy-hint { position: relative; display: block; margin: 6px 0 10px; width: fit-content; }
.strux-policy-hint-button {
  padding: 2px 0 !important;
  min-height: 26px !important;
  height: auto !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--sx-link, var(--accent, #235b73)) !important;
  font: 500 12px/20px var(--sx-body, var(--body, sans-serif)) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: help;
}
.strux-policy-tooltip {
  display: none;
  position: absolute;
  z-index: 80;
  top: 100%;
  left: 0;
  width: min(310px, calc(100vw - 60px));
  padding: 12px 14px;
  border: 1px solid var(--sx-border, var(--line, #ccd3d9));
  border-radius: 8px;
  background: #fffefa;
  color: #26313c;
  box-shadow: 0 8px 22px #17243120;
  font: 400 13px/1.6 var(--sx-body, var(--body, sans-serif));
  text-align: left;
}
.strux-policy-hint:not(.is-dismissed):is(:hover, :focus-within) .strux-policy-tooltip { display: block; }
html[data-sx-theme=dark] .strux-policy-tooltip { background: #1c2833; color: #edf1f3; }
.strux-policy-copy { display: block; margin: 5px 0 12px; color: var(--sx-muted, var(--muted, #57616c)); font-size: 13px; line-height: 1.6; }