/* Shared rotating-role word — included wherever the About bio appears.
   Swaps in place with a short fade + slide, cycling through a fixed set
   of roles (see role-rotate.js). Reserves no fixed width, so the line
   reflows slightly on each swap — expected, matches the running text. */
.role-rotate{
  display:inline-block;
  font-weight:600;
  color:var(--ink);
  transition:opacity .35s ease, transform .35s ease;
}
.role-rotate.is-swapping{
  opacity:0;
  transform:translateY(6px);
}
@media (prefers-reduced-motion:reduce){
  .role-rotate{transition:none;}
}