/* Local story glossary pilot: preserve the story's existing typography. */
.glossary-word {
    display: inline;
    font: inherit;
    line-height: inherit;
    color: inherit;
    background: transparent;
    border: 0;
    border-radius: 2px;
    padding: 0;
    margin: 0;
    text-indent: 0;
    white-space: normal;
    max-width: 100%;
    text-decoration: underline dotted #9A6800;
    text-underline-offset: 0.2em;
    cursor: help;
}
.glossary-word:hover,
.glossary-word.glossary-open {
    background: #EEE2C5;
    color: #6F1A05;
}
.glossary-word:focus-visible {
    outline: 2px solid #9A6800;
    outline-offset: 3px;
}
.glossary-tip {
    position: fixed;
    z-index: 10000;
    box-sizing: border-box;
    width: max-content;
    max-width: min(280px, calc(100vw - 24px));
    padding: 10px 14px;
    border: 1px solid #9A6800;
    border-radius: 5px;
    background: #E8E6E1;
    color: #3B2518;
    box-shadow: 0 3px 10px #3B251833;
    font-family: Georgia, "Times New Roman", serif;
    font-size: max(18px, 1em);
    line-height: 1.45;
    text-align: left;
    overflow-wrap: break-word;
}
.glossary-tip[hidden] {
    display: none;
}
.glossary-headword,
.glossary-meaning {
    display: block;
}
.glossary-headword {
    color: #6F1A05;
    font-style: italic;
    margin-bottom: 3px;
}