/* Inline glossary terms on the full help pages.
 *
 * Terms are subtly underlined so they read as links without disrupting the
 * prose; the definition appears in a Bootstrap popover on hover or focus.
 */

.penra-glossary-link {
    color: inherit;
    text-decoration: underline dotted;
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
    cursor: help;
}

.penra-glossary-link:hover,
.penra-glossary-link:focus {
    color: var(--bs-primary);
    text-decoration-color: var(--bs-primary);
}

.penra-glossary-link:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
    border-radius: .15rem;
}

.popover {
    --bs-popover-max-width: 22rem;
}

.popover .popover-header {
    font-size: .95rem;
}

.popover .popover-body {
    font-size: .875rem;
    line-height: 1.5;
}