/* Glossary marks on the public guides and session handouts (build/glossary_marks.py, terms.js). The first use of a
   glossary word is a link (no JavaScript) or a button that shows its meaning in place. Colors are org.css tokens, so
   dark mode follows; on a handout sheet (always white) the panel is light too. In print the words are plain text. */
.term-w{position:relative}
.term{font:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;color:inherit;background:none;border:0;border-radius:3px;padding:0;margin:0;cursor:pointer;text-decoration:underline dotted;text-decoration-thickness:1.5px;text-decoration-color:var(--sun-ink);text-underline-offset:.22em}
a.term{color:inherit}
.term:hover{text-decoration-style:solid}
.term[aria-expanded=true]{background:var(--paper-3);text-decoration-style:solid}
.term-pop{position:absolute;top:calc(100% + .4rem);left:0;z-index:30;display:block;box-sizing:border-box;width:20rem;max-width:calc(100vw - 32px);padding:.8rem 1rem;border:1px solid var(--line-2);border-radius:10px;background:var(--paper);color:var(--text);box-shadow:0 10px 28px rgba(0,0,0,.18);font:400 .92rem/1.45 var(--f-sans);letter-spacing:normal;text-align:left;text-transform:none;white-space:normal;overflow-wrap:break-word}
.term-pop[hidden],.term-print{display:none}
.term-pop-word{display:block;margin:0 0 .2rem;font-weight:600}
.term-pop a{display:inline-block;min-height:24px;margin-top:.4rem;padding:.15rem 0;color:var(--text);text-decoration-color:var(--sun-ink)}
.sheet .term[aria-expanded=true]{background:#f3efe4}
.sheet .term-pop{background:#fff;color:#16201c;border-color:#b9b2a2}
.sheet .term-pop a{color:#16201c;text-decoration-color:#8a5a00}
@media print{
  .term{text-decoration:none!important;color:inherit!important;background:none!important}
  a.term::after{content:none!important}
  .term-pop,.term-status,.term-w > button.term{display:none!important}
  .term-w > .term-print{display:inline!important}
}