/* ============================================================
   chmurki.css — dymki słowniczka (poewangelicku.pl)
   Przenośne: kolory mają wartości zapasowe, więc arkusz działa
   także poza sekcją „Kim są luteranie" (atlas, opowieści).
   ============================================================ */

.chmurka[tabindex] {
  border-bottom: 2px dotted var(--ziel-but, #2f5d50);
  cursor: help;
}

.chmurka[tabindex]:hover,
.chmurka[tabindex]:focus-visible,
.chmurka[aria-describedby] {
  border-bottom-style: solid;
  color: var(--ziel-but, #2f5d50);
}

#chmurka-dymek {
  position: fixed;
  z-index: 9999;
  max-width: 22rem;
  background: var(--papier-jasny, #fbf8f0);
  color: var(--tekst, #241f1a);
  border: 1px solid var(--ziel-but, #2f5d50);
  border-radius: .35rem;
  box-shadow: 0 6px 22px rgba(36, 31, 26, .22);
  padding: .8rem 1rem .85rem;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: .95rem;
  line-height: 1.55;
}

#chmurka-dymek .chmurka-termin {
  display: block;
  font-family: "Source Serif 4", Georgia, serif;
  font-weight: 700;
  color: var(--ziel-but, #2f5d50);
  margin-bottom: .25rem;
}

#chmurka-dymek[hidden] { display: none; }