/* ansatz / sigil
 *
 * decorative SVG marks placed at corners, section breaks, and other
 * places that want a faint glyph. each instance scales with its container
 * (default width: 1em). styling matches the gear: thin warm strokes, no
 * fill except where explicitly requested, slight glow.
 */

.sigil {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  overflow: visible;
  color: var(--bronze-deep);
  opacity: 0.7;
}

.sigil-stroke {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.2;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

.sigil-fill {
  fill: currentColor;
}

/* per-kind tweaks */

.sigil-pentacle .sigil-stroke {
  /* the polyline self-crosses heavily; thinner strokes read better */
  stroke-width: 1;
}

.sigil-pointer {
  stroke: var(--bronze);
  stroke-width: 1.4;
}

/* glow utility for prominent placements (e.g. corners) */
.sigil-glow {
  filter: drop-shadow(0 0 6px var(--bronze-glow));
}