/* Reusable organization chart connected to collection records. */
.org-tools{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:20px 0 12px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.org-tools>div{display:flex;align-items:center;gap:8px}.org-tools button{border:1px solid var(--line);border-radius:12px;min-width:40px;height:40px;padding:0 12px;font:inherit;font-weight:700;background:var(--paper);color:var(--deep);cursor:pointer}.org-tools output{min-width:42px;text-align:center;font-variant-numeric:tabular-nums}.org-tools button:hover{background:var(--accent)}
.org-viewport{max-height:65dvh;min-height:280px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:22px;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--deep) 12%,transparent) 1px,transparent 0) 0 0/20px 20px,var(--soft);cursor:grab;scrollbar-width:thin}.org-viewport.is-dragging{cursor:grabbing;user-select:none}.org-chart{width:max-content;min-width:100%;padding:30px 24px 40px;box-sizing:border-box}.org-chart ul{position:relative;display:flex;justify-content:center;list-style:none;margin:0;padding:30px 0 0}.org-chart>ul{padding-top:0}.org-chart li{position:relative;display:flex;flex-direction:column;align-items:center;padding:25px 12px 0;list-style:none}.org-chart>ul>li{padding-top:0}.org-chart li:before,.org-chart li:after{content:'';position:absolute;top:0;width:50%;height:25px;border-top:2px solid color-mix(in srgb,var(--deep) 40%,transparent)}.org-chart li:before{right:50%}.org-chart li:after{left:50%;border-left:2px solid color-mix(in srgb,var(--deep) 40%,transparent)}.org-chart li:first-child:before,.org-chart li:last-child:after{border-top:0}.org-chart li:only-child:after{border-left:0}.org-chart>ul>li:before,.org-chart>ul>li:after{display:none}.org-chart ul ul:before{content:'';position:absolute;left:50%;top:0;height:30px;border-left:2px solid color-mix(in srgb,var(--deep) 40%,transparent)}
.org-node{width:190px;box-sizing:border-box;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 12px 25px -18px var(--deep);text-align:center}.org-role{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;background:var(--deep);color:var(--accent);font-size:11px;font-weight:750;line-height:1.5}.org-person,.org-vacant{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 13px;min-height:165px;box-sizing:border-box;width:100%;border:0;background:transparent;color:var(--ink);font:inherit;text-align:center}.org-person{cursor:pointer}.org-person img,.org-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid var(--paper);box-shadow:0 0 0 1px var(--line),0 8px 16px -10px var(--deep)}.org-avatar{display:grid;place-items:center;background:var(--soft);color:var(--deep);font-size:25px}.org-person strong,.org-vacant strong{font-size:13px;line-height:1.5}.org-person small,.org-vacant small{font-size:10px;color:var(--muted)}.org-person:hover{background:color-mix(in srgb,var(--accent) 15%,var(--paper))}.org-vacant{opacity:.65}.org-person:focus-visible,.org-tools button:focus-visible,.org-viewport:focus-visible{outline:3px solid var(--deep);outline-offset:-3px}.no-campus-depth .org-node,.no-campus-depth .org-person img,.no-campus-depth .org-avatar{box-shadow:none}
@media(max-width:600px){.org-tools{font-size:10px;gap:10px}.org-viewport{min-height:280px;max-height:65dvh;border-radius:16px}.org-chart{padding:25px 16px}.org-node{width:170px}.org-chart li{padding-left:9px;padding-right:9px}}

.org-chart li:only-child:before{right:auto;left:50%;width:0;border-top:0;border-left:2px solid color-mix(in srgb,var(--deep) 40%,transparent)}.org-chart>ul>li:only-child:before{display:none}