/* Tree 4: stable hover bubble + bundled family trunks */
.tree2-stage,.tree3-stage{display:none!important;pointer-events:none!important}.tree4-stage{position:absolute;inset:0;z-index:2;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fbf8f0 0,#f3eee4 54%,#e9e2d6 100%);touch-action:none;user-select:none}.tree4-world{position:absolute;left:0;top:0;width:11000px;height:8000px;transform-origin:0 0;will-change:transform}.tree4-lines{position:absolute;inset:0;width:11000px;height:8000px;overflow:visible;pointer-events:none;z-index:0}.tree4-line{fill:none;stroke:#8b9189;stroke-width:2.15;opacity:.55;transition:d .35s cubic-bezier(.2,.75,.25,1),opacity .18s ease}.tree4-line.weak{stroke-dasharray:8 8;opacity:.36}.tree4-line.partner{stroke:#59635c;stroke-width:3;opacity:.75}.tree4-line.family-trunk{stroke:#737c74;stroke-width:2.6;opacity:.67}.tree4-line.path{stroke:#2f7a49;stroke-width:5;opacity:1}.tree4-hover-halo{position:absolute;z-index:1;border:1px dashed rgba(57,115,77,.14);border-radius:34px;background:rgba(239,244,238,.16);box-shadow:0 0 0 18px rgba(239,244,238,.05);transition:left .35s cubic-bezier(.2,.75,.25,1),top .35s cubic-bezier(.2,.75,.25,1),width .35s cubic-bezier(.2,.75,.25,1),height .35s cubic-bezier(.2,.75,.25,1),opacity .18s ease}.tree4-node{position:absolute;width:184px;min-height:210px;transform:translate(-50%,-50%);border:1px solid #cec6b8;border-radius:15px;background:#fbf7ef;color:#20231f;padding:0;overflow:hidden;text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(35,36,31,.09);transition:left .36s cubic-bezier(.2,.78,.25,1),top .36s cubic-bezier(.2,.78,.25,1),opacity .2s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease;z-index:3}.tree4-node:hover,.tree4-node.peek-anchor{transform:translate(-50%,-50%) translateY(-5px) scale(1.02);box-shadow:0 18px 38px rgba(34,37,31,.18);border-color:#5d8067;z-index:8}.tree4-node.peek-member{box-shadow:0 10px 26px rgba(34,37,31,.12);border-color:#a8b8aa}.tree4-node.selected{border:4px solid #39734d;box-shadow:0 0 0 5px rgba(57,115,77,.12),0 16px 38px rgba(35,36,31,.16);z-index:9}.tree4-node.selected::after{content:'VIEWING';position:absolute;right:8px;top:8px;background:#39734d;color:#fff;border-radius:999px;padding:4px 7px;font:800 9px Arial,sans-serif;letter-spacing:.11em}.tree4-node.entering{opacity:0;transform:translate(-50%,-50%) scale(.92)}.tree4-node.leaving{opacity:0;transform:translate(-50%,-50%) scale(.92);pointer-events:none}.tree4-node.dimmed{opacity:.1}.tree4-photo{height:112px;background:#d9d2c5;overflow:hidden;pointer-events:none}.tree4-photo img{width:100%;height:100%;display:block;object-fit:cover}.tree4-fallback{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#e7e0d5,#d4ccbf);color:#837b70;font:48px Georgia,serif}.tree4-copy{padding:11px 12px 13px;pointer-events:none}.tree4-copy small{display:block;color:#39734d;font:800 9px/1.25 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}.tree4-copy strong{display:block;color:#252822;font:700 17px/1.08 Georgia,serif}.tree4-copy em{display:block;margin-top:5px;color:#747168;font:12px Arial,sans-serif;font-style:normal}.tree4-family-count{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:5px 7px;border-radius:999px;background:#ece6db;color:#4e5d51;font:800 9px Arial,sans-serif;letter-spacing:.05em}.tree4-node.peek-anchor .tree4-family-count{background:#dfe9e1;color:#2f6d43}.tree4-hud{position:absolute;left:18px;right:18px;top:16px;z-index:30;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}.tree4-hud>*{pointer-events:auto}.tree4-breadcrumb,.tree4-controls{display:flex;align-items:center;gap:5px;border:1px solid rgba(117,111,100,.22);border-radius:999px;background:rgba(250,247,239,.97);box-shadow:0 6px 18px rgba(36,37,32,.08)}.tree4-breadcrumb{padding:9px 11px;max-width:42%;overflow:auto;scrollbar-width:none}.tree4-breadcrumb button,.tree4-controls button{border:0;background:transparent;color:#515850;cursor:pointer;white-space:nowrap}.tree4-breadcrumb button{font:700 11px Arial,sans-serif}.tree4-controls{padding:6px}.tree4-controls button{border-radius:999px;padding:8px 10px;font:800 10px Arial,sans-serif;letter-spacing:.04em}.tree4-controls button.active{background:#2f4938;color:#fff}.tree4-controls button:hover:not(.active){background:#ebe6dc}.tree4-controls [data-mode="entire"]{border-left:1px solid #d7d1c5;border-right:1px solid #d7d1c5;border-radius:0;margin:0 3px;padding-left:13px;padding-right:13px}.tree4-help{position:absolute;left:18px;bottom:14px;z-index:20;padding:9px 13px;border-radius:999px;background:rgba(250,247,239,.95);box-shadow:0 4px 12px rgba(36,37,32,.06);color:#5e635d;font:11px Arial,sans-serif}.tree4-status{position:absolute;left:50%;top:70px;transform:translateX(-50%);z-index:25;min-height:22px;padding:7px 11px;border-radius:999px;background:#314d3a;color:#fff;font:800 10px Arial,sans-serif;letter-spacing:.06em;opacity:0;transition:opacity .18s ease;pointer-events:none}.tree4-status:not(:empty){opacity:1}.tree4-stage.dragging{cursor:grabbing}.tree4-stage.dragging .tree4-node{pointer-events:none}.tree4-world.no-motion,.tree4-world.no-motion .tree4-node,.tree4-world.no-motion .tree4-hover-halo{transition:none!important}.person-drawer{z-index:700!important}.drawer-close{position:fixed!important;top:18px!important;right:18px!important;z-index:1200!important;pointer-events:auto!important;float:none!important;margin:0!important;display:grid!important;place-items:center!important}.identity-modal,.story-map-lightbox,.media-lightbox{z-index:900!important}
@media(max-width:900px){.tree4-hud{flex-direction:column}.tree4-breadcrumb{max-width:100%}.tree4-controls{max-width:100%;overflow:auto}.tree4-help{display:none}.tree4-status{top:122px}}
@media(max-width:760px){.tree4-node{width:154px;min-height:178px}.tree4-photo{height:86px}.tree4-copy strong{font-size:15px}.tree4-family-count{font-size:8px}.tree4-stage{touch-action:none}}
@media(prefers-reduced-motion:reduce){.tree4-node,.tree4-world,.tree4-line,.tree4-hover-halo{transition:none!important}}