<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">National REDD+ Strategy</span>
    </nav>
    <h1 class="font-display mb-3">National REDD+ Strategy</h1>
    <p>The National REDD+ Strategy (NRS) builds upon existing relevant policies to guide Malaysia's REDD+ implementation.</p>
  </div>
</header>
<style>
.content-section{padding:2.5rem 0}
.content-section+.content-section{border-top:1px solid #e8e4d8}
.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}
.card-icon{width:48px;height:48px;background:var(--green-100);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:var(--green-800);flex-shrink:0}
.card-icon.mx-auto{margin-bottom:.75rem!important}
.obj-list{list-style:none;padding:0;margin:0}
.obj-list li{padding-left:1.1rem;position:relative;font-weight:500;font-size:.85rem;margin-bottom:.45rem;line-height:1.5}
.obj-list li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--gold)}

/* Alternating section highlights */
.section-tint-a,
.section-tint-b {
  border-radius: 1rem;
  padding: 2rem 1.5rem;
}
.section-tint-a { background: var(--green-100); }
.section-tint-b { background: var(--bs-body-bg); }

.info-card {
  background: var(--card-bg,#fff);
  border: 1px solid #d8d4c8;
  border-radius: .75rem;
  text-align: left;
  padding: 1.25rem .9rem;
  height: 100%;
  box-shadow: 0 2px 8px rgba(46,74,53,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
</style>

<main class="container">
  <section class="content-section">
    <div class="section-tint-a">
      <h2 class="section-title">Main Objectives</h2>
      <div class="row g-4">
        <div class="col-md-4">
          <div class="info-card d-flex gap-3 align-items-start">
            <div class="card-icon"><i class="bi bi-arrow-left-right"></i></div>
            <div>
              <h4>Policy Synergy</h4>
              <p>To promote consistency and synergies in the implementation of climate change, forest and biodiversity related policies between federal and state levels.</p>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="info-card d-flex gap-3 align-items-start">
            <div class="card-icon"><i class="bi bi-graph-up-arrow"></i></div>
            <div>
              <h4>MRV &amp; NDC</h4>
              <p>To measure, report and verify (MRV) REDD+ results and as part of efforts to achieve the Nationally Determined Contribution (NDC).</p>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="info-card d-flex gap-3 align-items-start">
            <div class="card-icon"><i class="bi bi-cash-coin"></i></div>
            <div>
              <h4>Sustainable Financing</h4>
              <p>To develop a sustainable financing mechanism for REDD+ implementation.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="content-section">
    <div class="section-tint-b">
      <h2 class="section-title">REDD+ Actions &amp; National Targets</h2>
      <div class="row g-4">
        <div class="col-lg-6">
          <div class="info-card">
            <h4>National Targets</h4>
            <ul class="obj-list">
              <li>Maintaining 50% forest cover</li>
              <li>Achieving the NDC pledge made under the UNFCCC’s Paris Agreement for the period between 2020-2030</li>
              <li>Achieving National Policy on Biological Diversity (2016-2025)</li>
              <li>Forest policies</li>
            </ul>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="info-card">
            <h4>Addressing Key Areas</h4>
            <ul class="obj-list">
              <li>Identifying drivers of deforestation</li>
              <li>Enhancing transparency of MRV system</li>
              <li>Developing sustainable financing system</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="content-section">
    <div class="section-tint-a">
      <h2 class="section-title">Eligible Activities</h2>
      <div class="row row-cols-2 row-cols-lg-5 g-3">
        <div class="col"><div class="info-card text-center"><div class="card-icon mx-auto mb-2"><i class="bi bi-tree"></i></div><p class="fw-bold mb-1">REDD+</p><p>Reducing emissions from deforestation</p></div></div>
        <div class="col"><div class="info-card text-center"><div class="card-icon mx-auto mb-2"><i class="bi bi-flower1"></i></div><p class="fw-bold mb-1">REDD+</p><p>Reducing emissions from forest degradation</p></div></div>
        <div class="col"><div class="info-card text-center"><div class="card-icon mx-auto mb-2"><i class="bi bi-shield-check"></i></div><p class="fw-bold mb-1">REDD+</p><p>Conservation of forest carbon stocks</p></div></div>
        <div class="col"><div class="info-card text-center"><div class="card-icon mx-auto mb-2"><i class="bi bi-cloud-plus"></i></div><p class="fw-bold mb-1">REDD+</p><p>Enhancement of forest carbon stocks</p></div></div>
        <div class="col"><div class="info-card text-center"><div class="card-icon mx-auto mb-2"><i class="bi bi-recycle"></i></div><p class="fw-bold mb-1">REDD+</p><p>Sustainable management of forests</p></div></div>
      </div>
    </div>
  </section>
</main>