/* Bounded interactive family tree, shared by desktop and browser. */
.profile-tabs{gap:19px;flex-wrap:wrap}.profile-content:has(.tree-view){padding:0}.tree-view{background:#fafbf7;min-width:0}.tree-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line);background:white}.tree-toolbar label{display:flex;align-items:center;gap:8px;font-size:11px}.tree-generations{font-size:11px;padding:8px;width:auto;max-width:260px}.tree-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tree-tools .secondary{font-size:10px;padding:8px 10px}.tree-scale{min-width:35px;text-align:center;font-size:10px;color:var(--muted)}.tree-status{padding:12px 18px;margin:0;font-size:11px;color:#536c4e;border-bottom:1px solid var(--line);min-height:40px}.tree-canvas{height:510px;overflow:hidden;background:radial-gradient(#bdcbb566 .7px,transparent .7px);background-size:18px 18px}.tree-svg{display:block;width:100%;height:100%;touch-action:none;cursor:grab;user-select:none}.tree-svg:active{cursor:grabbing}.tree-level{font:10px 'Segoe UI',sans-serif;letter-spacing:2px;fill:#788c6c}.tree-edge{fill:none;stroke:#9aad90;stroke-width:1.5;vector-effect:non-scaling-stroke}.tree-edge:hover{stroke:#245a48;stroke-width:4}.tree-edge-other{stroke:#af8560;stroke-dasharray:5 4}.tree-hub{fill:#7c9570;stroke:#fafbf7;stroke-width:2}.tree-node{cursor:pointer}.tree-card{fill:#fff;stroke:#c6d3bb;stroke-width:1.3;filter:drop-shadow(0 3px 3px #233b3409)}.tree-node [role=button]:hover .tree-card,.tree-node [role=button]:focus .tree-card{stroke:#456f38;stroke-width:2.5}.tree-node [role=button]:focus{outline:none}.tree-focus .tree-card{fill:#e9f2e0;stroke:#64884d;stroke-width:2}.tree-card-id{font:9px 'Segoe UI',sans-serif;letter-spacing:1px;fill:#89997c}.tree-card-name{font:600 13px 'Segoe UI',sans-serif;fill:#2c4630}.tree-card-date{font:10px 'Segoe UI',sans-serif;fill:#7f8f72}.tree-card-hint{font:9px 'Segoe UI',sans-serif;fill:#96a489}.tree-branch{fill:#edf3e6;stroke:#afc29c}.tree-branch-text{font:12px 'Segoe UI',sans-serif;fill:#426632}.tree-node [role=button]:focus .tree-branch,.tree-node [role=button]:hover .tree-branch{stroke:#456f38;stroke-width:2}.tree-legend{display:flex;flex-wrap:wrap;gap:15px;padding:12px 18px;border-top:1px solid var(--line);font-size:10px;color:#809173;background:#fff}.tree-help{padding:0 18px 15px;margin:0;font-size:10px;line-height:1.7;color:#839378;background:#fff}.tree-wide{position:fixed;inset:16px;z-index:30;border:1px solid #b9c8ab;border-radius:12px;overflow:hidden;box-shadow:0 10px 90px #152b2a55;display:flex;flex-direction:column}.tree-wide .tree-canvas{flex:1;min-height:180px;height:auto}.tree-wide .tree-toolbar{flex-shrink:0}.tree-wide .tree-tools{margin-left:auto}.tree-wide .tree-help,.tree-wide .tree-status{flex-shrink:0}@media(max-width:760px){.profile-tabs{gap:15px}.profile-tabs button{font-size:11px}.tree-wide{inset:5px}.tree-toolbar{padding:12px}.tree-generations{max-width:245px}.tree-canvas{height:460px}.tree-wide .tree-tools{margin-left:0}.tree-help{font-size:9px}}


#ancestors{padding:0;overflow:hidden}#ancestors>.section-heading{padding:22px 25px 4px}.tree-generations{color:var(--ink);border:1px solid #d6e0d1;border-radius:6px;background:#f7faf3}.tree-tools button{white-space:nowrap}.tree-canvas{height:580px}.tree-view.tree-wide .tree-canvas{height:auto}.tree-wide{z-index:80}