.tree-page{padding:44px 0 70px}.tree-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}.tree-intro h1{font:700 clamp(2rem,4vw,3.3rem)/1.05 Georgia,serif;margin:.18em 0}.tree-actions{display:flex;gap:9px;flex-wrap:wrap}.tree-actions button,.tree-actions a,.person-actions button,.person-actions a{border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);padding:9px 13px;font:700 .84rem system-ui;cursor:pointer;text-decoration:none}.tree-actions button:disabled{opacity:.42;cursor:not-allowed}.tree-help{color:var(--muted);margin:0 0 18px}.tree-scroll{overflow:auto;background:#eee8dc;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.family-tree{position:relative;min-width:1120px}.tree-columns{position:relative;display:grid;grid-template-columns:repeat(5,190px);gap:40px;height:100%}.tree-generation{position:relative}.generation-label{position:absolute;top:0;left:0;right:0;text-align:center;color:var(--muted);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tree-person{position:absolute;left:0;right:0;transform:translateY(-50%);padding:9px 10px;background:var(--card);border:1px solid #cfc4b5;border-radius:10px;box-shadow:0 3px 10px #2a322e17}.tree-person.root-person{background:#e4ede7;border-color:#6d8c78}.tree-person.missing{background:#f4f0e8;color:var(--muted);box-shadow:none}.tree-person strong,.tree-person small{display:block}.tree-person strong{font:700 .9rem Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-person small{color:var(--muted);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-actions{display:flex;gap:5px;margin-top:6px}.person-actions button,.person-actions a{padding:3px 7px;font-size:.66rem}.person-actions .continue{color:var(--accent)}.tree-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tree-lines path{fill:none;stroke:#a99e8e;stroke-width:1.3}.person-dialog{width:min(660px,92vw);background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:0}.person-dialog::backdrop{background:#1c221fb8}.person-dialog-layout{display:grid;grid-template-columns:190px 1fr}.person-dialog figure{margin:0;background:#ded5c7;min-height:260px}.person-dialog img{width:100%;height:100%;object-fit:cover}.person-dialog-copy{padding:25px}.person-dialog h2{font-size:1.8rem}.person-dialog dl{display:grid;grid-template-columns:90px 1fr;gap:7px 12px;margin:15px 0}.person-dialog dt{color:var(--muted)}.person-dialog dd{margin:0}.person-note{border-left:3px solid var(--accent);padding-left:12px;color:var(--muted);max-height:180px;overflow:auto}.person-dialog footer{display:flex;justify-content:space-between;gap:10px;padding:14px 25px;border-top:1px solid var(--line)}.person-dialog footer button,.person-dialog footer a{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);text-decoration:none;font-weight:700;cursor:pointer}@media(max-width:650px){.tree-intro{align-items:start;flex-direction:column}.tree-scroll{border-radius:10px;padding:9px}.person-dialog-layout{grid-template-columns:1fr}.person-dialog figure{height:210px;min-height:0}}