.font-heading {
    font-family: 'Prompt', sans-serif;
}

.hero-gradient {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.95) 0%, rgba(30, 41, 59, 0.9) 100%);
}

.scrollbar-none::-webkit-scrollbar {
    display: none;
}

.scrollbar-none {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.page-image-main {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

/* Hero Sliders (fts2026) */
.fts2026-hero-swiper { width: 100%; height: 100%; position: relative; inset: 0; z-index: 0; }
.fts-hero-slide { position: relative; overflow: hidden; width: 100%; height: 100%; display: flex; align-items: center; }
.fts-hero-pagination { bottom: 20px !important; z-index: 20 !important; }
.fts-hero-pagination .swiper-pagination-bullet { background: #cbd5e1; opacity: 0.5; width: 10px; height: 10px; transition: all 0.3s; }
.fts-hero-pagination .swiper-pagination-bullet-active { background: #F59E0B; opacity: 1; width: 24px; border-radius: 4px; }
.swiper-button-next, .swiper-button-prev { color: rgba(255,255,255,0.7) !important; transition: 0.3s; z-index: 20 !important; }
.swiper-button-next:hover, .swiper-button-prev:hover { color: #F59E0B !important; }

/* เพิ่ม margin ด้านล่างให้ Tag ต่างๆ ตามที่ต้องการ */
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre  {
    margin-bottom: 1rem !important;
}

/* คืนค่า Bullet และ Number List ให้กับเนื้อหาจาก Editor */
.prose ul, .ck-content ul {
    list-style-type: disc !important;
    padding-left: 1.5rem !important;
    margin-bottom: 1rem !important;
}
.prose ol, .ck-content ol {
    list-style-type: decimal !important;
    padding-left: 1.5rem !important;
    margin-bottom: 1rem !important;
}
.prose li, .ck-content li {
    margin-bottom: 0.25rem !important;
}