making more tweaks to the Matching activity

Author: Brian Genisio

data/answer.md

@@ -10,50 +10,54 @@ __Responses__
 
 1. **Item 1**
    - Selected Answer: No answer selected
-   - Correct Answer: Discomfort
+   - Correct Answer: Charismatic
    - Result: ✗ Incorrect
 
 2. **Item 2**
    - Selected Answer: No answer selected
-   - Correct Answer: Engagement
+   - Correct Answer: Thinker
    - Result: ✗ Incorrect
 
 3. **Item 3**
    - Selected Answer: No answer selected
-   - Correct Answer: Tension
+   - Correct Answer: Skeptic
    - Result: ✗ Incorrect
 
 4. **Item 4**
    - Selected Answer: No answer selected
-   - Correct Answer: Frustration
+   - Correct Answer: Follower
    - Result: ✗ Incorrect
 
 5. **Item 5**
    - Selected Answer: Frustration
-   - Correct Answer: Relief
+   - Correct Answer: Controller
    - Result: ✗ Incorrect
 
 __Markdown With Blanks__
 
-> **Situation 1**: A teammate says they’re feeling stressed and overwhelmed. [[blank:Discomfort]]
+Match each description to the decision-making style it describes.
 
 
-> **Subtle Cue 2**: Several people are nodding, smiling, and leaning forward during a discussion. [[blank:Engagement]]
 
+> This type gets energized by bold ideas and breakthrough thinking. They absorb information rapidly and want to see bottom-line results. Visual aids showing competitive advantage are essential when presenting to them. [[blank:Charismatic]]
 
-> **Subtle Cue 3**: Voices are raised and people are talking over each other. [[blank:Tension]]
 
+> This type enjoys intellectual challenges and takes pride in being methodical and precise. They genuinely enjoy processing comprehensive data and want to understand your methodology as much as your conclusions. [[blank:Thinker]]
 
-> **Subtle Cue 4**: Someone sighs and looks away when a topic comes up. [[blank:Frustration]]
 
+> This type is suspicious by nature and will aggressively challenge every data point looking for flaws. They are primarily influenced by the credibility of the presenter and need endorsements from people they trust. [[blank:Skeptic]]
 
-> **Subtle Cue 5**: Laughter and relaxed posture spread through the group after a team win. [[blank:Relief]]
+
+> This type makes decisions based on how similar initiatives have worked in the past. They want proven methods, trusted brands, and case studies from companies they admire rather than breakthrough innovations. [[blank:Follower]]
+
+
+> This type fears feeling out of control, especially regarding information. They want structured raw data they can personally verify and multiple scenarios to evaluate rather than polished conclusions. [[blank:Controller]]
 
 __Suggested Answers__
 
-- Tension
-- Engagement
-- Frustration
-- Relief
-- Discomfort
+- Thinker
+- Follower
+- Skeptic
+- Controller
+- Charismatic
 

data/question.md

@@ -4,20 +4,22 @@ Matching
 
 __Markdown With Blanks__
 
-> **Situation 1**: A teammate says they’re feeling stressed and overwhelmed. [[blank:Discomfort]]
+Match each description to the decision-making style it describes.
 
-> **Subtle Cue 2**: Several people are nodding, smiling, and leaning forward during a discussion. [[blank:Engagement]]
+> This type gets energized by bold ideas and breakthrough thinking. They absorb information rapidly and want to see bottom-line results. Visual aids showing competitive advantage are essential when presenting to them. [[blank:Charismatic]]
 
-> **Subtle Cue 3**: Voices are raised and people are talking over each other. [[blank:Tension]]
+> This type enjoys intellectual challenges and takes pride in being methodical and precise. They genuinely enjoy processing comprehensive data and want to understand your methodology as much as your conclusions. [[blank:Thinker]]
 
-> **Subtle Cue 4**: Someone sighs and looks away when a topic comes up. [[blank:Frustration]]
+> This type is suspicious by nature and will aggressively challenge every data point looking for flaws. They are primarily influenced by the credibility of the presenter and need endorsements from people they trust. [[blank:Skeptic]]
 
-> **Subtle Cue 5**: Laughter and relaxed posture spread through the group after a team win. [[blank:Relief]]
+> This type makes decisions based on how similar initiatives have worked in the past. They want proven methods, trusted brands, and case studies from companies they admire rather than breakthrough innovations. [[blank:Follower]]
+
+> This type fears feeling out of control, especially regarding information. They want structured raw data they can personally verify and multiple scenarios to evaluate rather than polished conclusions. [[blank:Controller]]
 
 __Suggested Answers__
 
-- Discomfort
-- Engagement
-- Tension
-- Frustration
-- Relief
+- Charismatic
+- Thinker
+- Skeptic
+- Follower
+- Controller

public/design-system

@@ -45,35 +45,6 @@
   overflow-x: hidden;
 }
 
-.matching-header {
-  display: flex;
-  gap: 10px;
-  align-items: flex-end;
-  padding-bottom: 16px;
-  padding-left: 0;
-  padding-right: 0;
-  padding-top: 0;
-  margin-bottom: 0;
-}
-
-.matching-heading {
-  flex: 1 0 0;
-  color: var(--Colors-Text-Body-Strong);
-  margin: 0;
-  padding: 0;
-  min-height: 0;
-  min-width: 0;
-  position: relative;
-  flex-shrink: 0;
-}
-
-.matching-heading p {
-  margin: 0;
-  padding: 0;
-  line-height: inherit;
-  max-width: 585px;
-}
-
 .matching-actions {
   display: flex;
   gap: 6px;
@@ -142,7 +113,6 @@
 }
 
 .horizontal-cards-card {
-  min-height: 284px !important;
   width: 390px !important;
   min-width: 390px !important;
 }

public/modules/matching.css

@@ -15,35 +15,15 @@ export function initMatching({ activity, state, postResults, persistedAnswers =
   // Create the matching container
   elContainer.innerHTML = `
     <div id="matching" class="matching">
-      <div class="matching-header">
-        <div class="matching-heading heading-small"></div>
-      </div>
       <div id="matching-cards-container" class="matching-cards-container"></div>
       <div id="matching-choices" class="matching-choices" role="listbox" aria-label="Answer choices"></div>
     </div>
   `;
 
   const elMatching = document.getElementById('matching');
-  const elMatchingHeader = elMatching.querySelector('.matching-header');
-  const elMatchingHeading = elMatching.querySelector('.matching-heading');
   const elMatchingCardsContainer = document.getElementById('matching-cards-container');
   const elMatchingChoices = document.getElementById('matching-choices');
 
-  // Set the prompt content as the heading if it exists
-  if (elMatchingHeading && (matching.promptHtml || matching.prompt)) {
-    elMatchingHeading.innerHTML = matching.promptHtml || matching.prompt;
-    // Check if content is actually present after setting
-    const hasContent = elMatchingHeading.textContent.trim().length > 0;
-    if (!hasContent && elMatchingHeader) {
-      elMatchingHeader.style.display = 'none';
-    }
-  } else {
-    // Hide header if no prompt data
-    if (elMatchingHeader) {
-      elMatchingHeader.style.display = 'none';
-    }
-  }
-  
   // Selection state - initialize with persisted answers if available
   const selectedByItemIdx = matching.items.map((_, idx) => {
     if (persistedAnswers && persistedAnswers[idx] !== undefined) {