/* Production Who is Who directory: regular rows rather than home masonry. */
.puaro-cv-search { display: flex; width: 100%; height: 36px; }
.puaro-cv-search input { flex: 1; min-width: 0; padding: 7px 12px; border: 1px solid #ddd; border-right: 0; color: #333; background: #fff; font: 14px/20px var(--puaro-grotesque); border-radius: 0; }
.puaro-cv-search button { width: 36px; display: flex; align-items: center; justify-content: center; padding: 8px; border: 1px solid #ddd; background: #eee; color: #555; }
.puaro-cv-search svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; }
.puaro-cv-heading { margin: 10px 0 20px; padding: 0 0 80px; }
.puaro-cv-heading .puaro-section-title { margin: 0; }
.puaro-cv-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; align-items: start; }
.puaro-cv-card { min-width: 0; }
.puaro-cv-card-media { display: block; aspect-ratio: 370 / 247; overflow: hidden; }
/* Same sizes=auto placeholder override as the story grid. The frame already has an aspect ratio. */
.puaro-cv-card-media img { display: block; width: 100%; height: 100%; object-fit: cover; contain-intrinsic-size: none; }
.puaro-cv-card-body { padding: 0 5%; }
.puaro-cv-card .puaro-card-title { margin-top: 5px; }
.puaro-cv-card .puaro-card-excerpt { margin-top: 5px; }
.puaro-cv-pagination { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin-top: 40px; }
.puaro-cv-pagination .page-numbers { display: inline-block; padding: 7px 12px; border: 1px solid #ddd; color: #333; text-decoration: none; }
.puaro-cv-pagination .current { background: #111; color: #fff; border-color: #111; }
.puaro-cv-search button:active,
.puaro-cv-pagination a.page-numbers:active { background: var(--puaro-ui-pressed); }
.puaro-cv-card-media:active { opacity: .7; }
@media (max-width: 959px) {
  .puaro-cv-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 750px) {
  .puaro-cv-heading { padding: 0; margin-bottom: 80px; }
  .puaro-cv-grid { grid-template-columns: 1fr; }
}