जोखिम लेंस चयनकर्ता

<div class="risk-lens-selector">
  <h3>Risk Lens Selector</h3>
  <p>Choose a lens to examine the same decision from a different angle.</p>

  <div class="risk-buttons">
    <button data-lens="customer">Customer Impact</button>
    <button data-lens="safety">Safety</button>
    <button data-lens="trust">Trust</button>
  </div>

  <div class="risk-feedback" id="riskFeedback">
    Select a lens to view coaching feedback.
  </div>
</div>

<script>
const feedback = {
  customer: "How does this decision affect the person on the receiving end?",
  safety: "What could go wrong if this decision is rushed or incomplete?",
  trust: "What would make this response feel clear, fair, and credible?"
};

document.querySelectorAll("[data-lens]").forEach(button => {
  button.addEventListener("click", () => {
    const lens = button.dataset.lens;
    document.getElementById("riskFeedback").textContent = feedback[lens];
  });
});
</script>