diff --git a/README.md b/README.md
index f6ec667..d13c1f2 100644
--- a/README.md
+++ b/README.md
@@ -3,6 +3,8 @@
 This project provides a browser-based version of the Strengths and Difficulties Questionnaire (SDQ).
 It guides the assessor through each of the 25 SDQ items one at a time, calculates subscale and total
 difficulties scores, and generates an interpretation with an option to export the results as a PDF.
+The app now supports all three SDQ informant versions: parent/carer, teacher, and self-report for
+young people aged 11–17.
 
 ## Features
 
@@ -11,13 +13,15 @@ difficulties scores, and generates an interpretation with an option to export th
 - Narrative interpretation highlighting areas that fall outside the normal band
 - Exportable PDF report summarising scores and findings
 - Ability to restart the assessment and capture a fresh set of responses
+- Built-in scoring bands for parent/carer, teacher, and self-report questionnaires
 
 ## Getting started
 
 1. Open `index.html` in a modern web browser.
-2. Answer each question sequentially. The **Generate Results** button appears on the final item.
-3. Review the calculated scores and findings.
-4. Optionally export the summary as a PDF or start again to capture new responses.
+2. Enter optional metadata (identifier, date) and choose the SDQ questionnaire version.
+3. Answer each question sequentially. The **Generate Results** button appears on the final item.
+4. Review the calculated scores and findings tailored to the selected informant version.
+5. Optionally export the summary as a PDF or start again to capture new responses.
 
 > **Note:** Scoring bands reflect the UK SDQ guidance for ages 4–17. The digital tool supports
 screening and discussion but does not replace clinical judgement.
diff --git a/index.html b/index.html
index 523c56c..d4552e8 100644
--- a/index.html
+++ b/index.html
@@ -15,15 +15,30 @@
     <header class="app__header">
       <h1>Strengths and Difficulties Questionnaire (SDQ)</h1>
       <p class="app__intro">
-        Complete each question in sequence. Select the response that best describes the child's behaviour over the past six months. 
-        Results include subscale scores, total difficulties, and interpretation guidance.
+        Complete each question in sequence. Select the response that best describes behaviour over the past six
+        months. Choose the appropriate questionnaire version for parents and carers, teachers, or self-reporting
+        young people (ages 11–17).
       </p>
     </header>
 
-    <!-- Identifier + Date -->
-    <div class="metadata" style="margin:1rem 0; padding:1rem; border:1px solid #ddd; border-radius:8px;">
-      <label for="identifier"><strong>Identifier / Name:</strong></label>
-      <input type="text" id="identifier" name="identifier" placeholder="Enter ID or name" style="margin:0 1rem 0 .5rem">
+    <section class="metadata" aria-label="Assessment details">
+      <div class="metadata__field">
+        <label for="identifier">Identifier / Name</label>
+        <input type="text" id="identifier" name="identifier" placeholder="Enter ID or name">
+      </div>
+      <div class="metadata__field">
+        <label for="date">Date</label>
+        <input type="date" id="date" name="date">
+      </div>
+      <div class="metadata__field metadata__field--full">
+        <label for="questionnaireType">Questionnaire Version</label>
+        <select id="questionnaireType" name="questionnaireType">
+          <option value="parent">Parent / Carer Report</option>
+          <option value="teacher">Teacher Report</option>
+          <option value="self">Self-Report (ages 11–17)</option>
+        </select>
+      </div>
+    </section>
 
       <label for="date"><strong>Date:</strong></label>
       <input type="date" id="date" name="date">
@@ -62,6 +77,7 @@ <h2 id="questionText">Question text</h2>
     <!-- Results -->
     <section class="results" id="resultsSection" hidden>
       <h2>Results &amp; Interpretation</h2>
+      <dl class="results__details" id="resultsDetails"></dl>
       <p class="results__summary" id="resultsSummary"></p>
 
       <div class="results__grid" id="resultsGrid"></div>
