/* Custom scroll-margin-top for better anchor link positioning with fixed header */
html {
    scroll-padding-top: 80px; /* Adjust this value based on your header's height */
}

/* Basic styling for better readability of long text sections like privacy policy */
.prose h3 {
    @apply text-xl font-semibold mt-6 mb-2;
}

.prose p {
    @apply mb-4 leading-relaxed; /* 增加行高 */
}

.prose ul {
    @apply list-disc list-inside mb-4 pl-4 space-y-1; /* 增加列表項間距 */
}

.prose strong {
    @apply font-semibold;
}

.prose a {
    @apply text-earth-700 hover:text-earth-800 underline; /* 統一連結樣式 */
}

/* Code block styling within prose and other sections */
code { /* General code styling */
    @apply bg-earth-100 px-1 py-0.5 rounded text-sm font-mono text-earth-800;
}

pre code { /* Specific styling for code within pre tags */
     @apply text-sm text-earth-700 bg-transparent px-0 py-0; /* Reset for pre blocks */
}

.pricing-card-features li svg {
    @apply flex-shrink-0; /* Prevent SVGs from shrinking in flex container */
}

/* Swiper 輪播樣式 */
.swiper {
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 16px;
    overflow: hidden;
}

.swiper-slide {
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.swiper-button-next,
.swiper-button-prev {
    color: #957b67;
}

.swiper-pagination-bullet-active {
    background-color: #957b67;
}

@media (max-width: 768px) {
    .swiper {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.highlight {
    box-shadow: 0 0 0 2px rgba(150, 123, 103, 0.5);
  }
  .scroll-mt-24 {
    scroll-margin-top: 6rem;
  }