/* Short, layout-stable character reveals. The semantic text never changes. */
.signal-title { position: relative; }
.signal-title.is-rendering > .signal-original { color: transparent !important; text-shadow: none !important; }
.signal-layer { position: absolute; inset: 0; display: block; pointer-events: none; overflow: visible; user-select: none; }
.signal-glyph { position: absolute; display: block; white-space: pre; text-align: left; transform-origin: left center; }
.signal-glyph:not(.is-resolved) { color: #d0a17d; opacity: .7; overflow: hidden; }
#record .signal-glyph:not(.is-resolved) { color: #86512f; opacity: .8; }
/* Programmatic section focus must not draw an orange frame around the page. */
[data-section][tabindex="-1"]:focus, #top[tabindex="-1"]:focus, #request[tabindex="-1"]:focus, #faq[tabindex="-1"]:focus { outline: none; }
@media (prefers-reduced-motion: reduce) {
  .signal-layer { display: none !important; }
  .signal-title.is-rendering > .signal-original { color: inherit !important; }
}