@font-face {
    font-family: 'Agrandir Grand';
    src: url('../font/Agrandir-GrandHeavy.otf');
}

:root {
    --grayColor: #423e3a;
    --redred: #b60702;
}

html {
    scroll-behavior: smooth;
}

.RedRed {
    color: var(--redred);
}

.title {
    font-family: 'Agrandir Grand';
}

body {
    font-family: 'Inter', sans-serif;
}

.cardinal-gradient {
    background: linear-gradient(135deg, #D32F2F 0%, #C62828 100%);
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px -5px rgba(211, 47, 47, 0.1), 0 8px 10px -6px rgba(211, 47, 47, 0.1);
}

.bird-icon {
    transition: transform 0.3s ease;
}

.bird-icon:hover {
    transform: rotate(5deg) scale(1.05);
}

.content h2 {
    @apply text-2xl font-bold text-neutral-900 mt-8 mb-4;
}

.content h3 {
    @apply text-xl font-semibold text-neutral-800 mt-6 mb-3;
}

.content p {
    @apply text-neutral-700 mb-4 leading-relaxed;
}

.content ul {
    @apply list-disc pl-6 mb-4 text-neutral-700;
}

.content ol {
    @apply list-decimal pl-6 mb-4 text-neutral-700;
}

.content li {
    @apply mb-2;
}

.content a {
    @apply text-cardinal-600 hover:text-cardinal-700 underline;
}

.content blockquote {
    @apply border-l-4 border-cardinal-300 pl-4 italic my-4 text-neutral-600;
}

.content table {
    @apply w-full border-collapse mb-4;
}

.content table th {
    @apply bg-neutral-100 border border-neutral-300 px-4 py-2 text-left;
}

.content table td {
    @apply border border-neutral-300 px-4 py-2;
}

.content hr {
    @apply my-8 border-t border-neutral-200;
}

.min-3-lines {
    min-height: calc(1.5em * 3);
}