/* Site-wide glossary tooltip styling. Loaded globally from base.html.
   Any element with [data-gloss] (or .glossed) gets a help cursor; .glossed also
   gets the dotted underline cue. The #glossary-tip node is created once in
   glossary.js and appended to <body>. */
[data-gloss], .glossed { cursor: help; }
.glossed { border-bottom: 1px dotted #8aa1ab; }
.glossed:hover { border-bottom-color: #023047; }
#glossary-tip {
  position: fixed; z-index: 9999;
  max-width: 288px;
  background: #fefae0 url("/static/images/paper.png") repeat; color: #2c2a24;
  padding: 0.6rem 0.75rem;
  border: 1px solid #d4cfc4; border-radius: 0.75rem;
  box-shadow: 0 14px 34px rgba(0,0,0,0.26), 0 0 10px rgba(255,183,3,0.20);
  backdrop-filter: blur(3px); pointer-events: none;
}
/* Fallback (no Popover API): hidden until glossary.js sets inline display:block. */
#glossary-tip:not([popover]) { display: none; }
/* Popover mode: promote the tip into the browser top layer so it paints ABOVE modal
   <dialog>s (the chart bhava/house popups); reset the UA popover chrome. */
#glossary-tip[popover] { margin: 0; inset: auto; border: 1px solid #d4cfc4; overflow: visible; background: #fefae0 url("/static/images/paper.png") repeat; }
#glossary-tip .gt-term {
  display: block; font-weight: 700; font-size: 0.74rem; color: #8a3d00;
  text-transform: capitalize; letter-spacing: 0.02em; margin-bottom: 0.2rem;
}
#glossary-tip .gt-def { display: block; font-size: 0.72rem; line-height: 1.45; color: #3a352c; }
.gloss-card-term { font-weight: 700; color: #023047; }