/* Glossary hover-popover partial.
   Extracted from Views/Shared/_GlossaryPopovers.cshtml — keep edits here, not inline. */

    .gloss-term, .gloss-xref {
        text-decoration: none; border-bottom: 1px dashed rgba(120, 120, 120, .55);
        color: inherit; cursor: pointer;
    }
    .gloss-term:hover, .gloss-xref:hover { border-bottom-style: solid; border-bottom-color: #55a250; }
    html[data-theme="dark"] .gloss-term, html[data-theme="dark"] .gloss-xref { border-bottom-color: rgba(180, 180, 180, .5); }
    html[data-theme="dark"] .gloss-term:hover, html[data-theme="dark"] .gloss-xref:hover { border-bottom-color: #6fb56a; }

    /* Popover card. Appended to the page body, so it carries its own theme tokens (light here;
       dark/auto overrides below) and renders solid instead of see-through. */
    .gloss-pop {
        --surface: #ffffff; --rule: #dde3d6; --ink: #1c241a; --ink-soft: #46513f; --accent-ink: #2f5e2c;
        position: absolute; z-index: 9999; width: 320px; max-width: calc(100vw - 24px);
        background: var(--surface); border: 1px solid var(--rule); border-radius: 12px;
        box-shadow: 0 14px 36px rgba(0, 0, 0, .22); overflow: hidden; color: var(--ink);
        animation: glossPopIn .12s ease;
    }
    html[data-theme="dark"] .gloss-pop {
        --surface: #181d15; --rule: #2a3024; --ink: #eef1e8; --ink-soft: #c3ccb9; --accent-ink: #9ccf98;
    }
    @media (prefers-color-scheme: dark) {
        html[data-theme="auto"] .gloss-pop {
            --surface: #181d15; --rule: #2a3024; --ink: #eef1e8; --ink-soft: #c3ccb9; --accent-ink: #9ccf98;
        }
    }
    @keyframes glossPopIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
    .gloss-pop img { width: 100%; height: 128px; object-fit: cover; display: block; }
    .gloss-pop-b { padding: 12px 14px; }
    .gloss-pop-b strong { display: block; font-size: 15px; color: var(--ink); margin-bottom: 4px; }
    .gloss-pop-b p { margin: 0 0 9px; color: var(--ink-soft); line-height: 1.45; font-size: 13px; }
    .gloss-pop-b a { color: var(--accent-ink); font-weight: 600; text-decoration: none; font-size: 13px; }