diff --git a/script.js b/script.js
index b2e9d5b..83e75e0 100644
--- a/script.js
+++ b/script.js
@@ -1,74 +1,165 @@
-const questions = [
-  { id: 1, text: "Considerate of other people's feelings", subscale: 'prosocial' },
-  { id: 2, text: 'Restless, overactive, cannot stay still for long', subscale: 'hyperactivity' },
-  { id: 3, text: 'Often complains of headaches, stomach-aches or sickness', subscale: 'emotional' },
-  { id: 4, text: 'Shares readily with other children (treats, toys, pencils etc.)', subscale: 'prosocial' },
-  { id: 5, text: 'Often has temper tantrums or hot tempers', subscale: 'conduct' },
-  { id: 6, text: 'Rather solitary, tends to play alone', subscale: 'peer' },
-  { id: 7, text: 'Generally obedient, usually does what adults request', subscale: 'conduct', reverse: true },
-  { id: 8, text: 'Many worries, or often seems worried', subscale: 'emotional' },
-  { id: 9, text: 'Helpful if someone is hurt, upset or feeling ill', subscale: 'prosocial' },
-  { id: 10, text: 'Constantly fidgeting or squirming', subscale: 'hyperactivity' },
-  { id: 11, text: 'Has at least one good friend', subscale: 'peer', reverse: true },
-  { id: 12, text: 'Often fights with other children or bullies them', subscale: 'conduct' },
-  { id: 13, text: 'Often unhappy, depressed or tearful', subscale: 'emotional' },
-  { id: 14, text: 'Generally liked by other children', subscale: 'peer', reverse: true },
-  { id: 15, text: 'Easily distracted, concentration wanders', subscale: 'hyperactivity' },
-  { id: 16, text: 'Nervous or clingy in new situations, easily loses confidence', subscale: 'emotional' },
-  { id: 17, text: 'Kind to younger children', subscale: 'prosocial' },
-  { id: 18, text: 'Often lies or cheats', subscale: 'conduct' },
-  { id: 19, text: 'Picked on or bullied by other children', subscale: 'peer' },
-  { id: 20, text: 'Often volunteers to help others (parents, teachers, other children)', subscale: 'prosocial' },
-  { id: 21, text: 'Thinks things out before acting', subscale: 'hyperactivity', reverse: true },
-  { id: 22, text: 'Steals from home, school or elsewhere', subscale: 'conduct' },
-  { id: 23, text: 'Gets on better with adults than with other children', subscale: 'peer' },
-  { id: 24, text: 'Many fears, easily scared', subscale: 'emotional' },
-  { id: 25, text: 'Good attention span, sees chores or homework through to the end', subscale: 'hyperactivity', reverse: true }
+const baseAdultQuestions = [
+  { id: 1, text: "Considerate of other people's feelings.", subscale: 'Prosocial' },
+  { id: 2, text: 'Restless, overactive, cannot stay still for long.', subscale: 'Hyperactivity' },
+  { id: 3, text: 'Often complains of headaches, stomach-aches or sickness.', subscale: 'Emotional Symptoms' },
+  { id: 4, text: 'Shares readily with other children (treats, toys, pencils etc.).', subscale: 'Prosocial' },
+  { id: 5, text: 'Often has temper tantrums or hot tempers.', subscale: 'Conduct Problems' },
+  { id: 6, text: 'Rather solitary, tends to play alone.', subscale: 'Peer Problems' },
+  { id: 7, text: 'Generally obedient, usually does what adults request.', subscale: 'Conduct Problems', reverse: true },
+  { id: 8, text: 'Many worries, often seems worried.', subscale: 'Emotional Symptoms' },
+  { id: 9, text: 'Helpful if someone is hurt, upset or feeling ill.', subscale: 'Prosocial' },
+  { id: 10, text: 'Constantly fidgeting or squirming.', subscale: 'Hyperactivity' },
+  { id: 11, text: 'Has at least one good friend.', subscale: 'Peer Problems', reverse: true },
+  { id: 12, text: 'Often fights with other children or bullies them.', subscale: 'Conduct Problems' },
+  { id: 13, text: 'Often unhappy, down-hearted or tearful.', subscale: 'Emotional Symptoms' },
+  { id: 14, text: 'Generally liked by other children.', subscale: 'Peer Problems', reverse: true },
+  { id: 15, text: 'Easily distracted, concentration wanders.', subscale: 'Hyperactivity' },
+  { id: 16, text: 'Nervous or clingy in new situations, easily loses confidence.', subscale: 'Emotional Symptoms' },
+  { id: 17, text: 'Kind to younger children.', subscale: 'Prosocial' },
+  { id: 18, text: 'Often lies or cheats.', subscale: 'Conduct Problems' },
+  { id: 19, text: 'Picked on or bullied by other children.', subscale: 'Peer Problems' },
+  { id: 20, text: 'Often volunteers to help others (parents, teachers, other children).', subscale: 'Prosocial' },
+  { id: 21, text: 'Thinks things out before acting.', subscale: 'Hyperactivity', reverse: true },
+  { id: 22, text: 'Steals from home, school or elsewhere.', subscale: 'Conduct Problems' },
+  { id: 23, text: 'Gets on better with adults than with other children.', subscale: 'Peer Problems' },
+  { id: 24, text: 'Many fears, easily scared.', subscale: 'Emotional Symptoms' },
+  { id: 25, text: 'Good attention span, sees chores or homework through to the end.', subscale: 'Hyperactivity', reverse: true }
 ];
 
-const scoringBands = {
-  emotional: [
-    { label: 'Normal', range: [0, 5], description: 'Emotional well-being appears typical. Continue to monitor routines and coping skills.' },
-    { label: 'Borderline', range: [6, 6], description: 'Slight elevations in emotional symptoms. Consider discussing coping strategies and daily stresses.' },
-    { label: 'Abnormal', range: [7, 10], description: 'Elevated emotional symptoms that may benefit from professional assessment.' }
-  ],
-  conduct: [
-    { label: 'Normal', range: [0, 3], description: 'Conduct behaviours are within the expected range.' },
-    { label: 'Borderline', range: [4, 4], description: 'Mild concerns around rule-following or conflict. Monitor situations that trigger difficulties.' },
-    { label: 'Abnormal', range: [5, 10], description: 'Consistent behavioural difficulties. Consider a structured behaviour plan and professional support.' }
-  ],
-  hyperactivity: [
-    { label: 'Normal', range: [0, 5], description: 'Attention and activity levels appear typical.' },
-    { label: 'Borderline', range: [6, 6], description: 'Some restlessness or inattention. Encourage focused routines and check impact on learning.' },
-    { label: 'Abnormal', range: [7, 10], description: 'High hyperactivity or inattention. Consider consultation to support self-regulation skills.' }
-  ],
-  peer: [
-    { label: 'Normal', range: [0, 3], description: 'Peer relationships appear typical. Continue to nurture friendships.' },
-    { label: 'Borderline', range: [4, 5], description: 'Some peer relationship challenges. Explore social supports and friendship opportunities.' },
-    { label: 'Abnormal', range: [6, 10], description: 'Marked peer relationship difficulties. Targeted social skills support may be helpful.' }
-  ],
-  prosocial: [
-    { label: 'Abnormal', range: [0, 4], description: 'Prosocial behaviours appear limited. Support empathy and helping opportunities.' },
-    { label: 'Borderline', range: [5, 5], description: 'Prosocial skills are emerging. Reinforce positive helping behaviours.' },
-    { label: 'Normal', range: [6, 10], description: 'Prosocial strengths evident. Continue to celebrate positive interactions.' }
-  ],
-  total: [
-    { label: 'Normal', range: [0, 13], description: 'Overall difficulties are within the expected range.' },
-    { label: 'Borderline', range: [14, 16], description: 'Mild elevation across difficulties. Monitor changes and consider supportive strategies.' },
-    { label: 'Abnormal', range: [17, 40], description: 'Significant overall difficulties. A comprehensive professional assessment is recommended.' }
-  ]
+const selfReportQuestions = [
+  { id: 1, text: 'I try to be nice to other people. I care about their feelings.', subscale: 'Prosocial' },
+  { id: 2, text: 'I am restless, I cannot stay still for long.', subscale: 'Hyperactivity' },
+  { id: 3, text: 'I get a lot of headaches, stomach-aches or sickness.', subscale: 'Emotional Symptoms' },
+  { id: 4, text: 'I usually share with others, for example CDs, games, food.', subscale: 'Prosocial' },
+  { id: 5, text: 'I get very angry and often lose my temper.', subscale: 'Conduct Problems' },
+  { id: 6, text: 'I would rather be alone than with people of my age.', subscale: 'Peer Problems' },
+  { id: 7, text: 'I usually do as I am told.', subscale: 'Conduct Problems', reverse: true },
+  { id: 8, text: 'I worry a lot.', subscale: 'Emotional Symptoms' },
+  { id: 9, text: 'I am helpful if someone is hurt, upset or feeling ill.', subscale: 'Prosocial' },
+  { id: 10, text: 'I am constantly fidgeting or squirming.', subscale: 'Hyperactivity' },
+  { id: 11, text: 'I have one good friend or more.', subscale: 'Peer Problems', reverse: true },
+  { id: 12, text: 'I fight a lot. I can make other people do what I want.', subscale: 'Conduct Problems' },
+  { id: 13, text: 'I am often unhappy, down-hearted or tearful.', subscale: 'Emotional Symptoms' },
+  { id: 14, text: 'Other people my age generally like me.', subscale: 'Peer Problems', reverse: true },
+  { id: 15, text: 'I am easily distracted, I find it difficult to concentrate.', subscale: 'Hyperactivity' },
+  { id: 16, text: 'I am nervous in new situations. I easily lose confidence.', subscale: 'Emotional Symptoms' },
+  { id: 17, text: 'I am kind to younger children.', subscale: 'Prosocial' },
+  { id: 18, text: 'I am often accused of lying or cheating.', subscale: 'Conduct Problems' },
+  { id: 19, text: 'Other children or young people pick on me or bully me.', subscale: 'Peer Problems' },
+  { id: 20, text: 'I often volunteer to help others (parents, teachers, children).', subscale: 'Prosocial' },
+  { id: 21, text: 'I think before I do things.', subscale: 'Hyperactivity', reverse: true },
+  { id: 22, text: 'I take things that are not mine from home, school or elsewhere.', subscale: 'Conduct Problems' },
+  { id: 23, text: 'I get along better with adults than with people my own age.', subscale: 'Peer Problems' },
+  { id: 24, text: 'I have many fears, I am easily scared.', subscale: 'Emotional Symptoms' },
+  { id: 25, text: "I finish the work I'm doing. My attention is good.", subscale: 'Hyperactivity', reverse: true }
+];
+
+const scoringBandsByVersion = {
+  parent: {
+    'Emotional Symptoms': { normal: [0, 5], borderline: [6, 6], abnormal: [7, 10] },
+    'Conduct Problems': { normal: [0, 3], borderline: [4, 4], abnormal: [5, 10] },
+    Hyperactivity: { normal: [0, 5], borderline: [6, 6], abnormal: [7, 10] },
+    'Peer Problems': { normal: [0, 3], borderline: [4, 5], abnormal: [6, 10] },
+    Prosocial: { normal: [6, 10], borderline: [5, 5], abnormal: [0, 4] },
+    'Total Difficulties': { normal: [0, 13], borderline: [14, 16], abnormal: [17, 40] }
+  },
+  teacher: {
+    'Emotional Symptoms': { normal: [0, 4], borderline: [5, 5], abnormal: [6, 10] },
+    'Conduct Problems': { normal: [0, 2], borderline: [3, 3], abnormal: [4, 10] },
+    Hyperactivity: { normal: [0, 5], borderline: [6, 6], abnormal: [7, 10] },
+    'Peer Problems': { normal: [0, 3], borderline: [4, 4], abnormal: [5, 10] },
+    Prosocial: { normal: [6, 10], borderline: [5, 5], abnormal: [0, 4] },
+    'Total Difficulties': { normal: [0, 11], borderline: [12, 15], abnormal: [16, 40] }
+  },
+  self: {
+    'Emotional Symptoms': { normal: [0, 5], borderline: [6, 6], abnormal: [7, 10] },
+    'Conduct Problems': { normal: [0, 3], borderline: [4, 4], abnormal: [5, 10] },
+    Hyperactivity: { normal: [0, 5], borderline: [6, 6], abnormal: [7, 10] },
+    'Peer Problems': { normal: [0, 3], borderline: [4, 5], abnormal: [6, 10] },
+    Prosocial: { normal: [6, 10], borderline: [5, 5], abnormal: [0, 4] },
+    'Total Difficulties': { normal: [0, 15], borderline: [16, 19], abnormal: [20, 40] }
+  }
+};
+
+const questionnaires = {
+  parent: { label: 'Parent / Carer Report', questions: baseAdultQuestions },
+  teacher: { label: 'Teacher Report', questions: baseAdultQuestions },
+  self: { label: 'Self-Report (ages 11–17)', questions: selfReportQuestions }
 };
 
-const responseOptions = [
-  { value: 0, label: 'Not True' },
-  { value: 1, label: 'Somewhat True' },
-  { value: 2, label: 'Certainly True' }
+const responseLabels = [
+  { value: 0, label: 'Not true' },
+  { value: 1, label: 'Somewhat true' },
+  { value: 2, label: 'Certainly true' }
 ];
 
-const state = {
-  currentIndex: 0,
-  responses: Array(questions.length).fill(null)
-};
+const questionCard = document.getElementById('questionCard');
+const questionText = document.getElementById('questionText');
+const responseForm = document.getElementById('responseForm');
+const progressIndicator = document.getElementById('progressIndicator');
+const progressFill = document.getElementById('progressFill');
+const prevButton = document.getElementById('prevButton');
+const nextButton = document.getElementById('nextButton');
+const resultsSection = document.getElementById('resultsSection');
+const resultsGrid = document.getElementById('resultsGrid');
+const resultsSummary = document.getElementById('resultsSummary');
+const exportPdfButton = document.getElementById('exportPdf');
+const retakeButton = document.getElementById('retake');
+const questionnaireTypeSelect = document.getElementById('questionnaireType');
+const identifierInput = document.getElementById('identifier');
+const dateInput = document.getElementById('date');
+const resultsDetails = document.getElementById('resultsDetails');
+
+let currentQuestionnaireKey = questionnaireTypeSelect?.value || 'parent';
+let currentQuestions = questionnaires[currentQuestionnaireKey].questions;
+let currentScoringBands = scoringBandsByVersion[currentQuestionnaireKey];
+let responses = Array(currentQuestions.length).fill(null);
+let currentQuestionIndex = 0;
+let latestResults = null;
+
+function renderQuestion() {
+  const question = currentQuestions[currentQuestionIndex];
+  questionText.textContent = question.text;
+  progressIndicator.textContent = `Question ${currentQuestionIndex + 1} of ${currentQuestions.length}`;
+  const progressPercent = ((currentQuestionIndex + 1) / currentQuestions.length) * 100;
+  progressFill.style.width = `${progressPercent}%`;
+
+  responseForm.innerHTML = '';
+  responseLabels.forEach(({ value, label }) => {
+    const optionId = `question-${question.id}-option-${value}`;
+    const wrapper = document.createElement('label');
+    wrapper.className = 'response-option';
+
+    const input = document.createElement('input');
+    input.type = 'radio';
+    input.name = 'response';
+    input.value = value;
+    input.id = optionId;
+    input.checked = responses[currentQuestionIndex] === value;
+
+    input.addEventListener('change', () => {
+      responses[currentQuestionIndex] = value;
+      updateNavigationState();
+    });
+
+    const span = document.createElement('span');
+    span.textContent = label;
+
+    wrapper.appendChild(input);
+    wrapper.appendChild(span);
+    responseForm.appendChild(wrapper);
+  });
+
+  updateNavigationState();
+}
+
+function updateNavigationState() {
+  prevButton.disabled = currentQuestionIndex === 0;
+  const hasResponse = responses[currentQuestionIndex] !== null;
+  nextButton.disabled = !hasResponse;
+  nextButton.textContent =
+    currentQuestionIndex === currentQuestions.length - 1 ? 'Generate Results' : 'Next';
+}
 
 const questionTextEl = document.getElementById('question-text');
 const currentQuestionEl = document.getElementById('current-question');
@@ -90,20 +181,66 @@ function init() {
   attachEventListeners();
 }
 
-function attachEventListeners() {
-  prevBtn.addEventListener('click', () => {
-    if (state.currentIndex > 0) {
-      state.currentIndex -= 1;
-      renderQuestion();
+function calculateScores() {
+  const subscaleTotals = {
+    'Emotional Symptoms': 0,
+    'Conduct Problems': 0,
+    Hyperactivity: 0,
+    'Peer Problems': 0,
+    Prosocial: 0
+  };
+
+  currentQuestions.forEach((question, index) => {
+    const responseValue = responses[index];
+    if (responseValue === null || responseValue === undefined) {
+      throw new Error(`Missing response for question ${index + 1}`);
     }
   });
 
-  nextBtn.addEventListener('click', () => {
-    if (!isCurrentQuestionAnswered()) {
-      formEl.classList.add('question__options--error');
-      formEl.setAttribute('data-error', 'Please select an option before continuing.');
-      return;
-    }
+  const totalDifficulties =
+    subscaleTotals['Emotional Symptoms'] +
+    subscaleTotals['Conduct Problems'] +
+    subscaleTotals['Hyperactivity'] +
+    subscaleTotals['Peer Problems'];
+
+  return { ...subscaleTotals, 'Total Difficulties': totalDifficulties };
+}
+
+function classifyScore(subscale, value) {
+  const bands = currentScoringBands[subscale];
+  if (!bands) return { label: 'N/A', key: 'normal' };
+
+  if (value >= bands.normal[0] && value <= bands.normal[1]) {
+    return { label: 'Normal', key: 'normal' };
+  }
+  if (value >= bands.borderline[0] && value <= bands.borderline[1]) {
+    return { label: 'Borderline', key: 'borderline' };
+  }
+  return { label: 'Abnormal', key: 'abnormal' };
+}
+
+function buildResultsCards(scores) {
+  resultsGrid.innerHTML = '';
+  Object.entries(scores).forEach(([subscale, value]) => {
+    const classification = classifyScore(subscale, value);
+    const card = document.createElement('article');
+    card.className = 'score-card';
+
+    const title = document.createElement('h3');
+    title.className = 'score-card__title';
+    title.textContent = subscale;
+
+    const scoreValue = document.createElement('p');
+    scoreValue.className = 'score-card__value';
+    scoreValue.textContent = value;
+
+    const tag = document.createElement('span');
+    tag.className = `score-card__tag score-card__tag--${classification.key}`;
+    tag.textContent = classification.label;
+
+    card.appendChild(title);
+    card.appendChild(scoreValue);
+    card.appendChild(tag);
 
     if (state.currentIndex < questions.length - 1) {
       state.currentIndex += 1;
@@ -121,46 +258,138 @@ function attachEventListeners() {
     }
   });
 
-  generateBtn.addEventListener('click', () => {
-    if (!areAllQuestionsAnswered()) {
-      alert('Please answer all questions before generating results.');
-      return;
-    }
+  const totalClassification = classifyScore('Total Difficulties', scores['Total Difficulties']);
+  const prosocialClassification = classifyScore('Prosocial', scores['Prosocial']);
+  const versionLabel = questionnaires[currentQuestionnaireKey].label;
+
+  let summary = `${versionLabel}: The Total Difficulties score is ${scores['Total Difficulties']}, which falls within the ${totalClassification.label.toLowerCase()} band.`;
+
+  if (alerts.length > 0) {
+    summary += ` Key areas for follow up: ${alerts.join(' ')}`;
+  } else {
+    summary += ' No individual difficulty subscale scored in the borderline or abnormal range.';
+  }
+
+  if (prosocialClassification.key === 'abnormal') {
+    summary += ' Prosocial behaviours are markedly below expectations; consider supports that build empathy and cooperative play.';
+  } else if (prosocialClassification.key === 'borderline') {
+    summary += ' Prosocial skills are slightly below typical levels and may benefit from targeted encouragement.';
+  } else {
+    summary += ' Prosocial strengths are within the expected range.';
+  }
+
+  return summary;
+}
+
+function renderResultsDetails({ versionLabel, identifier, date }) {
+  resultsDetails.innerHTML = '';
+  const details = [
+    { term: 'Questionnaire', value: versionLabel },
+    { term: 'Identifier / Name', value: identifier || 'Not provided' },
+    { term: 'Date', value: date || 'Not provided' }
+  ];
+
+  details.forEach(({ term, value }) => {
+    const dt = document.createElement('dt');
+    dt.textContent = term;
+    const dd = document.createElement('dd');
+    dd.textContent = value;
+    resultsDetails.appendChild(dt);
+    resultsDetails.appendChild(dd);
+  });
+}
+
+function generateResults() {
+  try {
     const scores = calculateScores();
-    renderResults(scores);
+    buildResultsCards(scores);
+    const summary = buildSummary(scores);
+    const identifier = identifierInput.value.trim();
+    const date = dateInput.value;
+    const versionLabel = questionnaires[currentQuestionnaireKey].label;
+
+    renderResultsDetails({ versionLabel, identifier, date });
+    resultsSummary.textContent = summary;
+
+    latestResults = {
+      scores,
+      summary,
+      questionnaireKey: currentQuestionnaireKey,
+      identifier,
+      date
+    };
+
+    questionCard.hidden = true;
     resultsSection.hidden = false;
     resultsSection.scrollIntoView({ behavior: 'smooth' });
     exportBtn.disabled = false;
   });
 
-  exportBtn.addEventListener('click', () => {
-    window.print();
-  });
+function resetAssessment() {
+  responses = Array(currentQuestions.length).fill(null);
+  currentQuestionIndex = 0;
+  latestResults = null;
+  resultsSection.hidden = true;
+  questionCard.hidden = false;
+  resultsSummary.textContent = '';
+  resultsDetails.innerHTML = '';
+  renderQuestion();
+  window.scrollTo({ top: 0, behavior: 'smooth' });
 }
 
-function renderQuestion() {
-  const question = questions[state.currentIndex];
-  questionTextEl.textContent = question.text;
-  currentQuestionEl.textContent = (state.currentIndex + 1).toString();
-  progressFillEl.style.width = `${((state.currentIndex + 1) / questions.length) * 100}%`;
-  progressBarEl.setAttribute('aria-valuenow', String(state.currentIndex + 1));
-
-  formEl.innerHTML = '';
-  formEl.classList.remove('question__options--error');
-  formEl.removeAttribute('data-error');
-  const template = document.getElementById('option-template');
-
-  responseOptions.forEach((option) => {
-    const optionNode = template.content.cloneNode(true);
-    const input = optionNode.querySelector('input');
-    const labelText = optionNode.querySelector('.option__text');
-    input.value = option.value;
-    input.checked = state.responses[state.currentIndex] === option.value;
-    input.id = `q${question.id}-option-${option.value}`;
-    input.name = 'response';
-    labelText.textContent = option.label;
-    optionNode.querySelector('label').setAttribute('for', input.id);
-    formEl.appendChild(optionNode);
+function exportResultsAsPdf() {
+  if (!latestResults) {
+    alert('Please complete the questionnaire and generate results before exporting.');
+    return;
+  }
+
+  const { jsPDF } = window.jspdf;
+  const doc = new jsPDF({ unit: 'pt' });
+  const margin = 48;
+  let cursorY = margin;
+
+  const versionLabel = questionnaires[latestResults.questionnaireKey].label;
+
+  doc.setFont('helvetica', 'bold');
+  doc.setFontSize(18);
+  doc.text('Strengths and Difficulties Questionnaire (SDQ) Results', margin, cursorY);
+
+  cursorY += 32;
+  doc.setFontSize(12);
+  doc.setFont('helvetica', 'normal');
+  doc.text(`Questionnaire: ${versionLabel}`, margin, cursorY);
+
+  if (latestResults.identifier) {
+    cursorY += 18;
+    doc.text(`Identifier / Name: ${latestResults.identifier}`, margin, cursorY);
+  }
+
+  if (latestResults.date) {
+    cursorY += 18;
+    doc.text(`Date: ${latestResults.date}`, margin, cursorY);
+  }
+
+  cursorY += 24;
+  const wrapSummary = doc.splitTextToSize(
+    latestResults.summary,
+    doc.internal.pageSize.getWidth() - margin * 2
+  );
+  doc.text(wrapSummary, margin, cursorY);
+
+  cursorY += wrapSummary.length * 16 + 12;
+
+  Object.entries(latestResults.scores).forEach(([subscale, value]) => {
+    if (cursorY > doc.internal.pageSize.getHeight() - margin) {
+      doc.addPage();
+      cursorY = margin;
+    }
+    const classification = classifyScore(subscale, value);
+    doc.setFont('helvetica', 'bold');
+    doc.text(`${subscale}`, margin, cursorY);
+    cursorY += 18;
+    doc.setFont('helvetica', 'normal');
+    doc.text(`Score: ${value} (${classification.label})`, margin, cursorY);
+    cursorY += 22;
   });
 
   prevBtn.disabled = state.currentIndex === 0;
@@ -170,4 +399,66 @@ function renderQuestion() {
   updateNavigationState();
 }
 
+function loadQuestionnaire(key) {
+  currentQuestionnaireKey = key;
+  currentQuestions = questionnaires[key].questions;
+  currentScoringBands = scoringBandsByVersion[key];
+  responses = Array(currentQuestions.length).fill(null);
+  currentQuestionIndex = 0;
+  latestResults = null;
+  resultsSection.hidden = true;
+  questionCard.hidden = false;
+  resultsSummary.textContent = '';
+  resultsDetails.innerHTML = '';
+  renderQuestion();
+}
+
+prevButton.addEventListener('click', () => {
+  if (currentQuestionIndex > 0) {
+    goToQuestion(currentQuestionIndex - 1);
+  }
+});
+
+nextButton.addEventListener('click', () => {
+  if (responses[currentQuestionIndex] === null) {
+    return;
+  }
+
+  if (currentQuestionIndex === currentQuestions.length - 1) {
+    if (responses.some((response) => response === null)) {
+      alert('Please answer all questions before generating results.');
+      return;
+    }
+    generateResults();
+  } else {
+    goToQuestion(currentQuestionIndex + 1);
+  }
+});
+
+retakeButton.addEventListener('click', resetAssessment);
+exportPdfButton.addEventListener('click', exportResultsAsPdf);
 
+if (questionnaireTypeSelect) {
+  questionnaireTypeSelect.addEventListener('change', (event) => {
+    const newKey = event.target.value;
+    if (newKey === currentQuestionnaireKey) return;
+
+    const hasProgress = responses.some((response) => response !== null);
+    const hasResults = !resultsSection.hidden;
+
+    if ((hasProgress || hasResults) && !confirm('Switching the questionnaire version will clear current responses and results. Continue?')) {
+      event.target.value = currentQuestionnaireKey;
+      return;
+    }
+
+    loadQuestionnaire(newKey);
+  });
+}
+
+loadQuestionnaire(currentQuestionnaireKey);
+
+// Auto-fill date field with today's date if empty
+if (dateInput && !dateInput.value) {
+  const today = new Date().toISOString().split('T')[0];
+  dateInput.value = today;
+}
diff --git a/styles.css b/styles.css
index 3b0189b..61e5434 100644
--- a/styles.css
+++ b/styles.css
@@ -204,6 +204,48 @@ body {
   width: min(850px, 100%);
 }
 
+.metadata {
+  background: var(--surface);
+  border-radius: 1.25rem;
+  padding: clamp(1.25rem, 3vw, 2rem);
+  box-shadow: 0 18px 35px rgba(15, 23, 42, 0.08);
+  margin-bottom: 2rem;
+  display: grid;
+  gap: 1.25rem;
+  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+}
+
+.metadata__field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.metadata__field--full {
+  grid-column: 1 / -1;
+}
+
+.metadata label {
+  font-weight: 600;
+  color: var(--primary-dark);
+}
+
+.metadata input,
+.metadata select {
+  border: 1px solid var(--border);
+  border-radius: 0.75rem;
+  padding: 0.75rem 1rem;
+  font-size: 1rem;
+  transition: border-color 200ms ease, box-shadow 200ms ease;
+}
+
+.metadata input:focus,
+.metadata select:focus {
+  outline: none;
+  border-color: var(--primary);
+  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
+}
+
 .app__header {
   text-align: center;
   margin-bottom: 2rem;
@@ -475,6 +517,24 @@ body {
   line-height: 1.6;
 }
 
+.results__details {
+  display: grid;
+  gap: 0.5rem 1.5rem;
+  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+  margin-bottom: 1.5rem;
+}
+
+.results__details dt {
+  font-weight: 600;
+  color: var(--muted);
+}
+
+.results__details dd {
+  margin: 0;
+  font-weight: 600;
+  color: var(--text);
+}
+
 .results__note {
   font-size: 0.95rem;
   color: var(--muted);
@@ -493,6 +553,10 @@ body {
     padding: 1.5rem 0.75rem;
   }
 
+  .metadata {
+    padding: 1.25rem;
+  }
+
   .question-card__actions {
     flex-direction: column;
   }