/* Three tiers: CEO, executives, business leadership. */
.organization .map.leadership-map{position:relative;width:100%;min-width:552px;max-width:920px;margin-inline:auto}
.organization .leadership-map .lane-grid{position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:64px 24px;padding:0 24px;align-items:flex-start}
.organization .leadership-map .lane-grid>.person-block{margin-inline:0}
.organization .leadership-map .lane{display:flex;flex-direction:column;align-items:center;min-width:0;width:240px;z-index:1;padding:0}
.organization .leadership-map .operational-tier{margin-top:80px}
.organization .leadership-map .root-stem{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.organization .leadership-map .root-stem svg{position:absolute;inset:0;width:100%;height:100%;stroke-linejoin:round;stroke-linecap:round}
.organization .leadership-map .ceo-row{position:relative;z-index:1;margin-bottom:72px}
.organization .leadership-map .person-block{width:240px;flex-shrink:0}

/* Business leaders share one level, including on narrow screens. */
.organization .map.leadership-map{width:max(100%,calc(var(--operation-count) * 240px + (var(--operation-count) - 1) * 24px + 48px));min-width:552px;max-width:none}
.organization .leadership-map .operational-tier{flex-wrap:nowrap}

.organization .leadership-map .division-tier{flex-wrap:nowrap}

/* The map owns the full workspace; its heading is a non-blocking overlay. */
.assignment-board .organization{position:relative}
.organization .organization-heading{position:absolute;inset:0 0 auto;z-index:2;pointer-events:none;background:transparent}
.organization .canvas{width:100%;height:100%;flex:1;min-height:0}
.organization .map-stage{padding-top:108px}
@media(min-width:1550px){.organization .map-stage{padding-top:130px}}
@media(max-width:800px){.organization .map-stage{padding-top:94px}}
@media(max-width:600px){.organization .map-stage{padding-top:92px}}
