:root { --brand-red-200c:#BA0C2F; --brand-black:#000000; --brand-muted:#555; --brand-border:#e6e6e6; --card-bg:#fff; }

.leaders-grid{ display:grid; grid-template-columns:1fr; gap:28px; }
@media (min-width:680px){ .leaders-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1024px){ .leaders-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } }

.leader-card{ display:block; padding:16px; border:1px solid var(--brand-border); border-radius:12px; background:var(--card-bg); box-shadow:0 1px 2px rgba(0,0,0,.04); color:var(--brand-black); }

.leader-header{ margin-bottom:12px; }
.leader-name{ margin:0 0 4px; font-weight:800; color:var(--brand-red-200c); font-size:clamp(1.6rem,1.1rem + 1.6vw,2.2rem); line-height:1.12; }

/* Title line: keep theme/default sizing */
.leader-subtitle{ margin:0; color:var(--brand-black); font-weight:600; }

/* County line: match title size; label matches the entered text (same weight/color/size) */
.leader-county{ margin:6px 0 0; color:var(--brand-muted); font-weight:600; font-size:inherit; }
.leader-county__label{ font-weight:inherit; color:inherit; font-size:inherit; }

.leader-photo{ width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; border-radius:10px; }
.leader-card__placeholder{ width:100%; aspect-ratio:4/5; border-radius:10px; background:#f2f2f2; }

details.leader-bio{ margin-top:12px; }
details.leader-bio>summary{ list-style:none; cursor:pointer; color:var(--brand-red-200c); font-weight:700; position:relative; padding-right:22px; }
details.leader-bio>summary::-webkit-details-marker{ display:none; }
details.leader-bio>summary::after{ content:"+"; position:absolute; right:0; top:0; }
details[open].leader-bio>summary::after{ content:"–"; }

.leader-bio__content{ margin-top:8px; line-height:1.6; }
@keyframes slideDown{ from{opacity:0; transform:translateY(-4px);} to{opacity:1; transform:translateY(0);} }
details[open].leader-bio .leader-bio__content{ animation:slideDown .18s ease-out; }
