/* Keep the person tree spatially stable while using a mobile reading scale. */
#viewport .balance-person .depth-dates,#viewport .balance-person .depth-summary{display:none}
@media(max-width:600px){
 body[data-design=tree] #viewport{height:calc(100dvh - 110px);min-height:540px}
 body[data-design=tree] #viewport.mobile-map .balance-person b{font-size:clamp(6px,var(--depth-title),18px);letter-spacing:-.3px}
 body[data-design=tree] #viewport.mobile-map[data-depth="70"] .balance-person b,
 body[data-design=tree] #viewport.mobile-map[data-depth="100"] .balance-person b{font-size:max(12px,var(--depth-title))}
 #viewport.mobile-map .balance-person .depth-role{margin-top:2px;font-size:10px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #viewport.mobile-map .balance-person .depth-related{font-size:10px;line-height:12px;-webkit-line-clamp:1;padding-top:2px;margin-top:2px}
 #viewport.mobile-map[data-depth="70"] .balance-person .depth-summary,
 #viewport.mobile-map[data-depth="100"] .balance-person .depth-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font:11px/1.2 'Noto Sans KR',sans-serif;margin-top:3px;word-break:keep-all;color:#46513f;text-align:left}
 #viewport.mobile-map[data-depth="100"] .balance-person .depth-summary{-webkit-line-clamp:2}
 #viewport.mobile-map[data-depth="100"] .balance-person .depth-dates{display:block;font:10px/1.2 'Noto Sans KR',sans-serif;color:#72775f;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #viewport.mobile-map .depth-record-overlay>.depth-related,
 #viewport.mobile-map .depth-record-overlay>.depth-summary{-webkit-line-clamp:1}
 #viewport.mobile-map .depth-record-overlay>.depth-meaning{display:none!important}
 #viewport.mobile-map[data-depth="70"] .depth-record-overlay b{-webkit-line-clamp:1}
 body[data-design=tree] #inspector{position:fixed;top:auto!important;bottom:0;left:0;right:0;width:100%;max-height:45dvh;border-radius:16px 16px 0 0;background:#fbf6ea;box-shadow:0 -8px 30px #28322424;z-index:50}
 body[data-design=tree] #inspector>.inspector-toolbar{padding:10px 14px;border-radius:16px 16px 0 0}
 #inspector .inspector-toolbar button{min-height:40px;min-width:40px}
 body[data-design=tree] #inspectorContent{padding:12px 18px 28px}
 body[data-design=tree] .minimap{display:none}
 .map-controls #home{display:none}
 .map-controls{padding:3px;gap:0}
 .map-controls #balanceZoom{max-width:88px;min-height:40px}
}