{"id":2389,"date":"2026-02-11T12:16:47","date_gmt":"2026-02-11T04:16:47","guid":{"rendered":"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/practical-application\/"},"modified":"2026-02-11T12:16:47","modified_gmt":"2026-02-11T04:16:47","slug":"practical-application","status":"publish","type":"page","link":"https:\/\/sgps.visibleone.dev\/sc\/mssc-in-public-policy-mpup\/practical-application\/","title":{"rendered":"Practical Application"},"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=\"MSSc in Public Policy (MPUP)\"\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                MSSc in Public Policy (MPUP)            <\/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=\"#\"\n                            class=\"text-body-1 text-white opacity-60 [&#038;.active]:opacity-100 hover:opacity-100\"\n                            target=\"_self\">\n                            Postgraduate                        <\/a>\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\/mssc-in-public-policy-mpup\/\"\n                            class=\"text-body-1 text-white opacity-60 [&#038;.active]:opacity-100 hover:opacity-100\"\n                            target=\"_self\">\n                            MSSc in Public Policy (MPUP)                        <\/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                    Practical Application                <\/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                            MSSc in Public Policy (MPUP)                        <\/h6>\n                    <\/div>\n\n                                            <ul class=\"flex flex-col w-full\">\n                            \n                                                                    <li class=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/mission-and-vision\/\" 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\">Home<\/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=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/mission-and-vision\/\" aria-expanded=\"false\" aria-controls=\"sidebar-menu-1\" 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\">About Us<\/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-1\" 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\/mssc-in-public-policy-mpup\/mission-and-vision\/\" 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                                                            Mission And Vision                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/programme-objectives\/\" 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 Objectives                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/programme-brochure\/\" 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 Brochure                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/e-newsletter\/\" 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                                                            E-Newsletter                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/photo-gallery\/\" 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                                                            Photo Gallery                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                                                        <\/ul>\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=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/programme-structure\/\" 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                                                        <button type=\"button\" data-href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/programme-structure\/\" aria-expanded=\"false\" aria-controls=\"sidebar-submenu-2-0\" class=\"sidebar-sub-toggle w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center justify-between transition-all cursor-pointer text-dark sidebar-main-link\">\n                                                            <div class=\"flex items-center gap-3 pointer-events-none\">\n                                                                <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                                Programme Structure                                                            <\/div>\n                                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/arrow-down.svg\"\n                                                                alt=\"\" class=\"w-3 h-3 object-contain opacity-60 pointer-events-none\">\n                                                        <\/button>\n\n                                                        <ul id=\"sidebar-submenu-2-0\" class=\"sidebar-grand-menu bg-[#E0E0E0] hidden w-full pb-2\">\n                                                                                                                            <li class=\"w-full block\">\n                                                                    <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/courses\/\" class=\"sidebar-link block w-full pl-12 pr-5 py-2.5 heading6  font-normal flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                                        <span\n                                                                            class=\"w-1.5 h-1.5 rounded-full flex-shrink-0 bg-transparent border border-dark transition-colors\"><\/span>\n                                                                        Courses                                                                    <\/a>\n                                                                <\/li>\n                                                                                                                                <li class=\"w-full block\">\n                                                                    <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/period-of-study\/\" class=\"sidebar-link block w-full pl-12 pr-5 py-2.5 heading6  font-normal flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                                        <span\n                                                                            class=\"w-1.5 h-1.5 rounded-full flex-shrink-0 bg-transparent border border-dark transition-colors\"><\/span>\n                                                                        Period of Study                                                                    <\/a>\n                                                                <\/li>\n                                                                                                                                <li class=\"w-full block\">\n                                                                    <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/potential-applicants-2\/\" class=\"sidebar-link block w-full pl-12 pr-5 py-2.5 heading6  font-normal flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                                        <span\n                                                                            class=\"w-1.5 h-1.5 rounded-full flex-shrink-0 bg-transparent border border-dark transition-colors\"><\/span>\n                                                                        Graduation Requirement                                                                    <\/a>\n                                                                <\/li>\n                                                                                                                        <\/ul>\n                                                    <\/li>\n\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <button type=\"button\" data-href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/programme-management\/\" aria-expanded=\"false\" aria-controls=\"sidebar-submenu-2-1\" class=\"sidebar-sub-toggle w-full pl-8 pr-5 py-3 heading6 font-medium flex items-center justify-between transition-all cursor-pointer text-dark sidebar-main-link\">\n                                                            <div class=\"flex items-center gap-3 pointer-events-none\">\n                                                                <span class=\"dot-indicator w-1.5 h-1.5 rounded-full flex-shrink-0 bg-dark transition-colors\"><\/span>\n                                                                People                                                            <\/div>\n                                                            <img decoding=\"async\" src=\"https:\/\/sgps.visibleone.dev\/wp-content\/themes\/cuhk-sgps\/public\/icons\/arrow-down.svg\"\n                                                                alt=\"\" class=\"w-3 h-3 object-contain opacity-60 pointer-events-none\">\n                                                        <\/button>\n\n                                                        <ul id=\"sidebar-submenu-2-1\" class=\"sidebar-grand-menu bg-[#E0E0E0] hidden w-full pb-2\">\n                                                                                                                            <li class=\"w-full block\">\n                                                                    <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/programme-management\/\" class=\"sidebar-link block w-full pl-12 pr-5 py-2.5 heading6  font-normal flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                                        <span\n                                                                            class=\"w-1.5 h-1.5 rounded-full flex-shrink-0 bg-transparent border border-dark transition-colors\"><\/span>\n                                                                        Programme Management                                                                    <\/a>\n                                                                <\/li>\n                                                                                                                                <li class=\"w-full block\">\n                                                                    <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/international-advisors\/\" class=\"sidebar-link block w-full pl-12 pr-5 py-2.5 heading6  font-normal flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                                        <span\n                                                                            class=\"w-1.5 h-1.5 rounded-full flex-shrink-0 bg-transparent border border-dark transition-colors\"><\/span>\n                                                                        International Advisors                                                                    <\/a>\n                                                                <\/li>\n                                                                                                                                <li class=\"w-full block\">\n                                                                    <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/teaching-team\/\" class=\"sidebar-link block w-full pl-12 pr-5 py-2.5 heading6  font-normal flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                                        <span\n                                                                            class=\"w-1.5 h-1.5 rounded-full flex-shrink-0 bg-transparent border border-dark transition-colors\"><\/span>\n                                                                        Teaching Team                                                                    <\/a>\n                                                                <\/li>\n                                                                                                                                <li class=\"w-full block\">\n                                                                    <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/student-and-graduate-profile\/\" class=\"sidebar-link block w-full pl-12 pr-5 py-2.5 heading6  font-normal flex items-center gap-3 transition-all text-dark sidebar-main-link\">\n                                                                        <span\n                                                                            class=\"w-1.5 h-1.5 rounded-full flex-shrink-0 bg-transparent border border-dark transition-colors\"><\/span>\n                                                                        Student and Graduate Profile                                                                    <\/a>\n                                                                <\/li>\n                                                                                                                        <\/ul>\n                                                    <\/li>\n\n                                                \n                                                                                        <\/ul>\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=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/comprehensive-learning\/\" aria-expanded=\"false\" aria-controls=\"sidebar-menu-3\" 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 MPUP<\/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-3\" 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\/mssc-in-public-policy-mpup\/comprehensive-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                                                            Comprehensive Learning                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/practical-application\/\" 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                                                            Practical Application                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/student-alumni-endorsement\/\" 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                                                            Student\/ Alumni Endorsement                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                                                        <\/ul>\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-4\" 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\">Admission<\/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-4\" 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\/mssc-in-public-policy-mpup\/potential-applicants\/\" 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                                                            Potential Applicants                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/admission-requirement\/\" 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                                                            Admission Requirement                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/procedures\/\" 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                                                            Procedures                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/application-deadline\/\" 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                                                            Application Deadline                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/tuition-fee-and-scholarship\/\" 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                                                            Tuition Fee and Scholarship                                                        <\/a>\n                                                    <\/li>\n                                                \n                                                \n                                                                                                    <li class=\"w-full block\">\n                                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/faqs-for-admission\/\" 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                                                            FAQs for Admission                                                        <\/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=mssc_in_public_policy\" 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=\"border-b border-gray-200 last:border-0 w-full block\">\n                                        <a href=\"https:\/\/sgps.visibleone.dev\/mssc-in-public-policy-mpup\/contact-us\/\" 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 Us<\/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     x-data='{ activeTab: \"Dialogue with Top Policymakers\" }'\n    class=\"program-tab-content section-block mb-16 scroll-mt-32\">\n\n    <h3 class=\"heading3 border-l-[6px] border-primary pl-5 mb-5 lg:mb-8\">\n        Practical Application    <\/h3>\n\n    <div class=\"border-b border-stroke mb-5 lg:mb-8 flex overflow-x-auto [&#038;::-webkit-scrollbar]:w-0 [&#038;::-webkit-scrollbar]:h-0\">\n                    <button type=\"button\"\n                @click='activeTab = \"Dialogue with Top Policymakers\"; $el.scrollIntoView({ behavior: \"smooth\", inline: \"center\", block: \"nearest\" })'\n                :class='activeTab === \"Dialogue with Top Policymakers\" ? \"active\" : \"\"'\n                class=\"py-[10px] px-5 heading6 text-slateTeal-300 rounded-t-[10px] [&#038;.active]:bg-primary [&#038;.active]:text-white whitespace-nowrap transition-colors duration-200\">\n                Dialogue with Top Policymakers            <\/button>\n                    <button type=\"button\"\n                @click='activeTab = \"Institutional Visits\"; $el.scrollIntoView({ behavior: \"smooth\", inline: \"center\", block: \"nearest\" })'\n                :class='activeTab === \"Institutional Visits\" ? \"active\" : \"\"'\n                class=\"py-[10px] px-5 heading6 text-slateTeal-300 rounded-t-[10px] [&#038;.active]:bg-primary [&#038;.active]:text-white whitespace-nowrap transition-colors duration-200\">\n                Institutional Visits            <\/button>\n            <\/div>\n\n    <div class=\"custom-content prose max-w-none text-dark\">\n                    <div x-show='activeTab === \"Dialogue with Top Policymakers\"'\n                 x-cloak\n                 class=\"animate-fadeIn\">\n                <p>In bringing theory into practice, the Programme regularly invites top policymakers for face-to-face dialogue with students. Participants benefit by the inspiring sharing of experience and views, as well as the valuable opportunities of interaction permitted by the relatively small group size of participants.<\/p>\n<p>&nbsp;<\/p>\n<table width=\"830\">\n<thead>\n<tr>\n<th>Policy Dialogue with Top Policymakers<\/th>\n<th>Title<\/th>\n<th>Date<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>Mr. Edward Yau Tang-Wah \uff0d<\/p>\n<p>Dialogue on How come free trade has become a taboo, and is international trade an olive branch or a weapon of war?<\/td>\n<td><em>Former Secretary for Commerce and Economic Development<\/em><\/td>\n<td width=\"120\">25 Nov 2023<\/td>\n<\/tr>\n<tr>\n<td>Ms. Regina Ip<\/td>\n<td><em>Chairperson of the New People&#8217;s Party<\/em><\/p>\n<p><em>Member of the Executive Council (ExCo) and Legislative Council of Hong Kong (LegCo)<\/em><\/td>\n<td width=\"120\">23 Oct 2021<\/td>\n<\/tr>\n<tr>\n<td>Mr. Kam-Sing Wong \u2013<\/p>\n<p>Public Policy Forum on Economic Opportunities of Climate Change<\/td>\n<td><em>Secretary for the Environment, HKSAR Government<\/em><\/td>\n<td width=\"120\">1 Nov 2018<\/td>\n<\/tr>\n<tr>\n<td>Dr. Bernard Chan<\/td>\n<td><em>Under Secretary for Commerce and Economic Development Bureau, HKSAR Government<\/em><\/td>\n<td width=\"120\">4 Oct 2017<\/td>\n<\/tr>\n<tr>\n<td>Mr. Nicholas Yang \u2013<\/p>\n<p>Dialogue on Innovation and Technology: The New Economic Driver for Hong Kong<\/td>\n<td><em>Secretary for Innovation and Technology, HKSAR Government<\/em><\/td>\n<td width=\"120\">30 Nov 2016<\/td>\n<\/tr>\n<tr>\n<td>Ms. Eva Cheng<\/td>\n<td><em>Former Secretary for Transport and Housing, HKSAR Government<\/em><\/td>\n<td width=\"120\">14 Mar 2015<\/td>\n<\/tr>\n<tr>\n<td>Mrs. Anson Chan<\/td>\n<td><em>Former Secretary for Administration, HKSAR Government<\/em><\/td>\n<td width=\"120\">25 Oct 2014<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Click the following links for the photo galleries:<\/strong><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\"><a href=\"http:\/\/mpup.ssc.cuhk.edu.hk\/album\/public-policy-forum-on-economic-opportunities-of-climate-change\/\" target=\"_blank\" rel=\"noopener\">Public Policy Forum on Economic Opportunities of Climate Change<\/a><\/span><\/li>\n<li><span style=\"text-decoration: underline;\"><a href=\"http:\/\/mpup.ssc.cuhk.edu.hk\/album\/visit-to-commerce-and-economic-development-bureau-2017\/\" target=\"_blank\" rel=\"noopener\">Visit to Commerce and Economic Development Bureau<\/a><\/span><\/li>\n<li><span style=\"text-decoration: underline;\"><a href=\"http:\/\/mpup.ssc.cuhk.edu.hk\/album\/dinner-with-mr-nicholas-yang-jp-secretary-for-innovation-and-technology-hksar-government\/\" target=\"_blank\" rel=\"noopener\">Dinner with Mr. Nicholas Yang, JP (Secretary for Innovation and Technology, HKSAR Government)<\/a><\/span><\/li>\n<li><span style=\"text-decoration: underline;\"><a href=\"http:\/\/mpup.ssc.cuhk.edu.hk\/album\/social-gathering-with-ms-eva-cheng-former-secretary-for-transport-and-housing-hksar-gorverment\/\" target=\"_blank\" rel=\"noopener\">Social Gathering with Ms. Eva Cheng (Former Secretary for Transport and Housing, HKSAR Government)<\/a><\/span><\/li>\n<li><span style=\"text-decoration: underline;\"><a href=\"http:\/\/mpup.ssc.cuhk.edu.hk\/album\/social-gathering-with-mrs-anson-chan-former-secretary-for-administration-hksar-government\/\" target=\"_blank\" rel=\"noopener\">Social Gathering with Mrs. Anson Chan (Former Secretary for Administration, HKSAR Government)<\/a><\/span><\/li>\n<\/ul>\n            <\/div>\n                    <div x-show='activeTab === \"Institutional Visits\"'\n                 x-cloak\n                 class=\"animate-fadeIn\">\n                <p>The Programme organizes visits to public organizations and policy institutions like Independent Commission Against Corruption (ICAC), Legislative Council (LegCo), etc., to enhance students\u2019 understanding of their role, management and operation. Such visits are usually enriched by interactions with and sharing by senior staff. As a highlight of the LegCo visit, a serving LegCo member would be invited for in-depth discussion on the practical concerns and challenges about policy formation and implementation.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Click the following links for the photo gallery.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><span style=\"text-decoration: underline;\"><a href=\"https:\/\/mpup.ssc.cuhk.edu.hk\/album\/visit-to-consulate-general-of-the-russian-federation\/\" target=\"_blank\" rel=\"noopener\">Visit to Consulate General of the Russian Federation<\/a><\/span><\/li>\n<li><span style=\"text-decoration: underline;\"><a href=\"https:\/\/mpup.ssc.cuhk.edu.hk\/album\/visit-to-commerce-and-economic-development-bureau-2017\/\" target=\"_blank\" rel=\"noopener\">Visit to Commerce and Economic Development Bureau<\/a><\/span><\/li>\n<li><span style=\"text-decoration: underline;\"><a href=\"https:\/\/mpup.ssc.cuhk.edu.hk\/album\/visit-to-icac-2016\/\" target=\"_blank\" rel=\"noopener\">Visit to ICAC<\/a><\/span><\/li>\n<li><span style=\"text-decoration: underline;\"><a href=\"https:\/\/mpup.ssc.cuhk.edu.hk\/album\/visit-to-legislative-council\/\" target=\"_blank\" rel=\"noopener\">Visit to Legislative Council<\/a><\/span><\/li>\n<\/ul>\n            <\/div>\n            <\/div>\n<\/div>\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":3,"featured_media":0,"parent":2345,"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-2389","page","type-page","status-publish","hentry"],"acf":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/pages\/2389","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/comments?post=2389"}],"version-history":[{"count":0,"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/pages\/2389\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/pages\/2345"}],"wp:attachment":[{"href":"https:\/\/sgps.visibleone.dev\/sc\/wp-json\/wp\/v2\/media?parent=2389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}