.family-tree-feature{padding:72px 0;border-top:1px solid #d9dece}.tree-feature-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:32px}.tree-feature-heading>div{max-width:740px}.tree-feature-heading h2{font:normal clamp(38px,4.3vw,56px)/1.12 Georgia,serif;letter-spacing:-1px;margin:18px 0}.tree-feature-heading p{font-size:20px;line-height:1.65}.tree-feature-heading>.btn{flex:none;margin-bottom:20px}.tree-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);border:1px solid #d9dece;border-radius:14px;overflow:hidden;background:#fffdf7}.tree-canvas{padding:26px;background:radial-gradient(#aebc9d45 1px,transparent 1px),#f0f2e8;background-size:18px 18px}.tree-canvas-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.tree-canvas-heading h3{font:normal 28px/1.25 Georgia,serif;margin:0}.tree-canvas-heading>span{font:16px/1.5 sans-serif;color:#52674a}.tree-generations{position:relative;display:grid;gap:24px;padding:28px 0 8px}.tree-connections{position:absolute;inset:28px 0 8px;width:100%;height:calc(100% - 36px);pointer-events:none;fill:none;stroke:#a4b29a;stroke-width:2}.tree-generation{display:flex;justify-content:center;gap:30px;position:relative}.tree-children{gap:90px}.tree-person{width:148px;min-height:122px;border:1px solid #cdd6c2;background:#fffdf7;border-radius:10px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;box-shadow:0 3px 8px #293c3208}.tree-person[aria-pressed=true]{border:2px solid #35533e;padding:11px 7px;background:#fbfff5;box-shadow:0 0 0 4px #35533e15}.tree-avatar{width:48px;height:48px;border-radius:50%;background:#e3e9da;color:#43583b;display:grid;place-items:center;font:20px/1 Georgia,serif;overflow:hidden}.tree-avatar img{width:100%;height:100%;object-fit:cover}.tree-person strong{font:600 18px/1.4 sans-serif}.tree-person>span:last-child{font:16px/1.4 sans-serif;color:#52674a}.tree-person-memories{padding:34px 28px;align-self:start}.tree-person-memories h3{font:normal 34px/1.2 Georgia,serif;margin:18px 0 8px}.tree-person-memories>p{font:18px/1.6 sans-serif;color:#52674a}#tree-memory-links{margin-top:28px;display:grid;gap:12px}#tree-memory-links>a,#tree-memory-links>button{display:flex;align-items:center;gap:12px;text-align:left;padding:16px 12px;border:1px solid #d9dece;border-radius:8px;background:#fafbf4;color:#293c32;font:18px/1.4 sans-serif;min-width:0;width:100%}.tree-memory-icon{width:36px;height:40px;display:grid;place-items:center;font-size:26px;color:#52674a;flex:none}#tree-memory-links small{display:block;font-size:16px;letter-spacing:.5px;color:#52674a;margin-bottom:5px}#tree-memory-links strong{font-size:18px;font-weight:500}#tree-memory-links>a>span:last-child,#tree-memory-links>button>span:last-child{margin-left:auto}.tree-selection-status:empty{display:none}.tree-person:focus-visible{outline:3px solid #a34529;outline-offset:4px}@media(max-width:1000px){.tree-feature-heading{align-items:flex-start;flex-direction:column;gap:6px}.tree-layout{grid-template-columns:minmax(0,1fr)}.tree-person-memories{border-top:1px solid #d9dece;width:100%}}@media(max-width:540px){.family-tree-feature{padding:52px 0}.tree-feature-heading p{font-size:18px}.tree-canvas{padding:20px 12px}.tree-canvas-heading{align-items:flex-start;flex-direction:column;gap:6px}.tree-canvas-heading h3{font-size:26px}.tree-generation{gap:18px}.tree-children{gap:28px}.tree-person{width:126px;min-height:126px}.tree-person>span:last-child{font-size:14px}.tree-person-memories{padding:28px 22px}.tree-person-memories h3{font-size:30px}}