.hd-lexeme-trigger {
  appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 1px dotted currentColor;
  color: inherit;
  cursor: help;
  font: inherit;
  padding: 0;
}
.hd-lexeme-trigger:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.hd-lexeme-dialog { width: min(42rem, calc(100% - 2rem)); border: 1px solid #d8d1c4; padding: clamp(1.25rem, 4vw, 2.5rem); background: #fcfaf5; color: #20201d; }
.hd-lexeme-dialog::backdrop { background: rgba(20, 20, 18, .58); }
.hd-dialog-close { position: absolute; top: .65rem; right: .8rem; border: 0; background: transparent; font-size: 2rem; cursor: pointer; }
.hd-dialog-kicker { font-family: system-ui, sans-serif; text-transform: uppercase; letter-spacing: .06em; font-size: .78rem; color: #706c64; }
.hd-dialog-definition { font-family: Georgia, serif; font-size: 1.25rem; line-height: 1.55; }
.hd-dialog-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.hd-wordbook { display: grid; gap: 1rem; }
.hd-wordbook-item { display: flex; justify-content: space-between; gap: 2rem; align-items: start; padding-block: 1.25rem; border-top: 1px solid #d8d1c4; }
.hd-wordbook-item h3 { margin: 0 0 .35rem; }
.hd-wordbook-item p { margin: 0; }
@media (max-width: 600px) { .hd-wordbook-item { display: block; } .hd-wordbook-item .hd-button { margin-top: 1rem; } }