@charset "UTF-8";   
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-10px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fade-in { animation: fadeIn 0.3s ease-out forwards; }

        /* 세부 교과 부드러운 토글 애니메이션 */
        .sub-filter-wrapper {
            display: grid;
            grid-template-rows: 0fr;
            opacity: 0;
            margin-top: 0;
            transition: grid-template-rows 0.3s ease-out, opacity 0.3s ease-out, margin-top 0.3s ease-out;
        }
        .sub-filter-wrapper.active {
            grid-template-rows: 1fr;
            opacity: 1;
            margin-top: 1rem;
        }
        .sub-filter-inner {
            overflow: hidden;
        }