.glossary-term { position: relative; display: inline; }
.glossary-term .glossary-term-button { display: inline; margin: 0; padding: 0; border: 0; border-bottom: 1px dotted #0B7F76; background: none; color: inherit; font: inherit; line-height: inherit; cursor: help; }
.glossary-term .glossary-term-button:hover, .glossary-term .glossary-term-button[aria-expanded="true"] { color: #0B7F76; border-bottom-style: solid; }
.glossary-term .glossary-term-button:focus-visible { outline: 2px solid #0B7F76; outline-offset: 2px; border-radius: 2px; }
.glossary-term .glossary-term-tip { position: absolute; left: 0; bottom: calc(100% + 10px); z-index: 30; display: none; width: 280px; padding: 12px 14px; border-radius: 10px; background: #0E2A22; color: #E7F1EC; font-size: 14px; font-weight: 400; line-height: 20px; text-align: left; box-shadow: 0 16px 32px -12px rgba(4, 26, 19, 0.6); }
.glossary-term .glossary-term-tip.is-open { display: block; }
.glossary-term .glossary-term-title { color: #F6D27A; font-weight: 600; }
.glossary-term .glossary-term-tip.is-below { top: calc(100% + 10px); bottom: auto; }