@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

body {
  font-family: 'Noto Sans KR', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Custom scrollbar for a more modern look - optional */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1; /* stone-300 */
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8; /* stone-400 */
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Styling for prose class to better fit the design */
.prose {
  color: #4b5563; /* text-gray-600 */
}
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
  color: #1f2937; /* text-gray-800 */
}
.prose a {
  color: #0d9488; /* text-teal-600 */
  text-decoration: none;
}
.prose a:hover {
  color: #0f766e; /* text-teal-700 */
  text-decoration: underline;
}
.prose strong {
 color: #1f2937; /* text-gray-800 */
}
.prose ul > li::before {
    background-color: #14b8a6; /* bg-teal-500 */
}
.prose ol > li::before {
    color: #14b8a6; /* text-teal-500 */
}

/* Additional specific styles if Tailwind is insufficient */
.hero-bg-image {
    /* Example: if you had an image for hero section */
    /* background-image: url('path/to/your/hero-image.jpg'); */
    background-size: cover;
    background-position: center;
}

.section-title-underline::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background-color: #14b8a6; /* teal-500 */
    margin: 8px auto 0;
}