.gl{position:relative;display:inline;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:help;text-decoration:underline dotted;text-underline-offset:3px}
.gl:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.gl-tip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:min(280px,80vw);background:#fff;color:#222;border:1px solid #ddd;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.18);padding:0 0 10px;font-size:.9rem;line-height:1.4;text-align:left;z-index:50;visibility:hidden;opacity:0;transition:opacity .15s}
.gl-tip img{display:block;width:100%;height:auto;border-radius:10px 10px 0 0;margin-bottom:8px}
.gl-tip span{display:block;padding:0 12px}
.gl:hover .gl-tip,.gl:focus .gl-tip,.gl.open .gl-tip{visibility:visible;opacity:1}