/* Keep text legible at the map scales used to recognize portraits. */
body[data-design=tree] #viewport:not(.zoom-far) .person-node{width:280px;margin-left:-15px}
body[data-design=tree] #viewport:not(.zoom-far) .person-main{width:280px;height:auto;min-height:148px;grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto;gap:8px 10px}
body[data-design=tree] #viewport:not(.zoom-far) .person-main .node-copy{max-height:none;overflow:visible;gap:4px}
body[data-design=tree] #viewport:not(.zoom-far) .person-main .node-copy b{font-size:clamp(18px,calc(22px / var(--map-zoom,1)),32px);line-height:1.25;letter-spacing:-.5px}
body[data-design=tree] #viewport:not(.zoom-far) .person-main .node-copy small{font-size:clamp(12px,calc(14px / var(--map-zoom,1)),21px);line-height:1.45;max-height:none;display:block;overflow:visible;-webkit-line-clamp:unset}
body[data-design=tree] #viewport:not(.zoom-far) .person-main .node-copy .life{font-size:clamp(10px,calc(11px / var(--map-zoom,1)),16px);line-height:1.4;color:#4d543e}
body[data-design=tree] .zoom-detail .person-main .node-detail{font-size:clamp(12px,calc(14px / var(--map-zoom,1)),20px);line-height:1.5;max-height:4.5em}
body[data-design=tree] #viewport:not(.zoom-far) .family-node-action,body[data-design=tree] #viewport:not(.zoom-far) .family-node-status{font-size:clamp(11px,calc(12px / var(--map-zoom,1)),18px);line-height:1.4}