.term-trigger {
  display: inline; padding: 0; border: 0; border-bottom: 1px dotted currentColor;
  border-radius: 0; background: none; color: inherit; font: inherit;
  letter-spacing: inherit; line-height: inherit; text-transform: none; cursor: pointer;
  text-decoration: none; text-underline-offset: .2em;
}
.term-trigger:hover, .term-trigger[aria-expanded="true"] { color: #6b243b; border-bottom-style: solid; }
.term-trigger:focus-visible, .term-note :focus-visible { outline: 2px solid #6b243b; outline-offset: 4px; }
.term-note {
  position: fixed; inset: auto; margin: 0; box-sizing: border-box; z-index: 10000;
  width: min(25rem, calc(100vw - 24px)); max-height: calc(100dvh - 24px); overflow-y: auto;
  padding: 1.4rem; border: 1px solid #b8a48a; border-top: 3px solid #6b243b;
  background: #fbf7ee; color: #302723; box-shadow: 0 8px 32px #30272324;
  font: 1.125rem/1.5 var(--font-serif, var(--display, Georgia, serif)); text-align: left;
}
.term-note:not([open]) { display: none; }
.term-note .term-note__eyebrow { margin: 0 0 .3rem; font: .72rem/1.5 var(--font-sans, var(--label, system-ui, sans-serif)); letter-spacing: .1em; text-transform: uppercase; color: #6b243b; }
.term-note h2 { margin: 0 0 .6rem; font: 1.6rem/1.2 var(--font-serif, var(--display, Georgia, serif)); letter-spacing: 0; }
.term-note p { margin: 0 0 1rem; }
.term-note__actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem 1rem; }
.term-note__actions a, .term-note__actions button { display: inline-flex; align-items: center; min-height: 44px; font: .85rem/1.4 var(--font-sans, var(--label, system-ui, sans-serif)); color: #6b243b; }
.term-note__actions button { padding: .4rem .65rem; border: 1px solid #b8a48a; background: transparent; cursor: pointer; border-radius: 0; }