/* Global tooltips. The browser's native title tooltip is drawn by the OS just under the mouse pointer,
   so a large Windows cursor buries its first word. This one is anchored to the ELEMENT instead: above it
   by default, flipped below when there is no room (page headers), and clamped inside the viewport. Paired
   with js/tooltips.js, which supplies the markup. If that script fails or never loads, nothing here
   applies and the browser's own title tooltips simply come back. */
.arg-tip{position:fixed; top:0; left:0; z-index:1000000; max-width:22rem; padding:.35rem .55rem; font-family:var(--font-primary); font-size:.78rem; line-height:1.35; color:#FFF; background:var(--color-body, #27282A); border-radius:.25rem; box-shadow:0 .25rem .5rem rgba(0,0,0,.25); pointer-events:none; opacity:0; visibility:hidden; overflow-wrap:break-word; transition:opacity .12s ease}
.arg-tip.arg-tip-show{opacity:1; visibility:visible}

@media (prefers-reduced-motion:reduce){
.arg-tip{transition:none}
}