<!-- START: Jajak Pendapat Reuters/Ipsos - Versi Bahasa Indonesia -->
<style>
  .rpoll{--ya:#f7941d;--tk:#d9d9d9;--tidak:#8e71d8;--card-bg:#fff;--txt:#111;--sub:#555;--bd:#eee;--shadow:0 6px 20px rgba(0,0,0,.06)}
  .rpoll{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:var(--txt);line-height:1.35}
  .rpoll .card{max-width:900px;margin:20px auto;background:var(--card-bg);border:1px solid var(--bd);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
  .rpoll .card .hd{padding:16px 20px;border-bottom:1px solid var(--bd)}
  .rpoll .card .hd h3{margin:0 0 6px;font-size:20px}
  .rpoll .card .hd p{margin:0;color:var(--sub);font-size:14px}
  .rpoll .body{padding:16px 20px 6px}
  .rpoll .row{margin:14px 0}
  .rpoll .label{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;font-weight:600}
  .rpoll .label span{color:var(--sub);font-weight:500}
  .rpoll .bar{display:flex;height:28px;border-radius:8px;overflow:hidden;background:#f6f6f8;border:1px solid var(--bd)}
  .rpoll .seg{display:flex;align-items:center;justify-content:flex-end;font-size:13px;font-weight:600;color:#000;padding:0 6px;white-space:nowrap}
  .rpoll .ya{background:var(--ya)}
  .rpoll .tk{background:var(--tk);color:#333}
  .rpoll .tidak{background:var(--tidak);color:#fff}
  .rpoll .legend{display:flex;flex-wrap:wrap;gap:14px;padding:10px 20px 18px;border-top:1px solid var(--bd);font-size:13px;color:var(--sub)}
  .rpoll .legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-2px}
  .rpoll .note{max-width:900px;margin:6px auto 22px;color:var(--sub);font-size:12px;text-align:left}
  @media (max-width:520px){
    .rpoll .label{flex-direction:column;gap:2px}
    .rpoll .seg{font-size:12px;padding:0 4px}
  }
</style>

<div class="rpoll">

  <!-- Kartu 1 -->
  <div class="card">
    <div class="hd">
      <h3>Amerika Serikat seharusnya mengakui Palestina sebagai sebuah negara</h3>
      <p>Persentase jawaban berdasarkan kelompok responden</p>
    </div>
    <div class="body">
      <!-- Semua Dewasa -->
      <div class="row">
        <div class="label">Seluruh responden dewasa <span>(Ya / Tidak tahu / Tidak)</span></div>
        <div class="bar">
          <div class="seg ya" style="width:59%;">59%</div>
          <div class="seg tk"  style="width:9%;">9%</div>
          <div class="seg tidak"  style="width:33%;">33%</div>
        </div>
      </div>
      <!-- Republikan -->
      <div class="row">
        <div class="label">Republikan <span>(Ya / Tidak tahu / Tidak)</span></div>
        <div class="bar">
          <div class="seg ya" style="width:41%;">41%</div>
          <div class="seg tk"  style="width:6%;">6%</div>
          <div class="seg tidak"  style="width:53%;">53%</div>
        </div>
      </div>
      <!-- Demokrat -->
      <div class="row">
        <div class="label">Demokrat <span>(Ya / Tidak tahu / Tidak)</span></div>
        <div class="bar">
          <div class="seg ya" style="width:80%;">80%</div>
          <div class="seg tk"  style="width:4%;">4%</div>
          <div class="seg tidak"  style="width:16%;">16%</div>
        </div>
      </div>
      <!-- Lainnya -->
      <div class="row">
        <div class="label">Lainnya <span>(Ya / Tidak tahu / Tidak)</span></div>
        <div class="bar">
          <div class="seg ya" style="width:58%;">58%</div>
          <div class="seg tk"  style="width:14%;">14%</div>
          <div class="seg tidak"  style="width:28%;">28%</div>
        </div>
      </div>
    </div>
    <div class="legend">
      <div><i style="background:#f7941d"></i> Ya</div>
      <div><i style="background:#d9d9d9"></i> Tidak tahu / Melewati</div>
      <div><i style="background:#8e71d8"></i> Tidak</div>
    </div>
  </div>

  <!-- Kartu 2 -->
  <div class="card">
    <div class="hd">
      <h3>Jika upaya perdamaian berhasil, Trump pantas mendapat pujian besar</h3>
      <p>Persentase jawaban berdasarkan kelompok responden</p>
    </div>
    <div class="body">
      <!-- Semua Dewasa -->
      <div class="row">
        <div class="label">Seluruh responden dewasa <span>(Ya / Tidak tahu / Tidak)</span></div>
        <div class="bar">
          <div class="seg ya" style="width:51%;">51%</div>
          <div class="seg tk"  style="width:7%;">7%</div>
          <div class="seg tidak"  style="width:42%;">42%</div>
        </div>
      </div>
      <!-- Republikan -->
      <div class="row">
        <div class="label">Republikan <span>(Ya / Tidak tahu / Tidak)</span></div>
        <div class="bar">
          <div class="seg ya" style="width:83%;">83%</div>
          <div class="seg tk"  style="width:4%;">4%</div>
          <div class="seg tidak"  style="width:13%;">13%</div>
        </div>
      </div>
      <!-- Demokrat -->
      <div class="row">
        <div class="label">Demokrat <span>(Ya / Tidak tahu / Tidak)</span></div>
        <div class="bar">
          <div class="seg ya" style="width:25%;">25%</div>
          <div class="seg tk"  style="width:4%;">4%</div>
          <div class="seg tidak"  style="width:71%;">71%</div>
        </div>
      </div>
      <!-- Lainnya -->
      <div class="row">
        <div class="label">Lainnya <span>(Ya / Tidak tahu / Tidak)</span></div>
        <div class="bar">
          <div class="seg ya" style="width:44%;">44%</div>
          <div class="seg tk"  style="width:12%;">12%</div>
          <div class="seg tidak"  style="width:44%;">44%</div>
        </div>
      </div>
    </div>
    <div class="legend">
      <div><i style="background:#f7941d"></i> Ya</div>
      <div><i style="background:#d9d9d9"></i> Tidak tahu / Melewati</div>
      <div><i style="background:#8e71d8"></i> Tidak</div>
    </div>
  </div>

  <div class="note">
    Margin kesalahan: ±2 poin persentase untuk seluruh responden dewasa; ±3 untuk kelompok lain.<br>
    Sumber data: Jajak pendapat Reuters/Ipsos. Visualisasi oleh Iris Lee & Jason Lange.
  </div>
</div>
<!-- END: Jajak Pendapat Reuters/Ipsos -->
