{"id":2219,"date":"2026-02-06T10:52:43","date_gmt":"2026-02-06T02:52:43","guid":{"rendered":"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/faq\/"},"modified":"2026-02-06T10:52:43","modified_gmt":"2026-02-06T02:52:43","slug":"faq","status":"publish","type":"page","link":"https:\/\/sgps.visibleone.dev\/sc\/bssc-in-data-science-and-policy-studies-dsps\/faq\/","title":{"rendered":"FAQ"},"content":{"rendered":"\n<section block-name=\"banner\" class=\"relative\">\n    <div class=\"bg-banner-gradient w-full h-full absolute left-0 top-0 z-[1]\"><\/div>\n\n    <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/images\/our-mission\/mission-banner.png\" alt=\"BSSc in Data Science and Policy Studies (DSPS)\"\n        class=\"w-full aspect-[1920\/480] object-cover min-h-[400px]\" \/>\n\n    <div class=\"container py-5 md:py-10 lg:py-[60px] w-full h-full flex items-end absolute left-0 bottom-0 z-[2]\">\n        <div class=\"container-lg\">\n            <h1 class=\"heading1 text-white pb-4 lg:pb-6\">\n                BSSc in Data Science and Policy Studies (DSPS)            <\/h1>\n\n            <div class=\"flex items-center flex-wrap breadcrumbs-row gap-3\">\n                <a href=\"https:\/\/sgps.visibleone.dev\/sc\/\" class=\"opacity-60 [&#038;.active]:opacity-100\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <path\n                            d=\"M9.99863 19V14H13.9986V19C13.9986 19.55 14.4486 20 14.9986 20H17.9986C18.5486 20 18.9986 19.55 18.9986 19V12H20.6986C21.1586 12 21.3786 11.43 21.0286 11.13L12.6686 3.59997C12.2886 3.25997 11.7086 3.25997 11.3286 3.59997L2.96863 11.13C2.62863 11.43 2.83863 12 3.29863 12H4.99863V19C4.99863 19.55 5.44863 20 5.99863 20H8.99863C9.54863 20 9.99863 19.55 9.99863 19Z\"\n                            fill=\"white\" \/>\n                    <\/svg>\n                <\/a>\n\n                                    \n                        <svg class=\"opacity-60 [&#038;.active]:opacity-100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\"\n                            viewBox=\"0 0 20 20\" fill=\"none\">\n                            <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                                d=\"M5.83594 15L10.8359 9.99996L5.83594 4.99996L7.5026 3.33329L14.1693 9.99996L7.5026 16.6666L5.83594 15Z\"\n                                fill=\"white\" \/>\n                        <\/svg>\n\n                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/\"\n                            class=\"text-body-1 text-white opacity-60 [&#038;.active]:opacity-100 hover:opacity-100\"\n                            target=\"_self\">\n                            BSSc in Data Science and Policy Studies (DSPS)                        <\/a>\n                                        \n                <svg class=\"opacity-60 [&#038;.active]:opacity-100 active\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n                    height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n                        d=\"M5.83594 15L10.8359 9.99996L5.83594 4.99996L7.5026 3.33329L14.1693 9.99996L7.5026 16.6666L5.83594 15Z\"\n                        fill=\"white\" \/>\n                <\/svg>\n\n                <p class=\"text-body-1 text-white opacity-100 active\">\n                    FAQ                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<style>\n    .sidebar-wrapper ul,\n    .sidebar-wrapper li {\n        list-style: none !important;\n        margin: 0 !important;\n        padding: 0 !important;\n    }\n\n    .sidebar-wrapper li::before,\n    .sidebar-wrapper li::after {\n        display: none !important;\n        content: none !important;\n    }\n\n    .sidebar-link.active {\n        background-color: #D1F0E9;\n        color: var(--wp--preset--color--primary, #005A54);\n    }\n\n    .sidebar-toggle.active-parent,\n    .sidebar-sub-toggle.active-parent {\n        background-color: var(--wp--preset--color--primary, #005A54);\n        color: white;\n    }\n\n    .sidebar-toggle img,\n    .sidebar-sub-toggle img {\n        transition: transform 0.3s ease, filter 0.3s ease, opacity 0.3s ease;\n    }\n\n    .sidebar-toggle.active-parent>img,\n    .sidebar-sub-toggle.active-parent>img {\n        filter: brightness(0) invert(1);\n        transform: rotate(180deg);\n        opacity: 1;\n    }\n<\/style>\n\n<section  class=\"programme-container container py-[60px] md:py-[100px]\">\n    <div class=\"container-lg\">\n        <div class=\"flex flex-col md:flex-row gap-10 xl:gap-20\">\n\n            <div class=\"md:flex-[0_1_25%] md:max-w-[25%]\">\n                <div\n                    class=\"bg-[#F9F9F7] sidebar-wrapper sticky top-24 transition-all duration-300 rounded-sm overflow-hidden shadow-sm\">\n\n                    <div class=\"p-5 bg-grey border-b border-primary\">\n                        <h6 class=\"heading6 text-secondary font-bold leading-tight\">\n                            BSSc in Data Science and Policy Studies (DSPS)                        <\/h6>\n                    <\/div>\n\n                                            <ul class=\"flex flex-col w-full\">\n                            \n                                                                    <li class=\"hasAccordion group border-b border-gray-200 last:border-0 w-full block\">\n                                        <button type=\"button\" data-href=\"#\" aria-expanded=\"false\" aria-controls=\"sidebar-menu-0\" class=\"sidebar-toggle w-full px-5 py-4 flex items-center justify-between transition-all duration-200 cursor-pointer text-dark hover:bg-light-green hover:text-primary\">\n                                            <span class=\"heading6 font-bold text-left pointer-events-none\">Why DSPS<\/span>\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/arrow-down.svg\" alt=\"\" class=\"w-4 h-4 object-contain opacity-60 pointer-events-none\">\n                                        <\/button>\n\n                                        <ul id=\"sidebar-menu-0\" class=\"sidebar-sub-menu bg-light-grey hidden w-full pb-2\">\n                                            \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/programme-overview\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            Programme Overview                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/partners\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            Partner                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                                                        <\/ul>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/news-and-events\/?event_view=list&#038;event_cat%5B%5D=news&#038;prog%5B%5D=bssc_in_data_science_and_policy_studies\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">News &amp; Events<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"hasAccordion group border-b border-gray-200 last:border-0 w-full block\">\n                                        <button type=\"button\" data-href=\"#\" aria-expanded=\"false\" aria-controls=\"sidebar-menu-2\" class=\"sidebar-toggle w-full px-5 py-4 flex items-center justify-between transition-all duration-200 cursor-pointer text-dark hover:bg-light-green hover:text-primary\">\n                                            <span class=\"heading6 font-bold text-left pointer-events-none\">Programme<\/span>\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/arrow-down.svg\" alt=\"\" class=\"w-4 h-4 object-contain opacity-60 pointer-events-none\">\n                                        <\/button>\n\n                                        <ul id=\"sidebar-menu-2\" class=\"sidebar-sub-menu bg-light-grey hidden w-full pb-2\">\n                                            \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/academic-staff\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            Management and Academic Staff                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/curriculum-for-major-students\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            Curriculum for Major Students                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/dsps-courses\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            DSPS Courses                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/experiential-learning\/\" class=\"sidebar-link block w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                            <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                            Experiential Learning                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                                                        <\/ul>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/admission\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">Admission<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/research\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">Research<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/e-learning-space\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">E-Learning Space<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/faq\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">FAQ<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/bssc-in-data-science-and-policy-studies-dsps\/contact\/\" class=\"sidebar-link w-full px-5 py-4 flex items-center justify-between transition-colors sidebar-main-link text-dark\">\n                                            <span class=\"heading6 font-bold text-left\">Contact<\/span>\n                                        <\/a>\n                                    <\/li>\n                                                                                        <\/ul>\n                                    <\/div>\n            <\/div>\n\n            <div class=\"md:flex-[0_1_75%] md:max-w-[75%]\">\n                <div class=\"acf-innerblocks-container\">\n\n<div  class=\"program-tab-content section-block mb-16 scroll-mt-32\">\n            <h3 class=\"heading3 border-l-[6px] border-primary pl-5 mb-5 lg:mb-8\">\n            FAQS        <\/h3>\n    \n            <div class=\"space-y-8\">\n                            <div class=\"faq-group\">\n                                            <h4 class=\"heading4 text-primary font-bold mb-4\">\n                            About the DSPS Programme                        <\/h4>\n                    \n                                            <div class=\"space-y-[10px]\">\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            1. What makes the curriculum of DSPS unique?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p>The balance between quantitative and qualitative training; theoretical and empirical knowledge; classroom learning and experiential learning is well-maintained through our meticulously designed curriculum. After building up a solid foundation in both data science and policy studies in their first two years of studies, students can choose their specialization of study based on their interests and strengths. They will also apply what they learnt to solve real-world problems through internship and capstone courses.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            2. What software and coding language are used in DSPS Programme?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p>DSPS would adopt the most updated and powerful software and coding language for analyzing public policies. At the moment, we mainly use Python and R in our data analytics courses.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            3. Is the resident study abroad programme credit bearing?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p>Yes. Students are required to study overseas in a partner institution and complete at least 9 units of DSPS-related courses approved by the Programme Director. Students who are unable to obtain the required units from partner institutions must make up the shortfall by completing appropriate courses at CUHK, subject to the approval of the Programme Director.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            4. Will there be internship opportunities?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p>Yes. Students are required to take the 3-unit Internship course. The Programme will line up internship opportunities for students while students are also encouraged to find relevant internships by themselves.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            5. Can I take any minor programmes?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p>Yes. Students are encouraged to take minor programmes that can complement DSPS, such as Data Analytics and Informatics, Computer Science, Sociology, Economics, Social Work, Journalism and Communication, Global Studies, etc.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            6. What are the career prospects?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p>Our graduates can pursue a wide spectrum of careers in governments, startups, consulting firms, local and international NGOs, policy think tanks, consulting firms, multinational corporations, technology and science sectors.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                    <\/div>\n                            <div class=\"faq-group\">\n                                            <h4 class=\"heading4 text-primary font-bold mb-4\">\n                            Admission Related \u2013 JUPAS                        <\/h4>\n                    \n                                            <div class=\"space-y-[10px]\">\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            1. What is the admission quota for local students in 2023 entry?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p>20.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            2. What are the HKDSE subject requirements? Is there any subject weighting?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <section class=\"pt-2 pb-2 mb-3\">\n<div class=\"container\">\n<div class=\"row content\">\n<div class=\"col-12\">\n<div id=\"qnas-1226\" class=\"accordion\">\n<div class=\"card\">\n<div id=\"collapse-1229\" class=\"collapse show\" aria-labelledby=\"heading-1229\" data-parent=\"#qnas-1226\">\n<div class=\"card-body\">\n<p>Students are required to take the four compulsory subjects, i.e. English, Chinese, Mathematics and Liberal Studies, plus two electives. There is no subject weighting and our HKDSE score formula is based on the best 5 subjects.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"card\">\n<div id=\"heading-1232\" class=\"card-header\">\n<h2 class=\"mb-0\"><\/h2>\n<\/div>\n<\/div>\n<div class=\"card\">\n<div id=\"heading-1233\" class=\"card-header\">\n<h2 class=\"mb-0\"><\/h2>\n<\/div>\n<\/div>\n<div class=\"card\">\n<div id=\"heading-1286\" class=\"card-header\">\n<h2 class=\"mb-0\"><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"pt-2 pb-2 mb-3\">\n<div class=\"container\">\n<div class=\"row content\">\n<div class=\"col-12\"><\/div>\n<\/div>\n<\/div>\n<\/section>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            3. Do I need to learn coding and computer programming in Secondary School?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <section class=\"pt-2 pb-2 mb-3\">\n<div class=\"container\">\n<div class=\"row content\">\n<div class=\"col-12\">\n<div id=\"qnas-1226\" class=\"accordion\">\n<div class=\"card\">\n<div id=\"collapse-1232\" class=\"collapse show\" aria-labelledby=\"heading-1232\" data-parent=\"#qnas-1226\">\n<div class=\"card-body\">\n<p>No. While this will be an advantage, we will teach from basics in our foundation courses.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"card\">\n<div id=\"heading-1233\" class=\"card-header\">\n<h2 class=\"mb-0\"><\/h2>\n<\/div>\n<\/div>\n<div class=\"card\">\n<div id=\"heading-1286\" class=\"card-header\">\n<h2 class=\"mb-0\"><\/h2>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"pt-2 pb-2 mb-3\">\n<div class=\"container\">\n<div class=\"row content\">\n<div class=\"col-12\"><\/div>\n<\/div>\n<\/div>\n<\/section>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            4. Will DSPS join the Broad-based Admission Line of the Faculty of Social Science?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p>No.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            5. What were the historical admission scores?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p><strong>2023 Entry (for reference only)<\/strong><\/p>\n<table border=\"1\" cellspacing=\"1\" cellpadding=\"1\">\n<tbody>\n<tr>\n<td><\/td>\n<td><strong>Upper Quartile<\/strong><\/td>\n<td><strong>Median<\/strong><\/td>\n<td><strong>Lower Quartile<\/strong><\/td>\n<\/tr>\n<tr>\n<td><strong>Total Reference Score^<\/strong><\/td>\n<td><strong>24<\/strong><\/td>\n<td><strong>24<\/strong><\/td>\n<td><strong>23<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><em>^Total Reference Score of the student at UQ, M or LQ is calculated based on the Selection Principle of DSPS, i.e.\u00a0Best 5 subjects in Category A or Category C of HKDSE (where level 5** = 7, level 5* = 6, level 5 = 5, level 4 = 4, level 3 = 3, level 2 = 2, level 1 = 1 for Category A subjects. For Category C: Other Language subjects, Grade A = 5, Grade B = 4, Grade C = 3, Grade D = 2, Grade E = 1).<\/em><\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                    <\/div>\n                            <div class=\"faq-group\">\n                                            <h4 class=\"heading4 text-primary font-bold mb-4\">\n                            Admission Related \u2013 Non-JUPAS &amp; International Students Admissions Scheme                        <\/h4>\n                    \n                                            <div class=\"space-y-[10px]\">\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            1. Am I a local or a non-local applicant?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p>Please note that non-local applicants are those who:<\/p>\n<ul>\n<li>require a student visa\/entry permit to study in Hong Kong; OR<\/li>\n<li>are holders of a visa\/entry permit under the Immigration Arrangements for Non-local Graduates (IANG); OR<\/li>\n<li>are holders of a dependent visa\/entry permit who were 18 years old or above when they were issued with such visa\/entry permit by the Director of Immigration.<\/li>\n<\/ul>\n<p>For details, please refer to the\u00a0<a href=\"http:\/\/admission.cuhk.edu.hk\/\" target=\"_blank\" rel=\"noopener\">Office of Admissions and Financial Aid<\/a>.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            2. What are the admission requirements for Non-JUPAS \/ International Applicants?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p>Please refer to the Office of Admissions and Financial Aid website for details:<\/p>\n<p>Non-JUPAS (Year 1 Admissions):\u00a0<a href=\"http:\/\/admission.cuhk.edu.hk\/non-jupas-yr-1\/requirements.html\" target=\"_blank\" rel=\"noreferrer noopener\">click here<\/a><\/p>\n<p>International Students Admissions Scheme:\u00a0<a href=\"http:\/\/admission.cuhk.edu.hk\/international\/requirements.html\" target=\"_blank\" rel=\"noreferrer noopener\">click here<\/a><\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            3. Will scholarships be available for applicants with outstanding academic performance?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p>Yes. Please refer to the\u00a0<a href=\"https:\/\/sgps.visibleone.dev\/wp-admin\/post.php?post=865&amp;action=edit\">Admission page<\/a>\u00a0of our website.<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                            <div class=\"program-faq-wrapper bg-grey rounded-[10px] overflow-hidden transition-all duration-300\">\n                                    <button type=\"button\"\n                                        class=\"w-full px-5 xl:px-10 py-4 xl:py-5 flex items-center justify-between text-left transition-colors duration-300 group hover:bg-secondary\">\n                                        <p\n                                            class=\"heading6 text-slateTeal-700 max-w-[calc(100%-45px)] group-hover:text-white transition-colors\">\n                                            4. Can I apply for admission with Advanced Standing?                                        <\/p>\n                                        <span\n                                            class=\"inline-flex items-center justify-center w-10 h-10 rounded-full bg-transparent group-hover:bg-white transition-colors flex-shrink-0\">\n                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/plus.svg\" alt=\"expand\"\n                                                class=\"w-5 h-5 object-contain transition-transform duration-300\"\n                                                data-base-src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/\">\n                                        <\/span>\n                                    <\/button>\n\n                                    <div\n                                        class=\"program-faq-content hidden px-5 xl:px-10 py-5 xl:py-8 border-t border-gray-200\/20 bg-white\">\n                                        <div class=\"prose max-w-none text-dark\">\n                                            <p>Yes. Applicants who meet specific requirements as stipulated by the University for particular qualifications (including GCE-AL \/ International-AL, IB, Cambridge Pre-U, HKALE, associate degree \/ higher diploma) may apply for \u201cAdmission with Advanced Standing\u201d. Please see The Office of Admissions and Financial Aid website for details<\/p>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                                    <\/div>\n                                    <\/div>\n                    <\/div>\n    <\/div>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const faqWrappers = document.querySelectorAll('.program-faq-wrapper');\n\n        faqWrappers.forEach(wrapper => {\n            const btn = wrapper.querySelector('button');\n            const content = wrapper.querySelector('.program-faq-content');\n            const icon = wrapper.querySelector('img');\n            const iconBaseSrc = icon ? icon.dataset.baseSrc : '';\n\n            if (!btn || !content) return;\n\n            btn.addEventListener('click', (e) => {\n                e.preventDefault();\n                const isOpen = !content.classList.contains('hidden');\n\n                if (isOpen) {\n                    content.classList.add('hidden');\n                    btn.classList.remove('bg-secondary');\n                    const p = btn.querySelector('p');\n                    if (p) p.classList.remove('text-white');\n                    const span = btn.querySelector('span');\n                    if (span) span.classList.remove('bg-white');\n\n                    if (icon) {\n                        icon.src = iconBaseSrc + 'plus.svg';\n                        icon.style.transform = 'rotate(0deg)';\n                    }\n                } else {\n                    content.classList.remove('hidden');\n                    btn.classList.add('bg-secondary');\n                    const p = btn.querySelector('p');\n                    if (p) p.classList.add('text-white');\n                    const span = btn.querySelector('span');\n                    if (span) span.classList.add('bg-white');\n\n                    if (icon) {\n                        icon.src = iconBaseSrc + 'minus.svg';\n                        icon.style.transform = 'rotate(0deg)';\n                    }\n                }\n            });\n        });\n    });\n<\/script>\n\n<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const allToggles = document.querySelectorAll(\".sidebar-toggle, .sidebar-sub-toggle\");\n        const allLinks = document.querySelectorAll(\".sidebar-link\");\n        const tabContents = document.querySelectorAll(\".program-tab-content\");\n\n        function resetLinks() {\n            allLinks.forEach(l => {\n                l.classList.remove(\"active\", \"text-primary\");\n                l.classList.add(\"text-dark\");\n\n                const dot = l.querySelector(\".dot-indicator, span.rounded-full\");\n                if (dot) {\n                    dot.classList.remove(\"bg-primary\");\n                    if (l.closest('.sidebar-grand-menu')) {\n                        dot.classList.add(\"bg-transparent\", \"border\", \"border-dark\");\n                    } else {\n                        dot.classList.add(\"bg-dark\");\n                    }\n                }\n\n                if (l.parentElement.classList.contains('border-b')) {\n                    l.classList.remove(\"bg-primary\", \"text-white\");\n                }\n            });\n        }\n\n        function activateLink(linkElement) {\n            resetLinks();\n            linkElement.classList.add(\"active\");\n            linkElement.classList.remove(\"text-dark\");\n\n            const dot = linkElement.querySelector(\".dot-indicator, span.rounded-full\");\n            if (dot) {\n                dot.classList.remove(\"bg-dark\", \"bg-transparent\", \"border\", \"border-dark\");\n                dot.classList.add(\"bg-primary\");\n            }\n\n            if (linkElement.parentElement.classList.contains('border-b')) {\n                linkElement.classList.add(\"bg-primary\", \"text-white\");\n            }\n        }\n\n        function openAccordion(btn) {\n            const menu = btn.nextElementSibling;\n            if (!menu) return;\n\n            const parentUl = btn.closest('ul');\n            if (parentUl) {\n                const siblingButtons = Array.from(parentUl.children).map(li => li.querySelector('button')).filter(b => b && b !== btn);\n                siblingButtons.forEach(otherBtn => {\n                    closeAccordion(otherBtn);\n                });\n            }\n\n            btn.classList.add(\"active-parent\", \"text-white\");\n            btn.classList.remove(\"text-dark\");\n\n            const dot = btn.querySelector('.dot-indicator');\n            if (dot) { dot.classList.replace('bg-dark', 'bg-white'); }\n\n            btn.setAttribute(\"aria-expanded\", \"true\");\n            menu.classList.remove(\"hidden\");\n        }\n\n        function closeAccordion(btn) {\n            if (!btn) return;\n            const menu = btn.nextElementSibling;\n            if (!menu) return;\n\n            btn.classList.remove(\"active-parent\", \"text-white\");\n            btn.classList.add(\"text-dark\");\n\n            const dot = btn.querySelector('.dot-indicator');\n            if (dot) { dot.classList.replace('bg-white', 'bg-dark'); }\n\n            btn.setAttribute(\"aria-expanded\", \"false\");\n            menu.classList.add(\"hidden\");\n        }\n\n        function switchTab(targetId) {\n            if (!targetId || targetId === '#' || !targetId.startsWith('#')) return;\n\n            tabContents.forEach(content => content.classList.add('hidden'));\n\n            try {\n                const targetContent = document.querySelector(targetId);\n                if (targetContent) {\n                    targetContent.classList.remove('hidden');\n\n                    allLinks.forEach(l => {\n                        if (l.getAttribute('href') === targetId) {\n                            activateLink(l);\n\n                            let parent = l.parentElement;\n                            while (parent) {\n                                if (parent.classList.contains('sidebar-sub-menu') || parent.classList.contains('sidebar-grand-menu')) {\n                                    const toggleBtn = parent.previousElementSibling;\n                                    if (toggleBtn && (toggleBtn.classList.contains('sidebar-toggle') || toggleBtn.classList.contains('sidebar-sub-toggle'))) {\n                                        toggleBtn.classList.add(\"active-parent\", \"text-white\");\n                                        toggleBtn.classList.remove(\"text-dark\");\n                                        const dot = toggleBtn.querySelector('.dot-indicator');\n                                        if (dot) dot.classList.replace('bg-dark', 'bg-white');\n                                        toggleBtn.setAttribute(\"aria-expanded\", \"true\");\n                                        parent.classList.remove(\"hidden\");\n                                    }\n                                }\n                                parent = parent.parentElement;\n                                if (parent.classList.contains('sidebar-wrapper')) break;\n                            }\n                        }\n                    });\n                }\n            } catch (e) { console.error(\"Tab switch error:\", e); }\n        }\n\n        allToggles.forEach((btn) => {\n            btn.addEventListener(\"click\", function (e) {\n                const href = this.getAttribute(\"data-href\");\n                const isAnchor = href && href.startsWith(\"#\");\n                const menu = this.nextElementSibling;\n\n                if (menu) {\n                    e.preventDefault();\n                    e.stopPropagation();\n\n                    const isOpen = this.getAttribute(\"aria-expanded\") === \"true\";\n\n                    if (isOpen) {\n                        closeAccordion(this);\n                    } else {\n                        openAccordion(this);\n                        if (isAnchor) switchTab(href);\n                    }\n                }\n                else if (isAnchor) {\n                    e.preventDefault();\n                    switchTab(href);\n                    allToggles.forEach(b => {\n                        b.classList.remove(\"active-parent\", \"text-white\");\n                        const d = b.querySelector('.dot-indicator');\n                        if (d) d.classList.replace('bg-white', 'bg-dark');\n                    });\n                    this.classList.add(\"active-parent\", \"text-white\");\n                }\n            });\n        });\n\n        allLinks.forEach((link) => {\n            link.addEventListener(\"click\", function (e) {\n                const href = this.getAttribute(\"href\");\n                if (href && href.startsWith(\"#\")) {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    switchTab(href);\n                    history.pushState(null, null, href);\n                }\n            });\n        });\n\n        const hash = window.location.hash;\n        if (hash && hash !== '#') {\n            switchTab(hash);\n        } else {\n            const hasActivePHP = document.querySelector('.sidebar-link.active') || document.querySelector('.sidebar-toggle.active-parent');\n            if (!hasActivePHP && tabContents.length > 0) {\n                const firstAnchorLink = Array.from(allLinks).find(l => l.getAttribute('href') && l.getAttribute('href').startsWith('#'));\n                if (firstAnchorLink) {\n                    firstAnchorLink.click();\n                }\n            }\n        }\n    });\n<\/script>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":2199,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-2219","page","type-page","status-publish","hentry"],"acf":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/pages\/2219","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/comments?post=2219"}],"version-history":[{"count":0,"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/pages\/2219\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/pages\/2199"}],"wp:attachment":[{"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/media?parent=2219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}