/* V15 - Fix readability and always-available gadget hover descriptions. */
.cy-page .si-toc-hint, .cy-contents-band .si-toc-hint {
  background:#f8f4ff !important;
  color:#28143d !important;
  border-left:5px solid #ff812c !important;
  box-shadow:0 2px 6px rgba(20,7,43,.12);
  font-weight:650;
}
.si-discovery { overflow:visible !important; }
.si-discovery-button { position:relative !important; overflow:visible !important; }
/* CSS-only information reveal works independently of JavaScript. */
.si-discovery-button::after {
 content:attr(data-si-tip);
 position:absolute;
 bottom:calc(100% + 7px);
 left:50%;
 transform:translate(-50%,6px);
 z-index:1000;
 box-sizing:border-box;
 width:max-content;
 max-width:min(290px,calc(100vw - 28px));
 min-width:min(210px,calc(100vw - 28px));
 white-space:normal;
 border:1px solid #c2a1fb;
 border-radius:12px;
 background:#28133f;
 color:#fff;
 padding:12px 14px;
 font:600 13px/1.45 system-ui,sans-serif;
 text-align:left;
 box-shadow:0 12px 30px rgba(15,4,35,.36);
 opacity:0;
 visibility:hidden;
 pointer-events:none;
 transition:opacity .17s ease,transform .17s ease;
}
.si-discovery-button:hover::after,.si-discovery-button:focus-visible::after {
 opacity:1;
 visibility:visible;
 transform:translate(-50%,0);
}
/* The old popup is superseded by the dependable CSS tooltip. */
#si-gadget-tooltip {display:none !important;}
.cy-contents-band .si-discovery-button::after {background:#faf6ff;color:#28143d;border-color:#ceafff;}
@media(max-width:650px){.si-discovery-button::after{font-size:12px;}}
@media(prefers-reduced-motion:reduce){.si-discovery-button::after{transition:none;}}