.he-wrap { max-width: 960px; margin: 0 auto; font-family: "Noto Nastaliq Urdu", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; }
.he-title { text-align:center; font-weight:800; font-size:28px; margin-bottom:16px; }
.he-row { display:flex; gap:8px; margin-bottom:12px; }
.he-input { flex:1; padding:10px; border:1px solid #cbd5e1; border-radius:10px; text-align:right; }
.he-btn { background:#2563eb; color:#fff; padding:10px 14px; border-radius:10px; border:none; cursor:pointer; }
.he-btn:hover { background:#1d4ed8; }
.he-note { background:#fff7ed; border:1px solid #fed7aa; color:#7c2d12; padding:10px; border-radius:10px; margin-bottom:12px; font-size:14px; }
.section { background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:14px; margin-top:16px; }
.he-table { width:100%; border-collapse:collapse; text-align:center; }
.he-table th, .he-table td { border:1px solid #e2e8f0; padding:8px; }
.he-head { background:#f1f5f9; font-weight:700; }
.bg-red-100 { background:#fee2e2; }
.bg-yellow-100 { background:#fef9c3; }
.bg-blue-100 { background:#dbeafe; }
.bg-green-100 { background:#dcfce7; }
.he-result p { font-size:18px; line-height:1.8; margin:6px 0; }
.he-tips { color:#475569; font-size:14px; margin-top:8px; }