/* ============================================================
   The Compost Almanac — Glossary popover styles
   ============================================================ */
.gterm {
  border-bottom: 1px dashed var(--accent);
  cursor: help;
  position: relative;
}
.gterm .gloss-tip {
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: min(280px, 78vw);
  background: var(--ink);
  color: #f3f2ea;
  font-size: .84rem;
  line-height: 1.45;
  padding: 10px 13px;
  border-radius: 8px;
  z-index: 100;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  font-weight: 400;
}
.gterm .gloss-tip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: var(--ink);
}
.gterm:hover .gloss-tip,
.gterm:focus .gloss-tip,
.gterm.open .gloss-tip { display: block; }

/* Keyboard users get a visible focus ring on glossary terms. */
.gterm:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 3px; }

@media (hover: none) {
  .gterm { cursor: pointer; }
}