/* =====================================================
   IEEE RAS SMU — Signal-trace motif (shared component)

   The one decorative accent used where top bars, panel headers and
   section titles used to carry dots (terminal "traffic lights",
   blinking status dots, ● bullets): a short PCB trace that steps up
   and ends in a via — electronics/robotics, quiet and static.

   Markup (decorative, so always hidden from assistive tech):
     <span class="sig-trace" aria-hidden="true"></span>

   - Colour  : follows currentColor — set `color` on the trace or its parent
   - Size    : 1em tall × 2.75em wide — scales with the host's font-size,
               so it never grows a bar taller than its text
   - Motion  : none
   ===================================================== */
.sig-trace {
  display: inline-block;
  flex-shrink: 0;
  width: 2.75em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10h11l5-5h9l5 5h4.2'/%3E%3Ccircle cx='39.6' cy='10' r='2.6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 16' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 10h11l5-5h9l5 5h4.2'/%3E%3Ccircle cx='39.6' cy='10' r='2.6'/%3E%3C/svg%3E") center / contain no-repeat;
  pointer-events: none;
}

/* Forced-colors (Windows high contrast): masks render as solid boxes —
   the motif is decorative, so drop it there. */
@media (forced-colors: active) {
  .sig-trace { display: none; }
}