.agape-reader .agape-term {
  all:unset;
  display:inline;
  font:inherit;
  color:inherit;
  text-decoration-line:underline;
  text-decoration-style:dotted;
  text-decoration-color:#a97669;
  text-decoration-thickness:1px;
  text-underline-offset:.19em;
  cursor:help;
  -webkit-tap-highlight-color:rgba(140,36,29,.12);
}
.agape-reader .agape-term:hover { color:#8c241d; text-decoration-color:currentColor; }
.agape-reader .agape-term:focus-visible { outline:2px solid #8c241d; outline-offset:3px; border-radius:2px; }
.agape-glossary-popup {
  position:fixed;
  z-index:20000;
  box-sizing:border-box;
  width:390px;
  padding:18px 20px;
  border:1px solid #d5c5bb;
  border-radius:8px;
  background:#fffcf7;
  color:#302c29;
  box-shadow:0 8px 32px rgba(42,27,22,.18);
  font:14px/1.55 "Avenir Next",Avenir,sans-serif;
  overflow:auto;
  overscroll-behavior:contain;
  overflow-wrap:anywhere;
}
.agape-glossary-popup[hidden] { display:none!important; }
.agape-glossary-title { display:block; margin:3px 0 9px; font:400 22px/1.2 Georgia,serif; }
.agape-glossary-popup p { margin:0 0 10px; }
.agape-glossary-popup p:last-child { margin-bottom:0; }
.agape-glossary-popup .agape-glossary-framework { color:#8c241d; font-size:10px; font-weight:600; letter-spacing:.025em; }
.agape-glossary-popup .agape-glossary-sources { border-top:1px solid #e8ded7; padding-top:10px; color:#71655e; font-size:11px; line-height:1.4; }
@media print { .agape-glossary-popup { display:none!important; } .agape-reader .agape-term { text-decoration:none; } }