<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">Cancun Safeguards</span>
    </nav>
    <h1 class="font-display mb-3">The Seven Cancun Safeguards</h1>
    <p>Adopted at COP 16 in Cancun (2010), these safeguards guide REDD+ implementation worldwide.</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-num{font-weight:700;font-size:1.5rem;color:var(--gold);margin-bottom:.25rem}

.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)}
.safeguard-num{font-size:1.8rem}


.sg-card{background:#fff;border:1px solid #ece8db;border-radius:.9rem;padding:1.25rem;height:100%;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px rgba(46,74,53,.04)}
.sg-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(46,74,53,.12)}
.sg-letter{width:42px;height:42px;flex:0 0 42px;background:var(--green-800);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}
.sg-card h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.25rem}
.sg-card p{font-size:.82rem;font-weight:500;margin:0;line-height:1.5}

</style>

<main class="container">
  <section class="content-section">
    <p class="fw-medium" style="font-size:.9rem;line-height:1.6;">The Cancun Safeguards were adopted under the UNFCCC to ensure REDD+ actions are implemented in a socially and environmentally responsible manner. Countries undertaking REDD+ are required to promote and support these safeguards.</p>
  </section>

  <section class="content-section">
    <div class="row g-3">
      <div class="col-md-6"><div class="sg-card d-flex gap-3"><div class="sg-letter">A</div><div><h4>Complementary Actions</h4><p>Actions complement national forest programmes, international conventions and agreements.</p></div></div></div>
      <div class="col-md-6"><div class="sg-card d-flex gap-3"><div class="sg-letter">B</div><div><h4>Transparent Governance</h4><p>Transparent and effective national forest governance structures.</p></div></div></div>
      <div class="col-md-6"><div class="sg-card d-flex gap-3"><div class="sg-letter">C</div><div><h4>Indigenous &amp; Community Rights</h4><p>Respect for the knowledge and rights of indigenous peoples and local communities.</p></div></div></div>
      <div class="col-md-6"><div class="sg-card d-flex gap-3"><div class="sg-letter">D</div><div><h4>Stakeholder Participation</h4><p>Full and effective participation of all relevant stakeholders.</p></div></div></div>
      <div class="col-md-6"><div class="sg-card d-flex gap-3"><div class="sg-letter">E</div><div><h4>Forest &amp; Biodiversity Conservation</h4><p>Actions consistent with the conservation of natural forests and biodiversity.</p></div></div></div>
      <div class="col-md-6"><div class="sg-card d-flex gap-3"><div class="sg-letter">F</div><div><h4>Risk of Reversals</h4><p>Actions to address the risks of reversals (permanence).</p></div></div></div>
      <div class="col-md-6"><div class="sg-card d-flex gap-3"><div class="sg-letter">G</div><div><h4>Displacement of Emissions</h4><p>Actions to reduce displacement of emissions (leakage).</p></div></div></div>
    </div>
  </section>
</main>