@media (max-width: 767px) {

        /*
            FAQ adalah halaman secondary.
            Jadi bottom nav tidak boleh memalsukan Beranda
            sebagai active page.
        */
        .mobile-bottom-nav.secondary-page
        .mobile-bottom-indicator {

            opacity:
                0;

            transition:
                transform .43s
                cubic-bezier(.16,1,.3,1),
                opacity .20s ease;
        }


        .mobile-bottom-nav.secondary-page
        .mobile-bottom-indicator.preview-visible {

            opacity:
                1;
        }


        /*
            FAQ ditandai sebagai current di hamburger menu.
        */
        .mobile-menu-card.current {

            border-color:
                #7dd3fc;

            background:
                linear-gradient(
                    145deg,
                    rgba(240,249,255,.96),
                    rgba(255,255,255,.91)
                );

            box-shadow:
                0 15px 36px
                rgba(14,165,233,.10),
                inset 0 1px 0
                rgba(255,255,255,.98);
        }


        .mobile-menu-card.current
        .mobile-menu-card-icon {

            color:
                #ffffff;

            background:
                #0ea5e9;

            border-color:
                #0ea5e9;

            box-shadow:
                0 8px 20px
                rgba(14,165,233,.20);
        }


        .mobile-menu-card.current
        .mobile-menu-card-title {

            color:
                #0284c7;
        }


        /*
            Hero FAQ diberi sedikit ruang aman dari navbar fixed.
        */
        .faq-hero {

            padding-top:
                max(
                    120px,
                    calc(
                        104px +
                        var(
                            --mobile-visual-top
                        )
                    )
                ) !important;
        }


        /*
            Filter horizontal tidak menempel ke bottom nav
            saat viewport browser berubah.
        */
        .faq-main-section {

            padding-bottom:
                calc(
                    92px
                    +
                    env(
                        safe-area-inset-bottom
                    )
                );
        }

    }