.tree{border-block:1px solid var(--rule);background:radial-gradient(circle at 1px 1px, var(--rule-soft) 1px, transparent 0) 0 0 / 22px 22px, var(--paper);touch-action:none;cursor:grab;height:min(78dvh,760px);position:relative;overflow:hidden}.tree:active{cursor:grabbing}.tree__touch-hint{margin:0 0 var(--space-2);display:none}@media (hover:none) and (pointer:coarse){.tree__touch-hint{display:block}}.tree svg{transform-origin:0 0;user-select:none;display:block}.panel,.person__header,.person__lineage{user-select:text}.tree__edge{fill:none;stroke:var(--rule);stroke-width:1.4px}.tree__edge--lit{stroke:var(--accent);stroke-width:2.6px}.tree__node rect{fill:var(--paper-raised);stroke:var(--rule);stroke-width:1px;rx:3}.tree__node circle{fill:var(--paper-sunk);stroke:var(--rule)}.tree__node .tree__name{font-family:var(--font-display);fill:var(--ink);font-size:15px}.tree__node .tree__dates{font-family:var(--font-meta);fill:var(--ink-mute);font-size:11px}.tree__node .tree__mono{font-family:var(--font-display);fill:var(--ink-faint);font-size:13px}.tree__node--lit rect{stroke:var(--accent);stroke-width:1.8px}.tree__node--lit circle{stroke:var(--accent-soft)}.tree__node--lit .tree__mono{fill:var(--accent)}.tree__node--selected rect{fill:var(--accent-wash);stroke:var(--accent);stroke-width:2.6px}.tree__node--dim{opacity:.42}.tree__node--hidden,.tree__edge--hidden{display:none}.tree__node:focus-visible rect{outline:2px solid var(--focus);outline-offset:2px}.tree-toolbar{gap:var(--space-3);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--rule-soft);background:var(--paper-sunk);font-family:var(--font-meta);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;display:flex}.tree-toolbar input[type=search]{font-family:var(--font-meta);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink);width:100%;min-width:12rem}.tree-toolbar button{font-family:var(--font-meta);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink-soft);cursor:pointer}.tree-toolbar button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tree-toolbar__zoom{gap:var(--space-2);margin-left:auto;display:flex}.tree-search{flex:12rem;min-width:0;position:relative}.tree-search__results{z-index:10;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius);max-height:16rem;margin:0;padding:0;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto}.tree-search__results li{padding:var(--space-2) var(--space-3);font-family:var(--font-meta);font-size:var(--text-sm);color:var(--ink);cursor:pointer}.tree-search__results li+li{border-top:1px solid var(--rule-soft)}.tree-search__results li.is-active,.tree-search__results li:hover{background:var(--accent-wash)}.tree-search__empty{color:var(--ink-mute);cursor:default}@media (width<=48rem){.tree{height:62dvh}.tree-toolbar{padding:var(--space-2) var(--space-3);gap:var(--space-2);row-gap:var(--space-2)}.tree-toolbar input[type=search]{flex:8rem;min-width:0}.tree-toolbar button{min-width:44px;min-height:44px;padding-inline:var(--space-3)}.tree-head h1{font-size:var(--text-xl);margin-bottom:var(--space-1)}.tree-head__intro{font-size:var(--text-sm);margin-bottom:var(--space-3)}.tree-toolbar button{font-size:var(--text-xs);padding-inline:var(--space-2)}.tree-toolbar__zoom{gap:var(--space-1);margin-left:0}.tree-search{flex:6rem}.tree-toolbar__layout{flex:6rem;min-width:0}.tree-toolbar__layout select{width:100%;min-height:44px;font-size:var(--text-xs);padding-inline:var(--space-2)}}.tree-toolbar__layout select{min-height:44px;font-family:var(--font-meta);font-size:var(--text-sm);padding:0 var(--space-2);border:1px solid var(--rule);border-radius:var(--radius);background:var(--paper-raised);color:var(--ink)}