<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">Summary of Information</span>
    </nav>
    <h1 class="font-display mb-3">Summary of Information (SOI)</h1>
    <p>Transparent reporting on how REDD+ safeguards are being addressed and respected in Malaysia.</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}
.soi-card{border:1px solid #ece8db;border-radius:.75rem;padding:1.25rem;height:100%;background:#fff}
.soi-card h4{font-weight:700;font-size:.9rem;color:var(--green-800);margin-bottom:.35rem}
.soi-card 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)}


.soi-highlight{background:var(--green-800);border-radius:.9rem;padding:1.5rem;text-align:center;color:#fff;box-shadow:0 8px 20px rgba(46,74,53,.15)}
.soi-highlight .year{font-size:2.5rem;font-weight:700;font-family:"Playfair Display",serif;line-height:1;margin-bottom:.25rem}
.soi-highlight p{font-size:.9rem;font-weight:500;margin:0;opacity:.9}

/* 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)!important;text-align:left!important}
.ms-card:nth-child(1){border-left-color:var(--green-800)!important}
.ms-card:nth-child(2){border-left-color:var(--green-700,#3d5c44)!important}
.ms-card:nth-child(3){border-left-color:#4a7b96!important}
.ms-card:nth-child(4){border-left-color:#7d8a55!important}

/* 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">
      <div class="row g-4">
        <div class="col-lg-4">
          <div class="soi-highlight">
            <div class="year">2016</div>
            <p>First SOI Submitted</p>
          </div>
        </div>
        <div class="col-lg-8">
          <p class="fw-medium" style="font-size:.9rem;line-height:1.6;">Under the UNFCCC, countries implementing REDD+ are required to submit a Summary of Information (SOI) on how the Cancun Safeguards are being addressed and respected. Malaysia submitted its first SOI report in 2016, demonstrating the country's commitment to transparency and accountability in REDD+ implementation.</p>
        </div>
      </div>
    </div>
  </section>

  <section class="content-section">
    <div class="section-tint-b">
      <h2 class="section-title">SOI Content</h2>
      <div class="row g-3">
        <div class="col-md-6"><div class="info-card ms-card"><h4>Scope &amp; Coverage</h4><p>The SOI provides information on national policies, legal frameworks and institutional arrangements relevant to each of the seven Cancun Safeguards.</p></div></div>
        <div class="col-md-6"><div class="info-card ms-card"><h4>Reporting Process</h4><p>Information is gathered from multiple sources including government agencies, research institutions, and stakeholder consultations to ensure comprehensive coverage.</p></div></div>
        <div class="col-md-6"><div class="info-card ms-card"><h4>Periodic Updates</h4><p>SOIs are submitted periodically to the UNFCCC, reflecting the ongoing progress and developments in Malaysia's REDD+ safeguards implementation.</p></div></div>
        <div class="col-md-6"><div class="info-card ms-card"><h4>Transparency</h4><p>The MY-SIS platform provides public access to safeguard-related information, supporting the transparency objectives of the UNFCCC.</p></div></div>
      </div>
    </div>
  </section>
</main>