.living-tree-shell{position:relative;background:#ebe6dc;border:1px solid var(--line);padding:28px 20px 34px;overflow:auto}.tree-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.tree-toolbar p{margin:0;color:var(--muted);font-size:15px}.tree-toolbar button{border:1px solid #bdb5a8;background:transparent;padding:10px 14px;cursor:pointer}.living-tree{position:relative;min-width:980px;padding:10px 20px 22px}.generation{position:relative;display:grid;grid-template-columns:repeat(8,1fr);gap:18px;align-items:start;margin:0 auto 46px}.generation:last-child{margin-bottom:0}.generation-label{position:absolute;left:-6px;top:50%;transform:translate(-100%,-50%) rotate(-90deg);font-size:11px;letter-spacing:.14em;color:#8c877e;white-space:nowrap}.tree-person{position:relative;background:#f7f3eb;border:1px solid #c9c1b5;padding:12px;text-align:left;cursor:pointer;min-height:118px;transition:.15s ease}.tree-person:hover,.tree-person:focus-visible{background:#fff;border-color:#776d60;outline:none}.tree-person.current{background:#171914;color:#fff;border-color:#171914}.tree-person strong{display:block;font:22px/1.05 'Libre Caslon Display',serif;margin-bottom:5px}.tree-person .tree-dates{display:block;font-size:13px;color:#777166;margin-bottom:7px}.tree-person.current .tree-dates{color:#d4d0c8}.tree-person em{display:block;font-style:normal;font-size:13px;line-height:1.3;color:#6e685f}.tree-person.current em{color:#ddd9d1}.tree-person .portrait{width:42px;height:50px;object-fit:cover;float:left;margin-right:9px;margin-bottom:4px;background:#d8d0c2}.tree-person .initial{width:42px;height:50px;float:left;margin-right:9px;display:grid;place-items:center;background:#ded7ca;font:22px 'Libre Caslon Display',serif}.tree-person.current .initial{background:#373a35}.couple{position:relative;grid-column:span 4;display:grid;grid-template-columns:1fr 1fr;gap:34px}.couple:before{content:'';position:absolute;left:50%;top:58px;width:34px;border-top:1px solid #8e877b;transform:translateX(-50%)}.branch-down{position:absolute;left:50%;bottom:-24px;height:24px;border-left:1px solid #8e877b}.branch-down:after{content:'';position:absolute;left:-120px;bottom:0;width:240px;border-top:1px solid #8e877b}.branch-child:before{content:'';position:absolute;left:50%;top:-24px;height:24px;border-left:1px solid #8e877b}.branch-child{position:relative}.branch-note{display:flex;align-items:center;justify-content:center;border:1px dashed #bcb4a8;color:#716b62;background:rgba(255,255,255,.25);font-size:13px;padding:12px;min-height:90px}.tree-key{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:#6e685f}.tree-key span:before{content:'';display:inline-block;width:16px;border-top:1px solid #8e877b;margin-right:7px;vertical-align:middle}.tree-key span:last-child:before{border-top-style:dashed}@media(max-width:850px){.living-tree-shell{padding:20px 0 26px}.tree-toolbar{padding:0 18px}.living-tree{min-width:820px;padding-left:72px;padding-right:24px}.generation{gap:12px}.tree-person{min-height:108px;padding:10px}.tree-person strong{font-size:19px}.generation-label{left:16px;transform:translate(-100%,-50%) rotate(-90deg)}}