<!-- Ideal Weight Calculator Widget by BodyCalc Tool -->
<div id="iw-calc" style="max-width:400px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#27272a;color:#f4f4f5;border-radius:12px;padding:24px;border:1px solid #3f3f46">
  <h2 style="font-size:1.15rem;color:#f97316;text-align:center;margin:0 0 16px">Ideal Weight Calculator</h2>
  <label style="display:block;margin-bottom:10px;font-size:.85rem;color:#a1a1aa">Gender
    <select id="iw-gender" onchange="iwCalc()" style="width:100%;padding:9px 10px;margin-top:4px;border-radius:8px;border:1px solid #52525b;background:#18181b;color:#f4f4f5;font-size:.9rem"><option value="male">Male</option><option value="female">Female</option></select>
  </label>
  <label style="display:block;margin-bottom:10px;font-size:.85rem;color:#a1a1aa">Height (cm)
    <input type="number" id="iw-height" value="170" step="0.1" oninput="iwCalc()" style="width:100%;padding:9px 10px;margin-top:4px;border-radius:8px;border:1px solid #52525b;background:#18181b;color:#f4f4f5;font-size:.9rem">
  </label>
  <button onclick="iwCalc()" style="display:block;width:100%;margin-top:14px;padding:10px;font-size:.9rem;background:#f97316;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600">Calculate</button>
  <div style="margin-top:16px;background:#18181b;border-radius:10px;padding:16px">
    <div style="display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #3f3f46;font-size:.85rem;color:#a1a1aa"><span>Ideal Weight Range</span><strong id="iw-range" style="font-size:1.2rem;color:#fafafa">—</strong></div>
    <div style="display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #3f3f46;font-size:.85rem;color:#a1a1aa"><span>Robinson (1983)</span><strong id="iw-robinson" style="font-size:1.2rem;color:#fafafa">—</strong></div>
    <div style="display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #3f3f46;font-size:.85rem;color:#a1a1aa"><span>Miller (1983)</span><strong id="iw-miller" style="font-size:1.2rem;color:#fafafa">—</strong></div>
    <div style="display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.85rem;color:#a1a1aa"><span>Devine (1974)</span><strong id="iw-devine" style="font-size:1.2rem;color:#fafafa">—</strong></div>
  </div>
  <div style="text-align:center;margin-top:12px;font-size:.75rem;color:#71717a">Powered by <a href="https://bodycalctool.com/" target="_blank" rel="noopener" style="color:#f97316;text-decoration:none">BodyCalc Tool</a></div>
</div>
<script>
function iwCalc(){
  var g=document.getElementById('iw-gender').value,h=+document.getElementById('iw-height').value;
  if(!h)return;
  var inch=h/2.54,r,m,d;
  if(g==='male'){r=52+1.9*(inch-60);m=56.2+1.41*(inch-60);d=50+2.3*(inch-60);}
  else{r=49+1.7*(inch-60);m=53.1+1.36*(inch-60);d=45.5+2.3*(inch-60);}
  var lo=Math.min(r,m,d),hi=Math.max(r,m,d),f=function(n){return n.toFixed(1)+' kg'};
  document.getElementById('iw-range').textContent=f(lo)+' – '+f(hi);
  document.getElementById('iw-robinson').textContent=f(r);
  document.getElementById('iw-miller').textContent=f(m);
  document.getElementById('iw-devine').textContent=f(d);
}
iwCalc();
<\/script>