/*
========================================================
Snippet Name: Reusable Query Card Text Clamp
Author: Arif / ChatGPT

Purpose:
- Keeps query card titles and excerpts visually consistent.
- Limits card titles to 2 lines.
- Limits card excerpts to 3 lines.
- Prevents longer titles from pushing excerpt/meta/button alignment out of rhythm.
- Reusable across Service, Insight, Success Story, and future CPT query cards.

How to Use:
1. Add this class to the card title block:
   query-card-title

2. Add this class to the excerpt/summary block:
   query-card-excerpt

Notes:
- The title reserves 2 lines of height so excerpts start at a consistent position.
- The excerpt reserves 3 lines of height so author/meta sections align better.
- The .query-card-excerpt p selector supports ACF WYSIWYG fields or fields that output inner <p> tags.
========================================================
*/

.query-card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: calc(1.35em * 2);
}

.query-card-excerpt,
.query-card-excerpt p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.query-card-excerpt {
  min-height: calc(1.6em * 3);
}