/* Custom Tailwind Overrides & Global Styles */

/* Base Typography */
:root {
  --font-base: 1rem;
  --font-scale: 1.125;
}

body {
  font-size: var(--font-base);
  line-height: 1.75;
  color: #333;
  /* background-color: #f9fafb; */
}

h1, .text-4xl {
  font-size: calc(var(--font-base) * 2.5);
}

h2, .text-3xl {
  font-size: calc(var(--font-base) * 2);
}

h3, .text-2xl {
font-size: calc(var(--font-base) * 1.75);
}

article.prose.lg\:prose-xl.ck-content a {
    color: #4567bb;
}

main.container.mx-auto.px-4.py-12 {
    overflow: auto;
}
main {
padding-top: 3em;
}
nav .logo {
    height: 50px;
    display: inline-flex;
    margin: 0;
}
/* Card Component */
.card {
  @apply bg-white rounded-lg shadow-lg overflow-hidden;
}

.card-image {
  @apply w-full h-48 object-cover;
}

.card-content {
  @apply p-6;
}

/* Navigation Links */
.nav-link {
  @apply text-lg font-medium text-gray-700 hover:text-blue-600;
}

/* Prose Content Overrides */
.prose a {
  @apply text-blue-600 underline;
}
.prose a:hover {
  @apply text-blue-800;
}
.prose blockquote {
  @apply border-l-4 border-gray-300 pl-4 italic text-gray-600;
}
        .py-16 {
            padding-top: 4rem;
            padding-bottom: 4rem;
            overflow: auto;
        }

/* Layout Utilities */
.container {
  max-width: 960px;
}

button, .btn {
  @apply px-4 py-2 rounded-md text-lg;
}

/* Responsive Font Scaling */
@media (min-width: 768px) {
  body {
    font-size: calc(var(--font-base) * var(--font-scale));
  }
}