Oudeterogenic Harm: An Interactive Framework
https://cdn.tailwindcss.com
https://cdn.jsdelivr.net/npm/chart.js

body {
font-family: ‘Inter’, sans-serif;
background-color: #f8fafc; /* slate-50 */
}
.nav-link.active {
color: #0d9488; /* teal-600 */
font-weight: 600;
}
.tab.active {
border-color: #0d9488; /* teal-600 */
background-color: #ccfbf1; /* teal-100 */
color: #134e4a; /* teal-900 */
}
.professional-card.active {
transform: scale(1.05);
border-color: #0d9488; /* teal-600 */
box-shadow: 0 4px 14px 0 rgba(13, 148, 136, 0.2);
}
.chart-container {
position: relative;
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
height: 400px;
max-height: 50vh;
}
@media (min-width: 768px) {
.chart-container {
height: 450px;
}
}

document.addEventListener(‘DOMContentLoaded’, () => {
const professionalData = {
evaluator: {
title: ‘The Custody Evaluator’,
text: `Mandate: To assess family dynamics and report to the court.

Siloed Neutrality’s Impact: By treating both parents’ narratives as equally valid without sufficient collateral information, an evaluator may miss subtle patterns of coercive control. Their neutral report can inadvertently legitimize a manipulative parent’s claims, setting a harmful precedent for the case.`
},
therapist: {
title: ‘The Therapist’,
text: `Mandate: To provide individual support.

Siloed Neutrality’s Impact: A therapist ethically owes confidentiality to their client. If their client is the manipulative parent, the therapist only hears a one-sided, curated narrative. They may unwittingly reinforce the client’s distorted view, which can then be presented as professionally validated in court.`
},
mediator: {
title: ‘The Mediator’,
text: `Mandate: To facilitate negotiation and agreement.

Siloed Neutrality’s Impact: Mediation assumes two parties with relatively equal power and a shared interest in resolution. In an asymmetric conflict, a neutral mediator may pressure the targeted parent to compromise on safety and boundaries, framing it as necessary for agreement. This rewards the controlling parent’s intransigence.`
},
coordinator: {
title: ‘The Parenting Coordinator’,
text: `Mandate: To manage day-to-day implementation of the parenting plan.

Siloed Neutrality’s Impact: A PC focused on resolving minor disputes might treat each conflict as a simple disagreement. They can miss the larger pattern of one parent using small issues to harass and control the other. Their focus on “just getting along” can silence the parent who is trying to maintain boundaries.`
}
};

const tabsContainer = document.getElementById(‘tabs-container’);
const tabsContent = document.getElementById(‘tabs-content’);

tabsContainer.addEventListener(‘click’, (e) => {
if (e.target.classList.contains(‘tab’)) {
tabsContainer.querySelector(‘.active’).classList.remove(‘active’);
e.target.classList.add(‘active’);

tabsContent.querySelector(‘.tab-content:not(.hidden)’).classList.add(‘hidden’);
const contentId = e.target.dataset.tab;
tabsContent.querySelector(`[data-content=”${contentId}”]`).classList.remove(‘hidden’);
}
});

const professionalsContainer = document.getElementById(‘professionals-container’);
const professionalDetails = document.getElementById(‘professional-details’);

function updateProfessionalDetails(role) {
const data = professionalData[role];
professionalDetails.innerHTML = `

${data.title}

${data.text}

`;
if (professionalsContainer.querySelector(‘.active’)) {
professionalsContainer.querySelector(‘.active’).classList.remove(‘active’);
}
professionalsContainer.querySelector(`[data-role=”${role}”]`).classList.add(‘active’);
}

professionalsContainer.addEventListener(‘click’, (e) => {
const card = e.target.closest(‘.professional-card’);
if (card) {
updateProfessionalDetails(card.dataset.role);
}
});

updateProfessionalDetails(‘evaluator’);

const sections = document.querySelectorAll(‘section[id]’);
const navLinks = document.querySelectorAll(‘.nav-link’);

const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
navLinks.forEach(link => {
link.classList.remove(‘active’);
if (link.getAttribute(‘href’).substring(1) === entry.target.id) {
link.classList.add(‘active’);
}
});
}
});
}, { rootMargin: “-50% 0px -50% 0px” });

sections.forEach(section => observer.observe(section));

const ctx = document.getElementById(‘conflictChart’).getContext(‘2d’);
new Chart(ctx, {
type: ‘line’,
data: {
labels: [‘Initial Filing’, ‘Mediation’, ‘Evaluation’, ‘PC Appointed’, ‘2nd Year’],
datasets: [{
label: ‘Family Distress Level’,
data: [3, 5, 6, 8, 9],
borderColor: ‘#0d9488’, // teal-600
backgroundColor: ‘rgba(13, 148, 136, 0.1)’,
fill: true,
tension: 0.3
}]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
title: {
display: true,
text: ‘Distress Level (Hypothetical)’
}
},
x: {
title: {
display: true,
text: ‘Time / Number of Interventions’
}
}
},
plugins: {
tooltip: {
enabled: true,
mode: ‘index’,
intersect: false,
},
legend: {
display: false
}
}
}
});
});