/* 1. Turn tab buttons into a Flexbox row */
joomla-tab#com-content-form div[role="tablist"] {
  display: flex !important;
  flex-direction: row;
}

/* 2. Put "Project Details" first */
button[aria-controls="attrib-fields-1"] {
  order: 1 !important;
}

/* 3. Put "Content" second */
button[aria-controls="editor"] {
  order: 2 !important;
}

/* 4. Keep all remaining tabs after */
joomla-tab#com-content-form div[role="tablist"] > button {
  order: 3;
}