<header class="hero-article d-flex align-items-center">
  <div class="container py-5">
    <nav class="breadcrumb-redd mb-3" aria-label="breadcrumb">
      <a href="/redd-plus">Home</a><span class="sep">›</span>
      <span class="active">Governance</span>
    </nav>
    <div class="row">
      <div class="col-lg-6">
        <h1 class="font-display mb-3">Governance</h1>
        <p>Coordinated institutions, clear roles and shared accountability for REDD+ Malaysia.</p>
        
      </div>
    </div>
  </div>
</header>

<style>.hero-article{background:url("/dynaweb4/redd%2B/gov_hero_bg.png") center/cover no-repeat!important}
.panel-card{background:#fdfcf9;border:1px solid #ece8db;border-radius:.9rem;box-shadow:0 8px 24px rgba(46,74,53,.05);}
.panel-card h2{color:var(--green-800);font-weight:700;font-size:1.25rem;}
.panel-card h3{color:var(--green-900);font-weight:700;font-size:1rem;}
.side-icon{width:64px;height:64px;flex:0 0 64px;background:#fff;border:1px solid var(--green-200);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:var(--green-800);}
.small-copy{font-size:.83rem;font-weight:500;line-height:1.55;}
.dot-list{list-style:none;padding:0;margin:0;}
.dot-list li{padding-left:1.1rem;position:relative;font-weight:600;font-size:.88rem;margin-bottom:.45rem;}
.dot-list li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--green-800);}
.gov-diagram{position:relative;width:340px;height:340px;margin:0 auto;}
.gov-diagram .ring{position:absolute;inset:28px;border:2px dashed var(--green-200);border-radius:50%;}
.gov-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:var(--green-800);border:5px solid #e9e2cd;box-shadow:0 10px 24px rgba(46,74,53,.30);color:#fff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem;z-index:2;}
.gov-center .bi{font-size:1.2rem;color:#cfe0c5;}
.gov-center strong{font-size:.8rem;line-height:1.2;letter-spacing:.05em;}
.gov-center small{font-size:.55rem;color:#cfdcc8;font-weight:600;line-height:1.25;margin-top:.25rem;}
.gov-node{position:absolute;z-index:2;width:74px;height:74px;border-radius:50%;border:4px solid #efe9d8;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.7rem;box-shadow:0 8px 18px rgba(46,74,53,.22);}
.gov-node.nw{top:6px;left:6px;background:var(--olive,#7d8a55);}
.gov-node.ne{top:6px;right:6px;background:var(--teal,#2e5f52);}
.gov-node.sw{bottom:6px;left:6px;background:var(--steel,#4a7b96);}
.gov-node.se{bottom:6px;right:6px;background:var(--bronze,#a4762c);}
.node-copy h3{font-size:.95rem;}
.node-copy p{font-size:.8rem;font-weight:500;line-height:1.5;margin:0;}

.gov-diagram{width:300px;height:300px}
.gov-node{width:64px;height:64px;font-size:1.4rem}
.gov-center{width:130px;height:130px;padding:.6rem}
.gov-center strong{font-size:.7rem}
.gov-center small{font-size:.5rem}
.gov-center .bi{font-size:1rem}
.gov-node.nw{top:4px;left:4px}
.gov-node.ne{top:4px;right:4px}
.gov-node.sw{bottom:4px;left:4px}
.gov-node.se{bottom:4px;right:4px}
.gov-diagram .ring{inset:22px}
.panel-card{padding:1rem!important}
.panel-card h2{font-size:1.1rem}
.panel-card h3{font-size:.85rem}
.side-icon{width:48px;height:48px;flex:0 0 48px;font-size:1.2rem}
.small-copy{font-size:.78rem}
.node-copy h3{font-size:.82rem}
.node-copy p{font-size:.74rem}
.node-copy{margin-bottom:.75rem!important}

</style>

<main class="container">
  <div class="row g-4 m-0">

    <div class="col-lg-7">
      <div class="panel-card p-4 h-100">
        <h2>REDD+ Governance Structure</h2>
        <p class="small-copy mb-4">A coordinated framework from national direction to on-the-ground implementation.</p>

        <div class="row align-items-center g-4">
          <div class="col-md-3 order-2 order-md-1">
            <div class="node-copy">
              <h3>NRES / REDD+ Unit</h3>
              <p>Sets national strategy, policies and standards. Leads overall coordination and reporting.</p>
            </div>
            <div class="node-copy">
              <h3>Technical / Working Groups</h3>
              <p>Experts &amp; Technical Committees provide technical guidance, develop methods, validate data and strengthen capacities.</p>
            </div>
          </div>

          <div class="col-md-6 order-1 order-md-2">
            <div class="gov-diagram">
              <div class="ring"></div>
              <div class="gov-node nw"><i class="bi bi-bank"></i></div>
              <div class="gov-node ne"><i class="bi bi-map-fill"></i></div>
              <div class="gov-node sw"><i class="bi bi-people-fill"></i></div>
              <div class="gov-node se"><i class="bi bi-diagram-3-fill"></i></div>
              <div class="gov-center">
                <i class="bi bi-flower1"></i>
                <strong>REDD+<br>MALAYSIA<br>GOVERNANCE</strong>
                <small>Shared Responsibility<br>Stronger Forests</small>
              </div>
            </div>
          </div>

          <div class="col-md-3 order-3">
            <div class="node-copy">
              <h3>State Governments / State Forestry Departments</h3>
              <p>Adapts and implements strategies at state level. Oversees alignment and regional coordination.</p>
            </div>
            <div class="node-copy">
              <h3>Implementation / Stakeholder Coordination Partners</h3>
              <p>Engages communities, private sector, NGOs and partners to implement actions on the ground.</p>
            </div>
          </div>
        </div>

        <div class="text-center mt-4">
          <a href="/redd-plus/article?id=related-policies" class="link-learn">Learn More <i class="bi bi-arrow-right ms-1"></i></a>
        </div>
      </div>
    </div>

    <div class="col-lg-5 d-flex flex-column gap-4">
      <div class="panel-card p-4">
        <div class="d-flex gap-3">
          <div class="side-icon"><i class="bi bi-tree-fill"></i></div>
          <div>
            <h3>Forest Governance</h3>
            <p class="small-copy mb-2">Policies, legal frameworks and institutional arrangements working together to conserve our natural heritage and empower communities.</p>
            <!-- <a href="/redd-plus/article?id=related-policies" class="link-learn">Learn More <i class="bi bi-arrow-right ms-1"></i></a> -->
          </div>
        </div>
      </div>

      <div class="panel-card p-4">
        <div class="d-flex gap-3">
          <div class="side-icon"><i class="bi bi-flower1"></i></div>
          <div>
            <h3>Sustainable Forest Management</h3>
            <p class="small-copy mb-2">Healthier forests, stronger livelihoods and resilient communities through sustainable practices and continuous improvement.</p>
            <!-- <a href="/redd-plus/article?id=related-policies" class="link-learn">Learn More <i class="bi bi-arrow-right ms-1"></i></a> -->
          </div>
        </div>
      </div>

      <div class="panel-card p-4 flex-grow-1">
        <h3>Committees / Working Groups</h3>
        <p class="small-copy mb-3">The committees and working groups support coordination, technical input and implementation alignment for REDD+ Malaysia.</p>
        <ul class="dot-list mb-3">
          <li>National Steering Committee</li>
          <li>Technical Working Groups</li>
          <li>State Coordination</li>
          <li>Stakeholder Platforms</li>
        </ul>
        <!-- <a href="/redd-plus/article?id=related-policies" class="link-learn">Learn More <i class="bi bi-arrow-right ms-1"></i></a> -->
      </div>
    </div>
  </div>
</main>