Author note: To add more tabs, follow these steps:

1. Duplicate the last tab in 3 places: the tab title for desktop (top), the drop-down tab tile for mobile (middle), and the physical tab content block (bottom)
   Tip: Duplicate the entire last-tab block, not just the inner text


2. Adjust (and match) the IDs of your new tab & tab content:
   
   
   • Select the entire snippet, click the yellow "..." button, select "HTML".
   • Edit the code: update the ID and data-target attribute values on the new desktop and mobile tab elements (ex: change "tabContent4-ufUXVMk" to "tabContent5-ufUXVMk")
   • Repeat for the tab content: update the id and aria-labelledby attribute values on the new tab content panel.
   
   
3. Finally, test tab functionality by previewing your page & clicking through the tabs. If the tabs are not opening correctly, recheck your tab IDs and data-target values, ensuring they match the values of their corresponding tab panel and are not the same as the other tab IDs.

• Too many tabs causing overflow? Use the dropdown picker instead:
  To hide tabs, add class "dropdown-only" to the class group that contains "horizontal-tabs tabs-container"

This message will not be displayed on production.