Card list

<style>
  .contact-entry {
    display: flex;
    align-items: flex-start;
    background: #f9f9f9;
    padding: 12px;
    margin-bottom: 8px;
    border-radius: 12px;
    gap: 12px;
  }

  .contact-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
  }

  .contact-info b {
    display: block;
    font-size: 16px;
    margin-bottom: 4px;
  }

  .contact-info .line {
    font-size: 14px;
    color: #333;
    margin-bottom: 2px;
  }

  .contact-info a {
    font-size: 14px;
    color: #007AFF;
    word-break: break-word;
    text-decoration: none;
  }
</style>

{{#result}}<div class="contact-entry"><img class="contact-avatar" src="https://ui-avatars.com/api/?name={{people.full_name.value_static}}&background=random" alt="Avatar" /><div class="contact-info"><b>{{people.full_name.value}}</b><div class="line">{{people.title.value_static}} - {{people.practice_group.value_static}}</div><div class="line"><a href="mailto:{{people.email.value_static}}">{{people.email.value_static}}</a></div><div class="line"><a href="tel:{{people.office_phone_number.value_static}}">{{people.office_phone_number.value_static}}</a></div></div></div>{{/result}}