<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">Malaysia Safeguards</span>
    </nav>
    <h1 class="font-display mb-3">Malaysia's Safeguards</h1>
    <p>Malaysia has developed its own safeguards framework aligned with national circumstances and the Cancun Safeguards.</p>
  </div>
</header>
<style>
.hero-article {
  background: url("/assets/redd-plus/about_hero_bg2.png") center/cover no-repeat;
  min-height: 280px;
  display: flex;
  align-items: center;
}
.content-section{padding:2.5rem 0}
.section-title{color:var(--green-800);font-weight:700;font-size:1.35rem;margin-bottom:1rem}
.safeguard-item{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff}
.safeguard-item h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.35rem}
.safeguard-item p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}
.safeguard-item{transition:transform .2s ease,box-shadow .2s ease}
.safeguard-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}
.indicator-item{transition:transform .2s ease,box-shadow .2s ease}
.indicator-item:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}
.soi-card{transition:transform .2s ease,box-shadow .2s ease}
.soi-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}

/* Stronger, more visible info-card border */
.info-card{border:1.5px solid var(--green-200,#b9c9b8)!important}

.ms-card{border-left:4px solid var(--green-800);padding:1.25rem 1.25rem!important;text-align:left!important}
.ms-card:nth-child(1){border-left-color:var(--green-800)}
.ms-card:nth-child(2){border-left-color:var(--green-700,#3d5c44)}
.ms-card:nth-child(3){border-left-color:#4a7b96}
.ms-card:nth-child(4){border-left-color:#7d8a55}
.ms-card h4{padding-left:0}

/* 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); }
</style>
<main class="container">
  <section class="content-section">
    <div class="section-tint-a">
      <p class="fw-medium" style="font-size:.9rem;line-height:1.6;">Malaysia's approach to safeguards is built on existing national policies, legal frameworks and institutional arrangements. The Malaysia Safeguards Information System (MY-SIS) provides a platform for transparent reporting on how the Cancun Safeguards are being addressed and respected in the national context.</p>
    </div>
  </section>
  <section class="content-section">
    <div class="section-tint-b">
      <div class="row g-3">
        <div class="col-md-6"><div class="info-card ms-card"><h4>National Policies Alignment</h4><p>Malaysia's safeguards framework aligns with existing national policies, including the National Forestry Policy, National Policy on Biological Diversity, and relevant legislation.</p></div></div>
        <div class="col-md-6"><div class="info-card ms-card"><h4>Indigenous &amp; Community Rights</h4><p>Recognition and protection of indigenous peoples' and local communities' rights through existing legal frameworks and customary land tenure systems.</p></div></div>
        <div class="col-md-6"><div class="info-card ms-card"><h4>Transparency &amp; Participation</h4><p>Mechanisms for stakeholder consultation, public participation and transparent governance in forest management and REDD+ implementation.</p></div></div>
        <div class="col-md-6"><div class="info-card ms-card"><h4>Environmental Integrity</h4><p>Commitment to conservation of natural forests, biodiversity enhancement, and addressing risks of reversals and emission displacement.</p></div></div>
      </div>
    </div>
  </section>
</main>