{"id":6723,"date":"2025-09-03T12:05:06","date_gmt":"2025-09-03T12:05:06","guid":{"rendered":"https:\/\/www.njfuture.org\/?page_id=6723"},"modified":"2025-12-16T15:40:37","modified_gmt":"2025-12-16T15:40:37","slug":"issue-areas","status":"publish","type":"page","link":"https:\/\/www.njfuture.org\/our-work\/issue-areas\/","title":{"rendered":"Issue Areas"},"content":{"rendered":"\n<div class=\"bg-brand-jersey-blue text-white relative mb-10 overflow-hidden\">\n  <div class=\"container py-10 md:py-36 relative\">\n        <div\n      class=\"uppercase w-full md:w-[42%] font-gotham\">\n              <h2 class=\"text-3xl text-brand-grey\">our work<\/h2>\n                    <h2 class=\"text-h2 md:text-h1 font-bold mt-6\">\n          Great places create great lives        <\/h2>\n          <\/div>\n  <\/div>\n\n      <div class=\"max-md:hidden absolute top-0 h-full w-[50%] right-0\"\n      style=\"background-image: url('https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/12\/Overhead-mountain-town-e1765899629363.png'); background-size: cover; background-position: top; background-repeat: no-repeat;\">\n      <!-- w-[26.875rem] -->\n      <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/Frame-1261152805.svg\" alt=\"hero-banner-vector\"\n        class=\"object-cover object-left absolute top-0 left-0 w-full h-full lg:h-full lg:w-auto   without-contrast-wave-image block\">\n\n      <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/Frame-1261152805-1.svg\" alt=\"hero-banner-vector\"\n        class=\"object-cover object-left absolute top-0 left-0 w-full h-full lg:h-full lg:w-auto contrast-wave-image hidden\">\n    <\/div>\n    <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/12\/Overhead-mountain-town-e1765899629363.png\" alt=\"hero-banner-image\"\n      class=\"md:hidden w-full object-contain object-center h-[22rem]\">\n      <\/div>\n\n\n\n<section data-testid=\"title-and-text\" class=\"container mb-10 title-and-text\">\n            <div class=\"htmlBlock text-brand-black jury_desc font-gotham font-normal mt-4\">\n         <p>New Jersey residents and businesses have the fundamental right to live and work in communities where clean drinking water flows from every tap, homes are free from environmental hazards, rivers run clear and unpolluted, and neighborhoods remain safe from flooding.<\/p>\n      <\/div>\n      <\/section>\n\n\n  \n  <section data-test=\"section-issue-area\" class=\"section-issue-area w-full overflow-clip\">\n\n    <!-- MAIN CONTENT -->\n    <div class=\"w-full h-full relative flex items-start container \">\n      <div class=\"sidebar-bg\"><\/div>\n\n      <!-- DYNAMIC SIDEBAR (Desktop) -->\n      <div\n        class=\"sidebar relative [@media(min-width:576px)]:sticky !w-auto lg:top-12 h-fit z-10 bg-brand-med-grey max-w-[20rem]  lg:pr-10 pr-5 py-5 lg:py-12 mx-auto hidden [@media(min-width:576px)]:flex flex-col items-start justify-start gap-6\">\n\n        <h2 class=\"issue-areas text-brand-jersey-blue text-h4 font-bold font-tradeGothic\">\n          Issue Areas\n        <\/h2>\n\n                  <div class=\"sidebar-item flex items-center justify-between gap-5 cursor-pointer transition-colors\"\n            data-issue-id=\"7837\">\n                          <div\n                class=\"icon-circle w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] flex-shrink-0 flex justify-center items-center rounded-full bg-brand-light-steel-blue\">\n                <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-Housing.svg\" alt=\"Housing and Neighborhoods-logo\"\n                  class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n              <\/div>\n                                      <h2\n                class=\"sidebar-title text-start !font-gotham text-p2 font-bold text-brand-black [@media(max-width:575px)]:hidden\">\n                Housing and Neighborhoods              <\/h2>\n                      <\/div>\n                  <div class=\"sidebar-item flex items-center justify-between gap-5 cursor-pointer transition-colors\"\n            data-issue-id=\"7841\">\n                          <div\n                class=\"icon-circle w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] flex-shrink-0 flex justify-center items-center rounded-full bg-brand-light-steel-blue\">\n                <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-Transportation.svg\" alt=\"Transportation-logo\"\n                  class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n              <\/div>\n                                      <h2\n                class=\"sidebar-title text-start !font-gotham text-p2 font-bold text-brand-black [@media(max-width:575px)]:hidden\">\n                Transportation              <\/h2>\n                      <\/div>\n                  <div class=\"sidebar-item flex items-center justify-between gap-5 cursor-pointer transition-colors\"\n            data-issue-id=\"7833\">\n                          <div\n                class=\"icon-circle w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] flex-shrink-0 flex justify-center items-center rounded-full bg-brand-light-steel-blue\">\n                <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-WaterInfra.svg\" alt=\"Water Infrastructure-logo\"\n                  class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n              <\/div>\n                                      <h2\n                class=\"sidebar-title text-start !font-gotham text-p2 font-bold text-brand-black [@media(max-width:575px)]:hidden\">\n                Water Infrastructure              <\/h2>\n                      <\/div>\n                  <div class=\"sidebar-item flex items-center justify-between gap-5 cursor-pointer transition-colors\"\n            data-issue-id=\"7838\">\n                          <div\n                class=\"icon-circle w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] flex-shrink-0 flex justify-center items-center rounded-full bg-brand-light-steel-blue\">\n                <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-PlanningGovernance.svg\" alt=\"Planning and Governance-logo\"\n                  class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n              <\/div>\n                                      <h2\n                class=\"sidebar-title text-start !font-gotham text-p2 font-bold text-brand-black [@media(max-width:575px)]:hidden\">\n                Planning and Governance              <\/h2>\n                      <\/div>\n                  <div class=\"sidebar-item flex items-center justify-between gap-5 cursor-pointer transition-colors\"\n            data-issue-id=\"7840\">\n                          <div\n                class=\"icon-circle w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] flex-shrink-0 flex justify-center items-center rounded-full bg-brand-light-steel-blue\">\n                <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-ClimateChange.svg\" alt=\"Climate Change-logo\"\n                  class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n              <\/div>\n                                      <h2\n                class=\"sidebar-title text-start !font-gotham text-p2 font-bold text-brand-black [@media(max-width:575px)]:hidden\">\n                Climate Change              <\/h2>\n                      <\/div>\n                  <div class=\"sidebar-item flex items-center justify-between gap-5 cursor-pointer transition-colors\"\n            data-issue-id=\"14601\">\n                          <div\n                class=\"icon-circle w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] flex-shrink-0 flex justify-center items-center rounded-full bg-brand-light-steel-blue\">\n                <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/Capa_1-1.svg\" alt=\"Health-logo\"\n                  class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n              <\/div>\n                                      <h2\n                class=\"sidebar-title text-start !font-gotham text-p2 font-bold text-brand-black [@media(max-width:575px)]:hidden\">\n                Health              <\/h2>\n                      <\/div>\n              <\/div>\n\n      <!-- MAIN CONTENT -->\n      <div class=\"w-full h-[-webkit-fill-available] flex flex-col items-start z-10 bg-white\">\n\n        <!-- FILTERS -->\n        <div class=\"relative h-full w-full xl:w-[103%] [@media(min-width:1400px)]:w-[110%]\">\n          <div\n            class=\"absolute z-10 [@media(max-width:575px)]:-left-5 [@media(min-width:576px)]:left-0 bg-brand-light-steel-blue inset-y-0 w-screen\">\n          <\/div>\n\n          <div\n            class=\"bg-brand-light-steel-blue py-6 [@media(max-width:575px)]:!px-0 pl-5 lg:pl-8 lg:-mr-2 w-full max-w-[1072px] relative z-20\">\n            <div class=\"w-full flex flex-col justify-between gap-6\">\n              <div class=\"grid-three gap-6 w-full\">\n                <!-- Search by Keyword -->\n                <div class=\"gridBox-three block w-full relative\">\n                  <div\n                    class=\"h-full rounded-[.375rem] w-full bg-white border border-brand-light-steel-blue px-6 py-4 flex justify-between items-center gap-4\">\n                    <input type=\"text\" id=\"keyword-search\" placeholder=\"Search by Keyword\"\n                      class=\"w-full outline-none text-p2 placeholder:text-p2 placeholder:font-normal font-normal placeholder:text-brand-slate-grey text-brand-slate-grey\">\n                    <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/Search.svg\" alt=\"search\"\n                      class=\"w-7 h-7 shrink-0\">\n                  <\/div>\n                <\/div>\n\n                <!-- By Issue Area -->\n                <div class=\"gridBox-three block w-full relative\">\n                  <div id=\"issue-area-dropdown\"\n                    class=\"rounded-[.375rem] w-full bg-inherit border border-brand-light-steel-blue px-6 py-4 flex justify-between items-center gap-4 bg-white cursor-pointer\">\n                    <span class='text-p2 font-normal text-brand-slate-grey'>By Issue Area<\/span>\n                    <img decoding=\"async\"\n                      src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/ArrowDown.svg\"\n                      alt=\"Dropdown\" class=\"w-7 h-7 shrink-0 transition-transform duration-300\" id=\"issue-area-arrow\">\n                  <\/div>\n                  <div id=\"issue-area-dropdown-options\"\n                    class=\"absolute w-full rounded-md shadow-lg mt-2 bg-white z-[9999] overflow-hidden hidden\">\n                                          <span\n                        class=\"issue-area-dropdown-item px-6 py-4 block cursor-pointer !no-underline text-p3 font-tradeGothic text-brand-slate-grey hover:bg-brand-future-green hover:text-white\"\n                        data-issue-id=\"7837\">\n                        Housing and Neighborhoods                      <\/span>\n                                          <span\n                        class=\"issue-area-dropdown-item px-6 py-4 block cursor-pointer !no-underline text-p3 font-tradeGothic text-brand-slate-grey hover:bg-brand-future-green hover:text-white\"\n                        data-issue-id=\"7841\">\n                        Transportation                      <\/span>\n                                          <span\n                        class=\"issue-area-dropdown-item px-6 py-4 block cursor-pointer !no-underline text-p3 font-tradeGothic text-brand-slate-grey hover:bg-brand-future-green hover:text-white\"\n                        data-issue-id=\"7833\">\n                        Water Infrastructure                      <\/span>\n                                          <span\n                        class=\"issue-area-dropdown-item px-6 py-4 block cursor-pointer !no-underline text-p3 font-tradeGothic text-brand-slate-grey hover:bg-brand-future-green hover:text-white\"\n                        data-issue-id=\"7838\">\n                        Planning and Governance                      <\/span>\n                                          <span\n                        class=\"issue-area-dropdown-item px-6 py-4 block cursor-pointer !no-underline text-p3 font-tradeGothic text-brand-slate-grey hover:bg-brand-future-green hover:text-white\"\n                        data-issue-id=\"7840\">\n                        Climate Change                      <\/span>\n                                          <span\n                        class=\"issue-area-dropdown-item px-6 py-4 block cursor-pointer !no-underline text-p3 font-tradeGothic text-brand-slate-grey hover:bg-brand-future-green hover:text-white\"\n                        data-issue-id=\"14601\">\n                        Health                      <\/span>\n                                      <\/div>\n                <\/div>\n\n                <!-- By Topic (Programs) -->\n                <div class=\"gridBox-three block w-full relative\">\n                  <div id=\"topic-dropdown\"\n                    class=\"rounded-[.375rem] w-full bg-inherit border border-brand-light-steel-blue px-6 py-4 flex justify-between items-center gap-4 bg-white cursor-pointer\">\n                    <span class='text-p2 font-normal text-brand-slate-grey'>By Topic<\/span>\n                    <img decoding=\"async\"\n                      src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/ArrowDown.svg\"\n                      alt=\"Dropdown\" class=\"w-7 h-7 shrink-0 transition-transform duration-300\" id=\"topic-arrow\">\n                  <\/div>\n                  <div id=\"topic-dropdown-options\"\n                    class=\"absolute w-full rounded-md shadow-lg mt-2 bg-white z-[9999] overflow-hidden hidden max-h-80 overflow-y-auto\">\n                    <div class=\"topic-options-container\">\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <!-- Selected Filters + Clear -->\n              <div id=\"selection-controls\"\n                class=\"flex [@media(max-width:575px)]:items-start items-center justify-between gap-5 [@media(min-width:576px)]:gap-10 hidden\">\n                <div id=\"active-filters\"\n                  class=\"flex items-start justify-start gap-3 [@media(min-width:576px)]:gap-6 flex-wrap\">\n                <\/div>\n                <span id=\"clear-search-link\"\n                  class=\"text-p2 font-bold text-brand-slate-grey cursor-pointer flex-shrink-0\">Clear Search<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div\n          class=\"relative issue-areas !w-full bg-brand-med-grey p-5 [@media(min-width:576px)]:hidden flex flex-col items-start justify-start gap-6\">\n          <div class=\"absolute -z-10 -left-5 bg-brand-med-grey inset-y-0 w-screen\">\n          <\/div>\n\n          <h2 class=\"text-brand-jersey-blue text-h4 font-bold font-tradeGothic\">\n            Issue Areas\n          <\/h2>\n\n                      <div class=\"sidebar-item flex items-center justify-between gap-5 cursor-pointer transition-colors\"\n              data-issue-id=\"7837\">\n                              <div\n                  class=\"icon-circle w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] flex-shrink-0 flex justify-center items-center rounded-full bg-brand-light-steel-blue\">\n                  <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-Housing.svg\" alt=\"Housing and Neighborhoods-logo\"\n                    class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n                <\/div>\n                                            <h2 class=\"sidebar-title text-start !font-gotham text-p2 font-bold text-brand-black\">\n                  Housing and Neighborhoods                <\/h2>\n                          <\/div>\n                      <div class=\"sidebar-item flex items-center justify-between gap-5 cursor-pointer transition-colors\"\n              data-issue-id=\"7841\">\n                              <div\n                  class=\"icon-circle w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] flex-shrink-0 flex justify-center items-center rounded-full bg-brand-light-steel-blue\">\n                  <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-Transportation.svg\" alt=\"Transportation-logo\"\n                    class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n                <\/div>\n                                            <h2 class=\"sidebar-title text-start !font-gotham text-p2 font-bold text-brand-black\">\n                  Transportation                <\/h2>\n                          <\/div>\n                      <div class=\"sidebar-item flex items-center justify-between gap-5 cursor-pointer transition-colors\"\n              data-issue-id=\"7833\">\n                              <div\n                  class=\"icon-circle w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] flex-shrink-0 flex justify-center items-center rounded-full bg-brand-light-steel-blue\">\n                  <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-WaterInfra.svg\" alt=\"Water Infrastructure-logo\"\n                    class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n                <\/div>\n                                            <h2 class=\"sidebar-title text-start !font-gotham text-p2 font-bold text-brand-black\">\n                  Water Infrastructure                <\/h2>\n                          <\/div>\n                      <div class=\"sidebar-item flex items-center justify-between gap-5 cursor-pointer transition-colors\"\n              data-issue-id=\"7838\">\n                              <div\n                  class=\"icon-circle w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] flex-shrink-0 flex justify-center items-center rounded-full bg-brand-light-steel-blue\">\n                  <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-PlanningGovernance.svg\" alt=\"Planning and Governance-logo\"\n                    class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n                <\/div>\n                                            <h2 class=\"sidebar-title text-start !font-gotham text-p2 font-bold text-brand-black\">\n                  Planning and Governance                <\/h2>\n                          <\/div>\n                      <div class=\"sidebar-item flex items-center justify-between gap-5 cursor-pointer transition-colors\"\n              data-issue-id=\"7840\">\n                              <div\n                  class=\"icon-circle w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] flex-shrink-0 flex justify-center items-center rounded-full bg-brand-light-steel-blue\">\n                  <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-ClimateChange.svg\" alt=\"Climate Change-logo\"\n                    class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n                <\/div>\n                                            <h2 class=\"sidebar-title text-start !font-gotham text-p2 font-bold text-brand-black\">\n                  Climate Change                <\/h2>\n                          <\/div>\n                      <div class=\"sidebar-item flex items-center justify-between gap-5 cursor-pointer transition-colors\"\n              data-issue-id=\"14601\">\n                              <div\n                  class=\"icon-circle w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] flex-shrink-0 flex justify-center items-center rounded-full bg-brand-light-steel-blue\">\n                  <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/Capa_1-1.svg\" alt=\"Health-logo\"\n                    class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n                <\/div>\n                                            <h2 class=\"sidebar-title text-start !font-gotham text-p2 font-bold text-brand-black\">\n                  Health                <\/h2>\n                          <\/div>\n                  <\/div>\n\n        <div id=\"results-container\" class=\"w-full pb-[2.125rem]\">\n                      <div class=\" bg-white issue-area-block \"\n              data-issue-id=\"7837\" data-programs='[{\"id\":13406,\"title\":\"Transit Oriented Development\"},{\"id\":13400,\"title\":\"Housing and Equity\"},{\"id\":13403,\"title\":\"Redevelopment\"},{\"id\":13747,\"title\":\"Creating Great Places To Age\"}]'>\n              <div class=\"w-full [@media(max-width:575px)]:h-max px-5 lg:px-10 xl:px-12 mx-auto py-5 lg:py-12 relative\">\n                <div class=\"absolute -left-5 bottom-0 bg-brand-med-grey w-screen h-[.0625rem]\"><\/div>\n                <div class=\"w-full flex  items-center  justify-between gap-5\">\n                  <div class=\"w-full flex max-lg:flex-col justify-center  lg:justify-start items-center gap-6\">\n                                          <div\n                        class=\"w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] bg-brand-future-green flex-shrink-0 flex justify-center items-center rounded-full\">\n                        <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-Housing.svg\" alt=\"Housing and Neighborhoods\"\n                          class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n                      <\/div>\n                                                              <h2\n                        class=\"text-brand-jersey-blue text-center lg:text-left !font-gotham text-p1 [@media(min-width:576px)]:text-h2 font-medium uppercase\">\n                        Housing and Neighborhoods                      <\/h2>\n                                      <\/div>\n                                      <a href=\"https:\/\/www.njfuture.org\/issue_area\/housing-and-neighborhoods\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button max-lg:hidden flex-shrink-0 !px-5 !py-3 !text-p2 card-btn\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                  <\/div>\n                                  <div class=\"htmlBlock htmlBlock-para-style text-brand-black text-left mt-8 h-full\">\n                    <p>Every New Jersey resident deserves an affordable place to live, work, and play in a safe, healthy, vibrant community.<\/p>\n                  <\/div>\n                                                  <a href=\"https:\/\/www.njfuture.org\/issue_area\/housing-and-neighborhoods\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button lg:hidden flex-shrink-0 mt-[1.375rem] !mx-auto !px-5 !py-3 !text-p2 card-btn\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                                  <div\n                    class=\"mt-12 py-[2.75rem] lg:px-12 px-5 bg-brand-grey four-grid gap-x-[2.1875rem] gap-y-[2.1875rem] lg:gap-y-[3.125rem] border-b-[.3125rem] border-b-brand-gold\">\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/transit-oriented-development\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Transit Oriented Development\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/TrainStation-bikes-content-150x150.jpg\" alt=\"Transit Oriented Development\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Transit Oriented Development                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/housing-and-equity\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Housing and Equity\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/Family-in-front-of-home-150x150.jpg\" alt=\"Housing and Equity\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Housing and Equity                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/redevelopment\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Redevelopment\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/CrackerFactory-beforeRestoration06-150x150.jpg\" alt=\"Redevelopment\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Redevelopment                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/creating-great-places-to-age\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Creating Great Places To Age\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/Palmer-Square-in-Princeton-slideshow-620x376-1-150x150.jpg\" alt=\"Creating Great Places To Age\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Creating Great Places To Age                        <\/p>\n                      <\/a>\n                                      <\/div>\n                              <\/div>\n            <\/div>\n                      <div class=\" bg-white issue-area-block \"\n              data-issue-id=\"7841\" data-programs='[{\"id\":13401,\"title\":\"Land Use Solutions\"},{\"id\":13396,\"title\":\"Bicycle and Pedestrian\"},{\"id\":13752,\"title\":\"VMT Reduction\"},{\"id\":13407,\"title\":\"Transportation Funding\"}]'>\n              <div class=\"w-full [@media(max-width:575px)]:h-max px-5 lg:px-10 xl:px-12 mx-auto py-5 lg:py-12 relative\">\n                <div class=\"absolute -left-5 bottom-0 bg-brand-med-grey w-screen h-[.0625rem]\"><\/div>\n                <div class=\"w-full flex  items-center  justify-between gap-5\">\n                  <div class=\"w-full flex max-lg:flex-col justify-center  lg:justify-start items-center gap-6\">\n                                          <div\n                        class=\"w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] bg-brand-future-green flex-shrink-0 flex justify-center items-center rounded-full\">\n                        <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-Transportation.svg\" alt=\"Transportation\"\n                          class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n                      <\/div>\n                                                              <h2\n                        class=\"text-brand-jersey-blue text-center lg:text-left !font-gotham text-p1 [@media(min-width:576px)]:text-h2 font-medium uppercase\">\n                        Transportation                      <\/h2>\n                                      <\/div>\n                                      <a href=\"https:\/\/www.njfuture.org\/issue_area\/transportation\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button max-lg:hidden flex-shrink-0 !px-5 !py-3 !text-p2 card-btn\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                  <\/div>\n                                  <div class=\"htmlBlock htmlBlock-para-style text-brand-black text-left mt-8 h-full\">\n                    <p>Every New Jerseyan deserves access to safe streets for walking or biking and reliable, affordable transit, without being forced to rely on a car for daily life.<\/p>\n                  <\/div>\n                                                  <a href=\"https:\/\/www.njfuture.org\/issue_area\/transportation\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button lg:hidden flex-shrink-0 mt-[1.375rem] !mx-auto !px-5 !py-3 !text-p2 card-btn\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                                  <div\n                    class=\"mt-12 py-[2.75rem] lg:px-12 px-5 bg-brand-grey four-grid gap-x-[2.1875rem] gap-y-[2.1875rem] lg:gap-y-[3.125rem] border-b-[.3125rem] border-b-brand-gold\">\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/land-use-solutions\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Land Use Solutions\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/Aerial-Cloverleaf-AndersSandberg2-150x150.jpg\" alt=\"Land Use Solutions\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Land Use Solutions                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/bicycle-and-pedestrian\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Bicycle and Pedestrian\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/BikinginTrenton-150x150.jpg\" alt=\"Bicycle and Pedestrian\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Bicycle and Pedestrian                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/vmt-reduction\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"VMT Reduction\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/Exit-sign-2-150x150.jpg\" alt=\"VMT Reduction\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          VMT Reduction                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/transportation-funding\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Transportation Funding\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/20353521-150x150.jpg\" alt=\"Transportation Funding\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Transportation Funding                        <\/p>\n                      <\/a>\n                                      <\/div>\n                              <\/div>\n            <\/div>\n                      <div class=\" bg-white issue-area-block \"\n              data-issue-id=\"7833\" data-programs='[{\"id\":9131,\"title\":\"New Jersey Funding Navigator\"},{\"id\":13349,\"title\":\"Mainstreaming Green Infrastructure\"},{\"id\":15155,\"title\":\"Water Infrastructure Policy\"}]'>\n              <div class=\"w-full [@media(max-width:575px)]:h-max px-5 lg:px-10 xl:px-12 mx-auto py-5 lg:py-12 relative\">\n                <div class=\"absolute -left-5 bottom-0 bg-brand-med-grey w-screen h-[.0625rem]\"><\/div>\n                <div class=\"w-full flex  items-center  justify-between gap-5\">\n                  <div class=\"w-full flex max-lg:flex-col justify-center  lg:justify-start items-center gap-6\">\n                                          <div\n                        class=\"w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] bg-brand-future-green flex-shrink-0 flex justify-center items-center rounded-full\">\n                        <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-WaterInfra.svg\" alt=\"Water Infrastructure\"\n                          class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n                      <\/div>\n                                                              <h2\n                        class=\"text-brand-jersey-blue text-center lg:text-left !font-gotham text-p1 [@media(min-width:576px)]:text-h2 font-medium uppercase\">\n                        Water Infrastructure                      <\/h2>\n                                      <\/div>\n                                      <a href=\"https:\/\/www.njfuture.org\/issue_area\/water-infrastructure\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button max-lg:hidden flex-shrink-0 !px-5 !py-3 !text-p2 card-btn\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                  <\/div>\n                                  <div class=\"htmlBlock htmlBlock-para-style text-brand-black text-left mt-8 h-full\">\n                    <p>Every resident and business in New Jersey should have access to safe drinking water, clean waterways, and flood-free neighborhoods.<\/p>\n                  <\/div>\n                                                  <a href=\"https:\/\/www.njfuture.org\/issue_area\/water-infrastructure\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button lg:hidden flex-shrink-0 mt-[1.375rem] !mx-auto !px-5 !py-3 !text-p2 card-btn\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                                  <div\n                    class=\"mt-12 py-[2.75rem] lg:px-12 px-5 bg-brand-grey four-grid gap-x-[2.1875rem] gap-y-[2.1875rem] lg:gap-y-[3.125rem] border-b-[.3125rem] border-b-brand-gold\">\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/new-jersey-funding-navigator\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"New Jersey Funding Navigator\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/Park-Drinking-Fountain-150x150.jpg\" alt=\"New Jersey Funding Navigator\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          New Jersey Funding Navigator                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/mainstreaming-green-infrastructure\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Mainstreaming Green Infrastructure\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/Green-infrastructure-planter-150x150.jpg\" alt=\"Mainstreaming Green Infrastructure\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Mainstreaming Green Infrastructure                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/water-infrastructure-policy\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Water Infrastructure Policy\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/12\/Water-main-break-road-work-150x150.jpg\" alt=\"Water Infrastructure Policy\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Water Infrastructure Policy                        <\/p>\n                      <\/a>\n                                      <\/div>\n                              <\/div>\n            <\/div>\n                      <div class=\" bg-white issue-area-block \"\n              data-issue-id=\"7838\" data-programs='[{\"id\":13750,\"title\":\"Demographics &#038; Trends\"},{\"id\":13402,\"title\":\"Local Planning\"},{\"id\":13404,\"title\":\"Regional Planning\"},{\"id\":13405,\"title\":\"State Planning\"},{\"id\":13399,\"title\":\"Economic Development\"}]'>\n              <div class=\"w-full [@media(max-width:575px)]:h-max px-5 lg:px-10 xl:px-12 mx-auto py-5 lg:py-12 relative\">\n                <div class=\"absolute -left-5 bottom-0 bg-brand-med-grey w-screen h-[.0625rem]\"><\/div>\n                <div class=\"w-full flex  items-center  justify-between gap-5\">\n                  <div class=\"w-full flex max-lg:flex-col justify-center  lg:justify-start items-center gap-6\">\n                                          <div\n                        class=\"w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] bg-brand-future-green flex-shrink-0 flex justify-center items-center rounded-full\">\n                        <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-PlanningGovernance.svg\" alt=\"Planning and Governance\"\n                          class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n                      <\/div>\n                                                              <h2\n                        class=\"text-brand-jersey-blue text-center lg:text-left !font-gotham text-p1 [@media(min-width:576px)]:text-h2 font-medium uppercase\">\n                        Planning and Governance                      <\/h2>\n                                      <\/div>\n                                      <a href=\"https:\/\/www.njfuture.org\/issue_area\/planning-and-governance\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button max-lg:hidden flex-shrink-0 !px-5 !py-3 !text-p2 card-btn\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                  <\/div>\n                                  <div class=\"htmlBlock htmlBlock-para-style text-brand-black text-left mt-8 h-full\">\n                    <p>Community land use decisions must be guided by a center-based, people-centric vision along with a holistic understanding of challenges and an acknowledgement of the shortcomings of political boundaries.<\/p>\n                  <\/div>\n                                                  <a href=\"https:\/\/www.njfuture.org\/issue_area\/planning-and-governance\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button lg:hidden flex-shrink-0 mt-[1.375rem] !mx-auto !px-5 !py-3 !text-p2 card-btn\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                                  <div\n                    class=\"mt-12 py-[2.75rem] lg:px-12 px-5 bg-brand-grey four-grid gap-x-[2.1875rem] gap-y-[2.1875rem] lg:gap-y-[3.125rem] border-b-[.3125rem] border-b-brand-gold\">\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/demographics-trends\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Demographics &#038; Trends\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/18687050-150x150.jpg\" alt=\"Demographics &#038; Trends\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Demographics &#038; Trends                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/local-planning\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Local Planning\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/3rd-friday-150x150.jpg\" alt=\"Local Planning\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Local Planning                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/regional-planning\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Regional Planning\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/17874121-150x150.jpg\" alt=\"Regional Planning\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Regional Planning                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/state-planning\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"State Planning\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/fourmaps-150x150.gif\" alt=\"State Planning\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          State Planning                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/economic-development\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Economic Development\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/JerseyCity-BillBenzon-Flickr-150x150.jpg\" alt=\"Economic Development\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Economic Development                        <\/p>\n                      <\/a>\n                                      <\/div>\n                              <\/div>\n            <\/div>\n                      <div class=\" bg-white issue-area-block \"\n              data-issue-id=\"7840\" data-programs='[{\"id\":13751,\"title\":\"Adaptation Policy and Implementation\"}]'>\n              <div class=\"w-full [@media(max-width:575px)]:h-max px-5 lg:px-10 xl:px-12 mx-auto py-5 lg:py-12 relative\">\n                <div class=\"absolute -left-5 bottom-0 bg-brand-med-grey w-screen h-[.0625rem]\"><\/div>\n                <div class=\"w-full flex  items-center  justify-between gap-5\">\n                  <div class=\"w-full flex max-lg:flex-col justify-center  lg:justify-start items-center gap-6\">\n                                          <div\n                        class=\"w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] bg-brand-future-green flex-shrink-0 flex justify-center items-center rounded-full\">\n                        <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/NJF-Global-Icon-ClimateChange.svg\" alt=\"Climate Change\"\n                          class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n                      <\/div>\n                                                              <h2\n                        class=\"text-brand-jersey-blue text-center lg:text-left !font-gotham text-p1 [@media(min-width:576px)]:text-h2 font-medium uppercase\">\n                        Climate Change                      <\/h2>\n                                      <\/div>\n                                      <a href=\"https:\/\/www.njfuture.org\/issue_area\/climate-change\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button max-lg:hidden flex-shrink-0 !px-5 !py-3 !text-p2 card-btn\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                  <\/div>\n                                  <div class=\"htmlBlock htmlBlock-para-style text-brand-black text-left mt-8 h-full\">\n                    <p>Every community needs to be safe from the impacts of rising seas, more intense precipitation, extreme heat, drought, and other environmental shifts.<\/p>\n                  <\/div>\n                                                  <a href=\"https:\/\/www.njfuture.org\/issue_area\/climate-change\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button lg:hidden flex-shrink-0 mt-[1.375rem] !mx-auto !px-5 !py-3 !text-p2 card-btn\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                                  <div\n                    class=\"mt-12 py-[2.75rem] lg:px-12 px-5 bg-brand-grey four-grid gap-x-[2.1875rem] gap-y-[2.1875rem] lg:gap-y-[3.125rem] border-b-[.3125rem] border-b-brand-gold\">\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/adaptation-policy-and-implementation\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Adaptation Policy and Implementation\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/10\/1532347-150x150.jpg\" alt=\"Adaptation Policy and Implementation\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Adaptation Policy and Implementation                        <\/p>\n                      <\/a>\n                                      <\/div>\n                              <\/div>\n            <\/div>\n                      <div class=\" bg-white issue-area-block \"\n              data-issue-id=\"14601\" data-programs='[{\"id\":14739,\"title\":\"Health &#038; The Built Environment\"},{\"id\":14741,\"title\":\"Social Determinants of Health\"}]'>\n              <div class=\"w-full [@media(max-width:575px)]:h-max px-5 lg:px-10 xl:px-12 mx-auto py-5 lg:py-12 relative\">\n                <div class=\"absolute -left-5 bottom-0 bg-brand-med-grey w-screen h-[.0625rem]\"><\/div>\n                <div class=\"w-full flex  items-center  justify-between gap-5\">\n                  <div class=\"w-full flex max-lg:flex-col justify-center  lg:justify-start items-center gap-6\">\n                                          <div\n                        class=\"w-14 h-14 [@media(min-width:576px)]:h-[4.3125rem] [@media(min-width:576px)]:w-[4.5625rem] bg-brand-future-green flex-shrink-0 flex justify-center items-center rounded-full\">\n                        <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/Capa_1-1.svg\" alt=\"Health\"\n                          class=\"w-10 h-10 [@media(min-width:576px)]:w-[3.4375rem] [@media(min-width:576px)]:h-[3.4375rem] object-contain\">\n                      <\/div>\n                                                              <h2\n                        class=\"text-brand-jersey-blue text-center lg:text-left !font-gotham text-p1 [@media(min-width:576px)]:text-h2 font-medium uppercase\">\n                        Health                      <\/h2>\n                                      <\/div>\n                                      <a href=\"https:\/\/www.njfuture.org\/issue_area\/health\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button max-lg:hidden flex-shrink-0 !px-5 !py-3 !text-p2 card-btn\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                  <\/div>\n                                  <div class=\"htmlBlock htmlBlock-para-style text-brand-black text-left mt-8 h-full\">\n                    <p>Every zip code in New Jersey should be a place where individuals and communities can live their healthiest lives, and everyone can thrive.<\/p>\n                  <\/div>\n                                                  <a href=\"https:\/\/www.njfuture.org\/issue_area\/health\/\" target=\"_self\" class=\"njf-button group gold-filled-arrow-right-njf-button lg:hidden flex-shrink-0 mt-[1.375rem] !mx-auto !px-5 !py-3 !text-p2 card-btn\"><span>Learn More<\/span> <svg class=\"icon w-[2rem] h-[1.9rem] pb-[0.2rem]\" aria-hidden=\"true\" focusable=\"false\">\n            <use href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\" xlink:href=\"https:\/\/www.njfuture.org\/wp-content\/themes\/new-jersey-production\/resources\/images\/sprite.svg#white-chevron-right\"><\/use>\n        <\/svg><\/a>                                                  <div\n                    class=\"mt-12 py-[2.75rem] lg:px-12 px-5 bg-brand-grey four-grid gap-x-[2.1875rem] gap-y-[2.1875rem] lg:gap-y-[3.125rem] border-b-[.3125rem] border-b-brand-gold\">\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/health-the-built-environment\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Health &#038; The Built Environment\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/11\/Jersey-City-tree-lined-city-street-150x150.jpg\" alt=\"Health &#038; The Built Environment\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Health &#038; The Built Environment                        <\/p>\n                      <\/a>\n                                          <a href=\"https:\/\/www.njfuture.org\/programs\/social-determinants-of-health\/\" target=\"_self\"\n                        class=\"four-gridBox w-full h-full flex flex-col items-center justify-between gap-5 hover:scale-[1.04] duration-200 transition-all\"\n                        data-program-title=\"Social Determinants of Health\">\n                        <div class=\"h-[9.375rem] w-[9.375rem] rounded-full flex-shrink-0 overflow-hidden bg-brand-light-green\">\n                          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/11\/Older-couple-walking-150x150.jpg\" alt=\"Social Determinants of Health\"\n                            class=\"w-full h-full object-cover\">\n                        <\/div>\n                        <p class=\"h-full text-brand-future-green text-p2 !text-center font-bold\">\n                          Social Determinants of Health                        <\/p>\n                      <\/a>\n                                      <\/div>\n                              <\/div>\n            <\/div>\n                  <\/div>\n\n        <!-- NO RESULTS MESSAGE -->\n        <div id=\"no-results\" class=\"w-full h-full px-5 py-5 md:py-10 lg:py-20 text-center bg-white hidden z-10 \">\n          <div class=\"w-full h-full flex flex-col items-center justify-center\">\n            <div class=\"text-center text-p2 font-normal text-brand-black\">\n              There are no results for that search, please try again.\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n    document.addEventListener('DOMContentLoaded', function () {\n      const searchInput = document.getElementById('keyword-search');\n      const issueAreaBtn = document.getElementById('issue-area-dropdown');\n      const issueAreaOptions = document.getElementById('issue-area-dropdown-options');\n      const issueAreaArrow = document.getElementById('issue-area-arrow');\n      const topicBtn = document.getElementById('topic-dropdown');\n      const topicOptions = document.getElementById('topic-dropdown-options');\n      const topicArrow = document.getElementById('topic-arrow');\n      const activeFilters = document.getElementById('active-filters');\n      const selectionControls = document.getElementById('selection-controls');\n      const clearSearchLink = document.getElementById('clear-search-link');\n      const resultsContainer = document.getElementById('results-container');\n      const noResultsMessage = document.getElementById('no-results');\n      const sidebarItems = document.querySelectorAll('.sidebar-item');\n      const issueBlocks = document.querySelectorAll('.issue-area-block');\n\n\n      let filters = {\n        keyword: '',\n        issueArea: null,\n        topic: null\n      };\n      let debounceTimer;\n\n      \/\/ Store all programs data\n      const allProgramsData = {};\n      issueBlocks.forEach(block => {\n        const issueId = block.dataset.issueId;\n        const programs = JSON.parse(block.dataset.programs || '[]');\n        allProgramsData[issueId] = programs;\n      });\n\n      \/\/ Get all unique programs for when no issue area is selected\n      const getAllUniquePrograms = () => {\n        const allPrograms = new Set();\n        Object.values(allProgramsData).forEach(programs => {\n          programs.forEach(program => {\n            allPrograms.add(program.title);\n          });\n        });\n        return Array.from(allPrograms).sort();\n      };\n\n      const updateFiltersUI = () => {\n        activeFilters.innerHTML = '';\n        let hasFilter = false;\n\n        if (filters.keyword) {\n          hasFilter = true;\n          addFilterPill('Keyword', filters.keyword, 'keyword');\n        }\n        if (filters.issueArea) {\n          hasFilter = true;\n          addFilterPill('Issue Area', filters.issueArea.title, 'issueArea');\n        }\n        if (filters.topic) {\n          hasFilter = true;\n          addFilterPill('Topic', filters.topic, 'topic');\n        }\n\n        selectionControls.classList.toggle('hidden', !hasFilter);\n      };\n\n      const addFilterPill = (type, value, key) => {\n        const pill = document.createElement('div');\n        pill.className =\n          'flex items-center gap-2 px-3 py-1 bg-white rounded-md border border-brand-light-steel-blue ';\n        pill.innerHTML = `\n          <span class=\"text-p2 text-brand-slate-grey\">${value}<\/span>\n          <img decoding=\"async\" src=\"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/09\/Button_-Close.svg\"\n               alt=\"Remove\" class=\"w-5 h-5 cursor-pointer remove-filter\" data-key=\"${key}\">\n        `;\n        activeFilters.appendChild(pill);\n      };\n\n      \/\/ Update topic dropdown based on selected issue area\n      const updateTopicDropdown = () => {\n        const topicContainer = topicOptions.querySelector('.topic-options-container');\n\n        if (!topicContainer) {\n          topicOptions.innerHTML = '<div class=\"topic-options-container\"><\/div>';\n        }\n\n        const container = topicOptions.querySelector('.topic-options-container');\n        container.innerHTML = '';\n\n        let programsToShow = [];\n\n        if (filters.issueArea) {\n          \/\/ Show programs only from selected issue area\n          programsToShow = allProgramsData[filters.issueArea.id] || [];\n        } else {\n          \/\/ Show all unique programs when no issue area is selected\n          const allProgramTitles = getAllUniquePrograms();\n          programsToShow = allProgramTitles.map(title => ({\n            title\n          }));\n        }\n\n        if (programsToShow.length === 0) {\n          container.innerHTML =\n            '<div class=\"no-programs px-6 py-4 text-p3 text-brand-slate-grey\">No programs available<\/div>';\n          return;\n        }\n\n        programsToShow.forEach(program => {\n          const topicItem = document.createElement('span');\n          topicItem.className =\n            'topic-dropdown-item px-6 py-4 block cursor-pointer !no-underline text-p3 font-tradeGothic text-brand-slate-grey hover:bg-brand-future-green hover:text-white';\n          topicItem.dataset.programTitle = program.title;\n          topicItem.textContent = program.title;\n          topicItem.addEventListener('click', function (e) {\n            e.stopPropagation();\n            filters.topic = this.dataset.programTitle;\n            closeAllDropdowns();\n            updateFiltersUI();\n            applyFilters();\n          });\n          container.appendChild(topicItem);\n        });\n      };\n\n      \/\/ ---------- FILTER ----------\n      const applyFilters = (fromSidebar = false) => {\n        const blocks = document.querySelectorAll('.issue-area-block');\n        const sidebarItems = document.querySelectorAll('.sidebar-item');\n        let visibleCount = 0;\n        let visibleIds = [];\n\n        \/\/ Apply filters to main blocks\n        blocks.forEach(block => {\n          const id = block.dataset.issueId;\n          const title = block.querySelector('h2').textContent.toLowerCase();\n          let show = true;\n\n          if (filters.keyword && !title.includes(filters.keyword.toLowerCase())) show = false;\n          if (filters.issueArea && filters.issueArea.id !== id) show = false;\n          if (filters.topic) {\n            const programTitles = Array.from(block.querySelectorAll('.four-gridBox'))\n              .map(box => box.querySelector('p')?.textContent.trim())\n              .filter(Boolean);\n            if (!programTitles.includes(filters.topic)) show = false;\n          }\n\n          block.style.display = show ? '' : 'none';\n          if (show) {\n            visibleCount++;\n            visibleIds.push(id);\n          }\n        });\n\n        \/\/ Toggle result sections\n        noResultsMessage.classList.toggle('hidden', visibleCount > 0);\n        resultsContainer.style.display = visibleCount > 0 ? '' : 'none';\n\n        \/\/ Hide sidebar items only when dropdown filter is active\n        const dropdownFilterActive = (filters.issueArea !== null || filters.topic !== null) && !fromSidebar;\n        if (visibleCount > 0) {\n          document.querySelectorAll('.issue-areas').forEach(el => {\n            el.style.display = '';\n          });\n\n          sidebarItems.forEach(item => {\n            const id = item.dataset.issueId;\n\n            if (dropdownFilterActive) {\n              item.style.display = visibleIds.includes(id) ? 'flex' : 'none';\n            } else {\n              item.style.display = '';\n            }\n            item.style.opacity = '1'\n          })\n        } else {\n          document.querySelectorAll('.issue-areas').forEach(el => {\n            el.style.display = 'none';\n          });\n          sidebarItems.forEach(item => item.style.display = 'none');\n          sidebarItems[0].style.display = 'flex';\n          sidebarItems[0].style.opacity = '0';\n        }\n        \/\/ Highlight the first visible sidebar item\n        const firstVisible = visibleIds.length ? visibleIds[0] : '';\n        setActiveSidebar(firstVisible);\n      };\n\n      const clearAll = () => {\n        filters = {\n          keyword: '',\n          issueArea: null,\n          topic: null\n        };\n        searchInput.value = '';\n        updateFiltersUI();\n        updateTopicDropdown(); \/\/ Reset topic dropdown to show all programs\n        applyFilters();\n        document.querySelectorAll('.issue-area-dropdown-item')\n          .forEach(el => el.style.display = 'block');\n      };\n\n      \/\/ ---------- SEARCH ----------\n      searchInput.addEventListener('input', function () {\n        clearTimeout(debounceTimer);\n        debounceTimer = setTimeout(() => {\n          filters.keyword = this.value.trim();\n          updateFiltersUI();\n          applyFilters();\n        }, 500);\n      });\n\n      \/\/ ---------- DROPDOWN TOGGLE ----------\n      const toggleDropdown = (btn, options, arrow) => {\n        btn.addEventListener('click', e => {\n          e.stopPropagation();\n          const isOpen = options.classList.contains('show');\n          closeAllDropdowns();\n          if (!isOpen) {\n            options.classList.add('show');\n            arrow.classList.add('rotate-180');\n          }\n        });\n      };\n\n      const closeAllDropdowns = () => {\n        [issueAreaOptions, topicOptions].forEach(o => o.classList.remove('show'));\n        [issueAreaArrow, topicArrow].forEach(a => a.classList.remove('rotate-180'));\n      };\n\n      document.addEventListener('click', e => {\n        if (!issueAreaBtn.contains(e.target) && !issueAreaOptions.contains(e.target) &&\n          !topicBtn.contains(e.target) && !topicOptions.contains(e.target)) {\n          closeAllDropdowns();\n        }\n      });\n\n      toggleDropdown(issueAreaBtn, issueAreaOptions, issueAreaArrow);\n      toggleDropdown(topicBtn, topicOptions, topicArrow);\n\n      \/\/ ISSUE AREA\n      document.querySelectorAll('.issue-area-dropdown-item').forEach(item => {\n        item.addEventListener('click', e => {\n          e.stopPropagation();\n          const id = item.dataset.issueId;\n          const title = item.textContent.trim();\n          filters.issueArea = {\n            id,\n            title\n          };\n          \/\/ Don't reset topic when issue area changes - let user keep their topic selection\n\n          document.querySelectorAll('.issue-area-dropdown-item')\n            .forEach(el => el.style.display = (el === item) ? 'none' : 'block');\n\n          closeAllDropdowns();\n          updateTopicDropdown(); \/\/ Update topic options based on selected issue area\n          updateFiltersUI();\n          applyFilters();\n        });\n      });\n\n      \/\/ Remove filter\n      activeFilters.addEventListener('click', e => {\n        if (e.target.classList.contains('remove-filter')) {\n          const key = e.target.dataset.key;\n          if (key === 'keyword') {\n            searchInput.value = '';\n          } else if (key === 'issueArea') {\n            filters.issueArea = null;\n            \/\/ Don't clear topic when issue area is removed\n            updateTopicDropdown(); \/\/ Update topic dropdown to show all programs\n            document.querySelectorAll('.issue-area-dropdown-item').forEach(el => el.style.display = 'block');\n          } else if (key === 'topic') {\n            filters.topic = null;\n          }\n\n          filters[key] = (key === 'keyword') ? '' : null;\n          updateFiltersUI();\n          applyFilters();\n        }\n      });\n\n      \/\/ Clear all\n      clearSearchLink.addEventListener('click', clearAll);\n\n      sidebarItems.forEach(item => {\n        item.addEventListener('click', () => {\n          const id = item.dataset.issueId;\n\n          const targetBlock = document.querySelector(`.issue-area-block[data-issue-id=\"${id}\"]`);\n\n          if (targetBlock) {\n            targetBlock.scrollIntoView({\n              behavior: 'smooth',\n              block: 'start'\n            });\n            setActiveSidebar(id);\n          }\n        });\n      });\n\n\n      \/\/ Active sidebar\n      function setActiveSidebar(activeId) {\n        sidebarItems.forEach(it => {\n          const isActive = it.dataset.issueId === activeId;\n          const circle = it.querySelector('.icon-circle');\n          const title = it.querySelector('.sidebar-title');\n          if (circle) {\n            circle.classList.toggle('bg-brand-future-green', isActive);\n            circle.classList.toggle('bg-brand-light-steel-blue', !isActive);\n          }\n          if (title) {\n            title.classList.toggle('text-brand-jersey-blue', isActive);\n            title.classList.toggle('text-brand-black', !isActive);\n          }\n        });\n      }\n\n      \/\/ Scroll detection\n      const observer = new IntersectionObserver(\n        entries => {\n          entries.forEach(entry => {\n            if (entry.isIntersecting) {\n              setActiveSidebar(entry.target.dataset.issueId);\n            }\n          });\n        }, {\n        rootMargin: '-30% 0px -60% 0px',\n        threshold: 0\n      }\n      );\n      issueBlocks.forEach(block => observer.observe(block));\n\n      \/\/ INITIAL\n      updateTopicDropdown(); \/\/ Initialize topic dropdown with all programs\n      updateFiltersUI();\n      applyFilters();\n      if (issueBlocks.length > 0) {\n        setActiveSidebar(issueBlocks[0].dataset.issueId);\n      }\n    });\n  <\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":6890,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-6723","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Issue Areas - New Jersey Future<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.njfuture.org\/our-work\/issue-areas\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Issue Areas - New Jersey Future\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.njfuture.org\/our-work\/issue-areas\/\" \/>\n<meta property=\"og:site_name\" content=\"New Jersey Future\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/NewJerseyFuture\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-16T15:40:37+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@NewJerseyFuture\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/our-work\\\/issue-areas\\\/\",\"url\":\"https:\\\/\\\/www.njfuture.org\\\/our-work\\\/issue-areas\\\/\",\"name\":\"Issue Areas - New Jersey Future\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#website\"},\"datePublished\":\"2025-09-03T12:05:06+00:00\",\"dateModified\":\"2025-12-16T15:40:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/our-work\\\/issue-areas\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.njfuture.org\\\/our-work\\\/issue-areas\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/our-work\\\/issue-areas\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.njfuture.org\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Our Work\",\"item\":\"https:\\\/\\\/www.njfuture.org\\\/our-work\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Issue Areas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#website\",\"url\":\"https:\\\/\\\/www.njfuture.org\\\/\",\"name\":\"New Jersey Future\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.njfuture.org\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#organization\",\"name\":\"New Jersey Future\",\"url\":\"https:\\\/\\\/www.njfuture.org\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.njfuture.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/NJF-Footer-Logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.njfuture.org\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/NJF-Footer-Logo.svg\",\"width\":354,\"height\":285,\"caption\":\"New Jersey Future\"},\"image\":{\"@id\":\"https:\\\/\\\/www.njfuture.org\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/NewJerseyFuture\\\/\",\"https:\\\/\\\/x.com\\\/NewJerseyFuture\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Issue Areas - New Jersey Future","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.njfuture.org\/our-work\/issue-areas\/","og_locale":"en_US","og_type":"article","og_title":"Issue Areas - New Jersey Future","og_url":"https:\/\/www.njfuture.org\/our-work\/issue-areas\/","og_site_name":"New Jersey Future","article_publisher":"https:\/\/www.facebook.com\/NewJerseyFuture\/","article_modified_time":"2025-12-16T15:40:37+00:00","twitter_card":"summary_large_image","twitter_site":"@NewJerseyFuture","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.njfuture.org\/our-work\/issue-areas\/","url":"https:\/\/www.njfuture.org\/our-work\/issue-areas\/","name":"Issue Areas - New Jersey Future","isPartOf":{"@id":"https:\/\/www.njfuture.org\/#website"},"datePublished":"2025-09-03T12:05:06+00:00","dateModified":"2025-12-16T15:40:37+00:00","breadcrumb":{"@id":"https:\/\/www.njfuture.org\/our-work\/issue-areas\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.njfuture.org\/our-work\/issue-areas\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.njfuture.org\/our-work\/issue-areas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.njfuture.org\/"},{"@type":"ListItem","position":2,"name":"Our Work","item":"https:\/\/www.njfuture.org\/our-work\/"},{"@type":"ListItem","position":3,"name":"Issue Areas"}]},{"@type":"WebSite","@id":"https:\/\/www.njfuture.org\/#website","url":"https:\/\/www.njfuture.org\/","name":"New Jersey Future","description":"","publisher":{"@id":"https:\/\/www.njfuture.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.njfuture.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.njfuture.org\/#organization","name":"New Jersey Future","url":"https:\/\/www.njfuture.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.njfuture.org\/#\/schema\/logo\/image\/","url":"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/12\/NJF-Footer-Logo.svg","contentUrl":"https:\/\/www.njfuture.org\/wp-content\/uploads\/2025\/12\/NJF-Footer-Logo.svg","width":354,"height":285,"caption":"New Jersey Future"},"image":{"@id":"https:\/\/www.njfuture.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/NewJerseyFuture\/","https:\/\/x.com\/NewJerseyFuture"]}]}},"_links":{"self":[{"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/pages\/6723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/comments?post=6723"}],"version-history":[{"count":6,"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/pages\/6723\/revisions"}],"predecessor-version":[{"id":15172,"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/pages\/6723\/revisions\/15172"}],"up":[{"embeddable":true,"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/pages\/6890"}],"wp:attachment":[{"href":"https:\/\/www.njfuture.org\/wp-json\/wp\/v2\/media?parent=6723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}