.biography-button{display:block;width:fit-content;margin-top:9px;padding:8px 0;border:0;background:none;color:var(--blue);font:600 14px/1.5 Manrope,'Segoe UI',sans-serif;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;min-height:40px}
.biography-button span{display:inline-block;margin-left:5px;text-decoration:none}
.biography-button:hover{color:var(--navy)}
.biography-button:focus-visible,.biography-close:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:3px}
.delegate-directory>div{padding-block:24px}
.delegate-directory dt{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:17px}
.delegate-directory .delegate-person+.delegate-person{margin-top:22px}
.delegate-role{display:block;color:var(--muted);font-size:14px;font-weight:400;line-height:1.6;margin-bottom:3px}
.portrait-preview{display:block;width:96px;padding:0;border:0;border-radius:6px;background:none;color:var(--blue);font:inherit;cursor:zoom-in;text-align:center}
.portrait-preview .image-placeholder,.portrait-preview>img{display:flex;width:96px;height:120px;box-sizing:border-box;border-radius:6px;object-fit:cover}
.portrait-preview:hover .image-placeholder{border-color:var(--blue);background:#e7eef7}
.portrait-preview:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.portrait-dialog{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:20px 24px 24px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);overflow:auto;overscroll-behavior:contain}
.portrait-dialog::backdrop{background:rgb(15 36 65 / 48%)}
.portrait-toolbar{display:flex;justify-content:flex-end;margin-bottom:18px}
.portrait-full{display:flex;justify-content:center}
.portrait-full .image-placeholder{width:min(320px,100%);height:min(400px,55dvh);font-size:16px}
.portrait-full img{display:block;max-width:100%;max-height:55dvh;width:auto;height:auto;object-fit:contain}
.portrait-dialog h2{font-size:20px;line-height:1.4;text-align:center;margin:20px 0 0;overflow-wrap:anywhere}
body.portrait-open{overflow:hidden}
.biography-panel{position:fixed;inset:0 auto 0 0;margin:0;padding:0;width:min(600px,100%);max-width:100%;height:100vh;height:100dvh;max-height:none;border:0;border-right:1px solid var(--line);background:#fff;color:var(--text);overflow:hidden;box-sizing:border-box}
.biography-panel[open]{display:flex;flex-direction:column;animation:biography-enter 180ms ease-out}
.biography-panel::backdrop{background:rgb(15 36 65 / 38%)}
.biography-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 36px;border-bottom:1px solid var(--line);background:#f8f7f3}
.biography-toolbar .eyebrow{margin:0;font-size:12px}
.biography-close{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:28px;background:#fff;color:var(--navy);font:600 14px/1.5 Manrope,'Segoe UI',sans-serif;cursor:pointer}
.biography-close:hover{background:var(--soft);border-color:#9aafc9}
.biography-close span{font-size:24px;line-height:1;font-weight:400}
.biography-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:32px 36px 48px;scrollbar-gutter:stable}
.biography-role{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.7}
.biography-content h2{margin:0 0 28px;color:var(--navy);font-size:clamp(28px,4vw,36px);font-weight:800;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}
.biography-content h2:focus{outline:none}
.biography-prose p{margin:0 0 20px;font-size:16px;line-height:1.85;overflow-wrap:anywhere}
.biography-prose p:last-child{margin-bottom:0}
html:has(.biography-panel){scrollbar-gutter:stable}
body.biography-open{overflow:hidden}
@keyframes biography-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:600px){.biography-toolbar{padding:16px 20px}.biography-content{padding:28px 24px max(36px,env(safe-area-inset-bottom))}.biography-panel{border-right:0}.biography-toolbar .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){.biography-panel[open]{animation:none}}