/* =====================================================
   Leadership page — card grid with read more / read less
   Used by: leadership.php
   ===================================================== */

section[id^="ld-"] p, section[id^="ld-"] ul, section[id^="ld-"] li, section[id^="ld-"] a{font-size:16px}

.ldr-card-grid{display:flex;align-items:flex-start;gap:1.75rem;margin-top:1rem}
.ldr-card-col{display:flex;flex-direction:column;gap:1.75rem;flex:1;min-width:0}
@media(max-width:767px){.ldr-card-grid{flex-direction:column}}

.ldr-card{background:var(--white);border:1px solid var(--ink-100);border-radius:1.25rem;padding:1.75rem;transition:all .3s;display:flex;flex-direction:column}
.ldr-card:hover{border-color:var(--brand-300);box-shadow:var(--shadow-lg);transform:translateY(-3px)}

.ldr-card-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}
.ldr-card-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--brand-100)}
.ldr-avatar-fallback{width:64px;height:64px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.05rem}
.ldr-card-name{font-size: clamp(1.6rem, 1.4vw, 1.2rem);font-weight:800;color:var(--ink-800);margin:0 0 .2rem}
.ldr-card-role{font-size:.82rem;font-weight:600;color:var(--brand-600);margin:0;text-transform:uppercase;letter-spacing:.03em}

.ldr-card-bio{
   font-size:16px;color:var(--ink-500);line-height:1.7;margin:0;
   /* display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden */
}
.ldr-card-bio p{
 padding-bottom: 1rem;
}

.ldr-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.25rem;padding-top:1.1rem;border-top:1px solid var(--ink-100)}
.ldr-readmore-btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--grad-brand-soft);border:1px solid var(--brand-100);border-radius:9999px;padding:.5rem 1.1rem;font-family:inherit;font-size:.82rem;font-weight:700;color:var(--brand-700);cursor:pointer;transition:all .2s}
.ldr-readmore-btn:hover{background:var(--grad-brand);color:#fff;border-color:transparent;box-shadow:var(--shadow-sm);transform:translateY(-1px)}
.ldr-linkedin-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--ink-500);text-decoration:none;padding:.4rem .8rem;border-radius:9999px;background:var(--ink-50);transition:all .2s;white-space:nowrap}
.ldr-linkedin-btn:hover{background:var(--brand-50);color:var(--brand-700)}

@media(max-width:575px){.ldr-card-footer{flex-direction:column;align-items:flex-start;gap:.85rem}}

/* ── Read More modal — full bio opens in an overlay so the card grid never resizes/shifts ── */
.ldr-modal-overlay{position:fixed;inset:0;background:rgba(16,16,21,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000;opacity:0;visibility:hidden;transition:opacity .25s}
.ldr-modal-overlay.open{opacity:1;visibility:visible}
.ldr-modal{background:var(--white);border-radius:0;padding:2rem;max-width:38rem;width:100%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);transform:translateY(12px);transition:transform .25s;scrollbar-width:thin;scrollbar-color:var(--ink-800) var(--ink-50)}
.ldr-modal-overlay.open .ldr-modal{transform:translateY(0)}
.ldr-modal::-webkit-scrollbar{width:9px}
.ldr-modal::-webkit-scrollbar-track{background:var(--ink-50)}
.ldr-modal::-webkit-scrollbar-thumb{background:var(--grad-dark);border-radius:0;border:1px solid var(--ink-900)}
.ldr-modal::-webkit-scrollbar-thumb:hover{background:var(--ink-900)}
.ldr-modal::-webkit-scrollbar-button{display:none;height:0;width:0}
.ldr-modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;border:none;background:var(--ink-50);color:var(--ink-600);font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.ldr-modal-close:hover{background:var(--ink-100)}
.ldr-modal-top{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-right:2rem}
.ldr-modal-bio{font-size:16px;color:var(--ink-500);line-height:1.7;margin:0 0 1.5rem}
@media(max-width:575px){.ldr-modal{padding:1.5rem}}