body {
            font-family: 'Kanit', sans-serif;
            background-color: #fffaf5;
        }

        .pastel-orange {
            background-color: #ffd8b1;
        }

        .text-pastel-orange {
            color: #ff8c1a;
        }

        html {
            scroll-behavior: smooth;
        }

        .bg-pastel-orange {
            background-color: #ffd8b1;
        }

        .hover-scale {
            transition: transform 0.3s ease;
        }

        .hover-scale:hover {
            transform: scale(1.05);
        }

        /* Accordion Styles */
        .accordion-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }
        
        .accordion-item.active .accordion-content {
            max-height: 1500px;
            transition: max-height 0.5s ease-in;
        }

        .accordion-item.active .chevron-icon {
            transform: rotate(180deg);
        }

        /* Clean List Style for Sub-items */
        .sub-item-list {
            border-top: 1px solid #f1f5f9;
        }
        
        .sub-category-header {
            background-color: #fffaf5;
            padding: 0.5rem 1.5rem;
            font-size: 0.85rem;
            font-weight: 600;
            color: #94a3b8;
            text-transform: uppercase;
            letter-spacing: 0.025em;
            border-bottom: 1px solid #f1f5f9;
        }

        .sub-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0.75rem 1.5rem;
            border-bottom: 1px solid #f8fafc;
            transition: all 0.2s;
        }

        .sub-item:last-child {
            border-bottom: none;
        }

        .sub-item:hover {
            color: #ff8c1a;
            background-color: #fffcf9;
        }


        .glass-morphism {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        @keyframes slideDown {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }