/* A word with context glows when you point at it. Its explanation floats above the page and never
   moves the layout or catches a click. */
[data-rule-tip]{cursor:help;border-radius:2px;transition:text-shadow .15s ease,color .15s ease}
[data-rule-tip]:hover,[data-rule-tip][aria-describedby]{color:#fff;text-shadow:0 0 6px #d27bffcc,0 0 14px #9b30ff88}
[data-rule-tip]:focus-visible{outline:1px solid #d27bff;outline-offset:3px}
.rule-tooltip{position:fixed;z-index:1000;left:0;top:0;max-width:min(300px,calc(100vw - 24px));padding:10px 14px;border-left:2px solid #d27bff;background:#0e0a16;box-shadow:0 10px 30px #000000b3;color:#d9d1e6;font-family:var(--font);font-size:12.5px;font-weight:400;font-style:normal;letter-spacing:.01em;line-height:1.55;text-transform:none;text-align:left;text-shadow:none;white-space:normal;overflow-wrap:anywhere;pointer-events:none;animation:rule-tip-in .14s ease-out}
@keyframes rule-tip-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rule-tooltip{animation:none}}