/* agents/page.css: /agents/ only (zp-* names). Loaded after shared/pages.css.
   The cards are Dr. Yang's .agent-card (styles.css) with live-data.css's rabbit/seal/lamb tints, pills and .off-duty. */
.zp-family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.zp-agent-card{position:relative;min-width:0}
.zp-agent-card .portrait{height:227px}
.zp-agent-card .portrait>.agent-plush{padding:12px 12px 0}
/* whole card clickable through the heading link; the resident links sit above the overlay */
.zp-agent-card h3 a.zp-card-link{color:inherit;text-decoration:none}
.zp-agent-card h3 a.zp-card-link::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.zp-agent-card:hover h3 a.zp-card-link{color:#0a7a62}
.zp-agent-card:focus-within{box-shadow:0 0 0 3px #378ce6}
.zp-agent-card h3 a.zp-card-link:focus-visible{outline:none}
.zp-card-rank{position:absolute;left:11px;bottom:11px;z-index:1;font-size:11px;font-weight:750;padding:3px 10px;border-radius:20px;background:#ffffffe6;color:#1c6a52;border:1px solid #cfe6da;font-variant-numeric:tabular-nums}
.zp-agent-card .agent-copy>p{min-height:3.5em}
.zp-agent-card .stats{margin-top:0}
.zp-agent-card .agent-models{margin:-4px 0 9px}
.zp-card-vs{font-size:11px;color:#6b7a86;text-align:center;margin:6px 0 0;font-variant-numeric:tabular-nums}
.zp-card-residents{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid #f1f3f8;display:flex;flex-direction:column;gap:8px}
.zp-card-residents a{position:relative;z-index:2;display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;border-radius:10px;padding:2px 4px 2px 2px}
.zp-card-residents a:hover b{color:#0a7a62;text-decoration:underline;text-underline-offset:2px}
.zp-card-residents span{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.zp-card-residents b{font-size:12px;font-weight:650;color:#253455}
.zp-card-residents small{font-size:10.5px;color:#6b7a86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zp-card-cta{margin-top:auto;padding-top:12px}
.zp-agents-note{margin:16px 0 0;text-align:center}
.zp-agents-roles{font-size:14px;line-height:1.75;color:#51616f;max-width:760px;margin:0}
.zp-agents-roles b{color:#253455;font-weight:650}
#roles .zp-links{margin-top:14px}
@media(max-width:560px){
 .zp-family-grid{grid-template-columns:minmax(0,1fr)}
 .zp-agent-card .portrait{height:210px}
 .zp-agent-card .agent-copy>p{min-height:0}
 .zp-agents-roles{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.zp-agent-card,.zp-agent-card:hover{transition:none;transform:none}}