/* Live "pretending to code" typewriter for the landing coding spotlight. */
.rtd-term { background:#010409; border:1px solid #30363d; border-radius:8px; padding:10px 12px;
  font-family:Consolas,'Courier New',monospace; font-size:14px; line-height:1.7; text-align:left; }
.rtd-term .dots { display:flex; gap:6px; margin-bottom:7px; }
.rtd-term .dots i { width:9px; height:9px; border-radius:50%; display:inline-block; }
.rtd-type { display:inline-block; overflow:hidden; white-space:nowrap; vertical-align:bottom;
  border-right:2px solid #bc8cff; color:#e6d5ff;
  animation: rtd-type 4.2s steps(15) infinite, rtd-caret .8s step-end infinite; }
.rtd-out { color:#3fb950; animation: rtd-out 4.2s infinite; }
@keyframes rtd-type { 0%{width:0} 34%{width:15ch} 88%{width:15ch} 100%{width:0} }
@keyframes rtd-caret { 0%,100%{border-color:#bc8cff} 50%{border-color:transparent} }
@keyframes rtd-out { 0%,36%{opacity:0} 50%,88%{opacity:1} 100%{opacity:0} }
@media (prefers-reduced-motion: reduce){
  .rtd-type{animation:none;width:15ch;border-right-color:transparent} .rtd-out{animation:none;opacity:1} }