/* Keep the complete title's geometry and accessible name throughout the reveal. */
[data-typewriter] { position: relative; }
.type-word { display: inline-block; white-space: nowrap; }
.type-char { position: relative; }
@media (prefers-reduced-motion:no-preference) {
 [data-type-state='waiting'] .type-char,
 [data-type-state='typing'] .type-char:not(.is-typed) { visibility: hidden; }
 [data-type-state='typing'] .type-caret::after {
  content: ''; position: absolute; right: -.075em; top: .1em;
  width: max(2px,.025em); height: .88em; background: currentColor;
  visibility: visible; animation: type-caret-blink .8s step-end 5;
 }
 [data-type-state='typing'] .type-caret--start::after { right: auto; left: 0; }
 @keyframes type-caret-blink { 0%, 65% { opacity: 1; } 66%, 100% { opacity: 0; } }
}
@media (prefers-reduced-motion:reduce) {
 [data-typewriter] .type-char { visibility: visible !important; }
 [data-typewriter] .type-char::after { display: none !important; }
}