/* modules/lang_tools/css/lang_tools.css (lang_tools module; was in assets/css/app.css) - the hover language debug outline and tip. */
.lang-debug-hl { outline: 2px dashed var(--accent-gold); outline-offset: 1px; }
#langDebugTip { position: fixed; z-index: 120; display: none; pointer-events: none; max-width: min(380px, calc(100% - 12px)); background: var(--color-ink); color: var(--color-white); border: 1px solid var(--navy-border); border-radius: var(--radius-md); padding: 8px 10px; font-size: 0.78rem; box-shadow: 0 6px 20px rgba(0,0,0,.35); }
#langDebugTip .ld-row + .ld-row { margin-top: 8px; padding-top: 6px; border-top: 1px solid var(--navy-border); }
#langDebugTip code { font-weight: 700; overflow-wrap: anywhere; }
#langDebugTip .ld-src { opacity: 0.7; margin-left: 4px; }
#langDebugTip .ld-ok { color: #6ee7a0; }
#langDebugTip .ld-miss { color: #ff9a9a; }