/* styles.css */
.unclickable-link {
    color: inherit;
    text-decoration: none;
    cursor: text;
    pointer-events: none;
}

.section-title {
    @apply text-3xl font-bold mb-4 text-red-900;
}

.subsection-title {
    @apply text-2xl font-semibold mb-3 text-red-800;
}

.paragraph {
    @apply mb-4 leading-relaxed;
}

.comparison-table {
    @apply w-full border-collapse border border-red-300 mb-6;
}

.comparison-table th, .comparison-table td {
    @apply border border-red-300 p-2 text-center;
}

.comparison-table th {
    @apply bg-red-100 font-semibold;
}

.animated-element {
    opacity: 0;
    transform: translateY(20px);
}