/* O termo continua na linha do texto; o sublinhado indica a explicação adicional. */
.nota-contexto {
    display: inline;
    padding: 0;
    border: 0;
    border-radius: 3px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 650;
    text-align: inherit;
    overflow-wrap: anywhere;
    text-decoration: underline dotted var(--cor-primaria);
    text-decoration-thickness: 1.5px;
    text-underline-offset: 4px;
    cursor: var(--cursor-interativo, pointer);
}
.nota-contexto:hover, .nota-contexto:focus-visible { color: var(--cor-primaria); }
.orientacao-notas { margin: 14px 0; color: var(--cor-texto-secundario); font-size: .8rem; }
.balao-contexto {
    position: fixed;
    z-index: 100;
    width: min(350px, calc(100vw - 24px));
    max-height: min(420px, calc(100dvh - 24px));
    overflow: auto;
    padding: 18px 20px;
    border: 1px solid var(--cor-borda);
    border-top: 3px solid var(--cor-primaria);
    border-radius: 14px;
    background: var(--cor-superficie);
    color: var(--cor-texto);
    box-shadow: var(--sombra-cartao);
    font-size: .86rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}
.balao-contexto[hidden] { display: none; }
.balao-contexto > strong { color: var(--cor-primaria); font-size: .95rem; }
.balao-contexto p { margin-top: 10px; }
.balao-contexto p:last-child { color: var(--cor-texto-secundario); }