/* Queer Leaders page (B1). Uses shared tokens/components; this is page glue. */
.wrap-wide{max-width:var(--maxw-wide,1040px)}
.leaders-empty{font-size:17px;color:var(--ink-2);max-width:54ch;margin:26px 0 8px;padding:22px 24px;border:2px dashed var(--seat-line,#D9D5CC);border-radius:var(--r-lg)}

#leaders{display:grid;gap:22px;margin:28px 0 40px}
.leader{border:2px solid var(--ink);border-radius:var(--r-lg);background:#fff;padding:22px 24px;box-shadow:var(--shadow-pop)}
.leader__head{display:flex;align-items:center;gap:18px;margin:0 0 16px}
.leader__photo{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none;border:3px solid var(--ink)}
.leader__photo--ph{display:grid;place-items:center;background:var(--seat-empty,#ECEAE3)}
.leader__photo--ph .spark{font-size:30px}
.leader__name{font-family:var(--font-display);font-weight:800;font-size:24px;margin:0}
.leader__role{color:var(--muted);margin:3px 0 0;font-size:14.5px}
.leader__body{display:grid;gap:16px}
.leader__qa h3{font-family:var(--font-display);font-weight:700;font-size:16px;margin:0 0 4px;color:var(--accent)}
.leader__qa p{margin:0;line-height:1.5}
.leader__close{margin:20px 0 0;padding-top:16px;border-top:2px solid var(--seat-line,#D9D5CC);font-weight:600}

.rep-cta{border-radius:var(--r-lg);padding:38px 32px;text-align:center;margin:8px 0 40px}
.rep-cta .display{margin:0 0 8px}
.rep-cta .sub{margin:0 0 22px}