I need to design a UI for managing fund characteristics in our pension fund comparison tool. Here are my specific requirements: Database Structure: - We've created a new table called 'fund_characteristics' to store two types of HTML content about each pension fund: \"Elsa's take\" and \"Elsa's explanation\" - Each characteristic can be in either 'draft' or 'published' state - Each fund can have at most one draft and one published version of each type - A fund doesn't need to have all variations (it could have just one type in draft, or both types published, etc.) Workflow Requirements: 1. Editor View: - Show a list of pension funds with their existing characteristics - For each fund, display both \"Elsa's take\" and \"Elsa's explanation\" sections - If a published version exists, display it with an \"Edit\" button - If a draft version exists, display it with \"Publish\" and \"Discard\" buttons - If neither exists, show a \"Create New\" button 2. Editing Interface: - Rich text editor that supports HTML formatting - When editing an existing published characteristic, create a new draft version - When editing a draft, update the existing draft 3. Publishing Process: - When publishing a draft, delete any existing published version and change the draft status to published - Confirm with the user before publishing 4. User Permissions: - Regular users can only see published characteristics - Admin/editor users can see both published and draft versions 5. Display on Fund Comparison: - In the fund comparison view, show both \"Elsa's take\" and \"Elsa's explanation\" if published - Format the rich text HTML appropriately in the comparison UI Please create wireframes and a design concept that addresses these requirements, with a focus on a clean, intuitive interface for both editors and end-users.