.gl-term {
color: inherit;
text-decoration: underline dotted;
text-decoration-color: var(--accent-2, #e0573e);
text-underline-offset: 3px;
cursor: help;
}
.gl-term:hover, .gl-term:focus-visible {
color: var(--title, #f4ecd8);
text-decoration-style: solid;
}
#gl-tip {
position: fixed; z-index: 4000;
max-width: min(320px, calc(100vw - 16px));
padding: 10px 12px;
background: var(--panel-2, #23272e); color: var(--text, #e8e6e0);
border: 1px solid var(--line-2, #3a3e46); border-radius: 8px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.45);
font-size: 13px; line-height: 1.5;
}
#gl-tip .gl-name { display: block; color: var(--title, #f4ecd8); font-size: 14px; margin-bottom: 3px; }
#gl-tip .gl-desc { display: block; color: var(--sand, #c4c0b3); }
#gl-tip .gl-open {
display: inline-block; margin-top: 7px;
color: var(--accent-2, #e0573e); text-decoration: none; font-weight: 600; font-size: 12px;
}
#gl-tip .gl-open:hover { text-decoration: underline; }
[hidden] { display: none !important; }