.family-tree{--tree-ground:#0b0e13;--tree-ground-lift:#141922;--tree-paper:#f2ece0;--tree-paper-edge:#e2d8c5;--tree-gold:#c3a468;--tree-gold-rule:rgba(195,164,104,0.42);--tree-ink:#1d1b16;--tree-ink-soft:#6f6656;--tree-line:rgba(224,212,188,0.32);--tree-line-faint:rgba(224,212,188,0.18);--tree-serif:var(
    --font-serif,"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",Times,serif
  );position:relative;overflow:hidden;border:1px solid var(--tree-gold-rule);border-radius:2px;background:radial-gradient(120% 90% at 50% 0,var(--tree-ground-lift) 0,var(--tree-ground) 62%),var(--tree-ground);min-height:22rem;height:clamp(22rem,72vh,54rem);color:var(--tree-paper);isolation:isolate}.family-tree--empty{display:grid;place-items:center;min-height:12rem;height:auto;padding:3rem 1.5rem;text-align:center}.tree-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;outline:none}.tree-canvas:active{cursor:grabbing}.tree-canvas:focus-visible{outline:1px solid var(--tree-gold);outline-offset:-2px}.tree-link{fill:none;stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.tree-link--descent{stroke:var(--tree-line)}.tree-link--dashed{stroke-dasharray:5 4}.tree-link--union{stroke:var(--tree-gold);stroke-width:1.25}.tree-link--ended{stroke:var(--tree-gold-rule);stroke-dasharray:6 4}.tree-link--secondary{stroke:var(--tree-line-faint);stroke-dasharray:4 5}.tree-person{cursor:pointer}.tree-card{fill:var(--tree-paper);stroke:var(--tree-gold-rule);stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .14s ease}.tree-person:focus-within .tree-card,.tree-person:hover .tree-card{fill:#fbf7ee}.tree-focus,.tree-person--root .tree-card{stroke:var(--tree-gold);stroke-width:1.5}.tree-focus{fill:none;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .12s ease}.tree-person:focus-within .tree-focus{opacity:1}.tree-person a{outline:none}.tree-portrait-ring{fill:none;stroke:var(--tree-gold-rule);stroke-width:1;vector-effect:non-scaling-stroke}.tree-monogram{fill:var(--tree-ink-soft);font-size:15px;text-anchor:middle;letter-spacing:.02em}.tree-monogram,.tree-name{font-family:var(--tree-serif)}.tree-name{fill:var(--tree-ink);font-size:14px;letter-spacing:.005em}.tree-surname{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase}.tree-dates,.tree-surname{fill:var(--tree-ink-soft);font-family:var(--tree-serif)}.tree-dates{font-size:10.5px;letter-spacing:.07em;font-feature-settings:"lnum";font-variant-numeric:lining-nums}.tree-rest{stroke:var(--tree-gold);stroke-width:1;vector-effect:non-scaling-stroke}.tree-controls{position:absolute;top:.75rem;right:.75rem;display:flex;flex-direction:column;gap:.35rem}.tree-controls button{inline-size:2.25rem;block-size:2.25rem;display:grid;place-items:center;border:1px solid var(--tree-gold-rule);border-radius:2px;background:rgba(11,14,19,.72);color:var(--tree-paper);font-family:var(--tree-serif);font-size:.95rem;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .14s ease,color .14s ease}.tree-controls button:focus-visible,.tree-controls button:hover{border-color:var(--tree-gold);color:#fff}.tree-controls button:focus-visible{outline:1px solid var(--tree-gold);outline-offset:2px}.tree-legend{position:absolute;left:.9rem;bottom:.75rem;margin:0;display:flex;flex-wrap:wrap;gap:.35rem 1rem;font-size:.72rem;letter-spacing:.08em;color:rgba(242,236,224,.5);pointer-events:none}.tree-legend span{display:inline-flex;align-items:center;gap:.4rem}.tree-legend i{display:inline-block;inline-size:1.4rem;block-size:0;border-top:1px solid var(--tree-line);font-style:normal}.tree-legend i.is-union{border-top-color:var(--tree-gold)}.tree-legend i.is-dashed{border-top-style:dashed}.tree-hint{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media (max-width:40rem){.tree-legend{display:none}.family-tree{height:clamp(20rem,66vh,40rem)}}@media (prefers-reduced-motion:reduce){.family-tree *,.family-tree :after,.family-tree :before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){.family-tree{--tree-gold-rule:rgba(195,164,104,0.85);--tree-line:rgba(240,232,214,0.7);--tree-line-faint:rgba(240,232,214,0.45);--tree-ink-soft:#4a4437}}