return (

<div className="space-y-6 font-mono text-sm leading-relaxed">

<p>

The <strong className="text-current">Hegelian Dialectic</strong> is a

framework for understanding progress and history. It is often simplified

as a three-step process:

</p>

<div className="border-l-2 border-purple-500/50 pl-4 py-1 italic opacity-70 text-xs">

"Conflict is the engine of progress."

</div>

<ul className="space-y-2 text-xs opacity-80 list-disc pl-4">

<li>

<strong>Thesis:</strong> An initial idea or status quo.

</li>

<li>

<strong>Antithesis:</strong> The conflicting idea or reaction.

</li>

<li>

<strong>Synthesis:</strong> The resolution that merges the best of

both, becoming the new thesis.

</li>

</ul>

</div>

);