.genealogy-page{max-width:1200px;margin:auto;padding:28px 28px 64px;color:var(--ink,#3d3028)}
.genealogy-intro{padding:12px 0 28px}.back-link{color:var(--accent,#8f2f28);font-size:14px}.genealogy-intro .eyebrow{margin:26px 0 8px}.genealogy-intro h1{font-family:var(--font-display);color:var(--accent-dark,#68201c);font-size:clamp(27px,3.4vw,38px);margin:0 0 12px}.genealogy-intro>p:last-child{color:var(--muted-ink,#776b60);font-size:15px;margin:0}
.genealogy-workspace{border:1px solid var(--line,#ddd6c8);border-radius:16px;background:#fffdf9;overflow:hidden}.genealogy-workspace [hidden]{display:none!important}.genealogy-workspace button,.genealogy-workspace input,.genealogy-workspace select{font:inherit;min-height:42px;border:1px solid var(--line,#ddd6c8);border-radius:7px;background:white;color:var(--accent,#8f2f28);padding:8px 12px;max-width:100%}.genealogy-workspace button{cursor:pointer}.genealogy-workspace button:hover{background:#f7efe5}.genealogy-workspace :focus-visible{outline:2px solid #94682a;outline-offset:3px}.genealogy-workspace h2{font-family:var(--font-display);font-size:23px;color:var(--accent-dark,#68201c);margin:0 0 12px}
.genealogy-search{padding:22px 24px 16px;display:grid;grid-template-columns:auto minmax(0,560px);column-gap:16px;align-items:center}.genealogy-search>label{font-weight:600;color:var(--accent-dark,#68201c)}.search-input{display:flex;gap:8px;min-width:0}.search-input input{flex:1;min-width:0;color:var(--ink,#3d3028)}#searchStatus{grid-column:2;font-size:13px;color:var(--muted-ink,#776b60);margin:7px 0 0}.search-results{margin:0 24px 18px;border:1px solid var(--line,#ddd6c8);border-radius:10px;max-height:320px;overflow:auto;background:white}.search-results button{display:block;width:100%;text-align:left;border:0;border-radius:0;border-bottom:1px solid #efe7dc;padding:12px 16px}.search-results button:last-child{border-bottom:0}.search-results small{display:block;color:var(--muted-ink,#776b60);font-size:12px;margin-top:4px}
.view-tabs{display:flex;gap:8px;background:#f7f1e8;padding:10px 24px;border-block:1px solid var(--line,#ddd6c8)}.view-tabs button{min-width:112px;border-color:transparent;background:transparent}.view-tabs button[aria-selected=true]{background:var(--accent,#8f2f28);color:white;border-color:var(--accent,#8f2f28)}[role=tabpanel]{padding:24px}.genealogy-tree-tools,.original-toolbar,.generation-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.genealogy-tree-tools label,.original-toolbar label,.generation-toolbar label{font-size:14px;color:var(--muted-ink,#776b60)}#mapScope{max-width:280px}#mapReset{margin-left:auto}.view-note{font-size:14px;color:var(--muted-ink,#776b60);line-height:1.75;margin:12px 0 16px}.map-breadcrumb{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin:0 0 14px;font-size:13px}.map-breadcrumb button{border:0;background:transparent;padding:3px 5px;min-height:30px;font-size:13px}.map-breadcrumb span{color:var(--muted-ink,#776b60)}
.tree-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.tree-canvas-wrap{min-width:0}.map-viewport{height:530px;overflow:auto;border:1px solid var(--line,#ddd6c8);border-radius:12px;background:linear-gradient(135deg,#fffefa,#fff);overscroll-behavior:contain}.map-viewport #familyMindmap{min-width:0;touch-action:pan-x pan-y}.canvas-caption{font-size:12px;color:var(--muted-ink,#776b60);line-height:1.7;margin:10px 0 0}.record-detail{border:1px solid var(--line,#ddd6c8);border-top:3px solid var(--gold,#b2863b);background:#faf5ed;border-radius:10px;padding:20px;min-width:0;overflow-wrap:anywhere}.record-detail .eyebrow{font-size:12px;margin:0 0 12px}.record-detail h2{font-size:21px;line-height:1.55;white-space:pre-wrap}.record-detail p{font-size:14px;line-height:1.75;white-space:pre-wrap}.record-detail .source-ref{font-size:12px;color:var(--muted-ink,#776b60)}.record-detail button{width:100%;margin-top:8px}.record-detail .relation-note{background:#f2e6d5;padding:10px;border-radius:7px;color:#68201c}.detail-children{border-top:1px solid var(--line,#ddd6c8);margin-top:18px;padding-top:12px}.detail-children>p{margin:0;font-size:13px}.detail-children button{text-align:left;font-size:13px;min-height:38px;margin-top:6px}
.generation-heading h2{margin-bottom:8px}.generation-heading .view-note{margin-top:0}.generation-toolbar{margin-bottom:20px}.generation-records-heading{font-size:14px;color:var(--muted-ink,#776b60);margin:18px 0 12px}.generation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.generation-card{border:1px solid var(--line,#ddd6c8);border-radius:10px;background:white;padding:16px;min-width:0;overflow-wrap:anywhere}.generation-card.is-selected{border:2px solid var(--accent,#8f2f28);padding:15px;background:#fcf3e9}.generation-card .cell-ref{display:block;color:var(--muted-ink,#776b60);font-size:12px}.generation-card .record-text{white-space:pre-wrap;font-size:18px;margin:12px 0;color:var(--accent-dark,#68201c);line-height:1.65}.generation-card .record-type{color:var(--muted-ink,#776b60);font-size:12px;margin:0 0 12px}.generation-card button{font-size:13px;min-height:36px}.original-toolbar #originalBack{margin-left:auto}#branchChart{height:560px;width:100%;overflow:auto;border:1px solid var(--line,#ddd6c8);border-radius:10px;background:white;overscroll-behavior:contain}.source-location{font-size:14px;color:var(--accent,#8f2f28);margin:0 0 12px}
@media(max-width:900px){.tree-workspace{grid-template-columns:minmax(0,1fr)}.record-detail{padding:18px}.detail-children{display:flex;flex-wrap:wrap;gap:6px}.detail-children>p{flex-basis:100%}.detail-children button{width:auto;margin:0}.record-detail>button{width:auto;margin-right:8px}.generation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.genealogy-page{padding:16px 12px 40px}.genealogy-intro{padding:8px 8px 22px}.genealogy-intro .eyebrow{margin-top:22px}.genealogy-intro h1{font-size:27px}.genealogy-intro>p:last-child{font-size:14px;line-height:1.8}.genealogy-search{display:block;padding:18px 14px 14px}.genealogy-search>label{display:block;font-size:14px;margin-bottom:8px}#searchStatus{font-size:12px;margin-top:8px}.search-results{margin:0 14px 14px}.view-tabs{padding:8px;gap:4px}.view-tabs button{flex:1;min-width:0;padding:8px 4px;font-size:14px}[role=tabpanel]{padding:16px 12px}.genealogy-tree-tools{gap:8px}.genealogy-tree-tools label{flex-basis:100%}#mapScope{flex:1;width:0;max-width:none}#mapReset{font-size:13px}.view-note{font-size:13px}.map-viewport{height:460px}.generation-grid{grid-template-columns:minmax(0,1fr)}.generation-card{padding:14px}.generation-card.is-selected{padding:13px}#branchChart{height:460px}.original-toolbar{gap:8px}.original-toolbar select{padding:8px;font-size:13px}.original-toolbar #originalBack{margin-left:0;flex-basis:100%}.generation-heading h2{font-size:22px}}
.genealogy-search{grid-template-columns:max-content minmax(0,1fr)}.search-input{max-width:650px}.original-toolbar select,.generation-toolbar select{width:auto}.genealogy-page [role=tabpanel],.genealogy-page .generation-card{scroll-margin-top:100px}
html:has(.genealogy-page){scroll-behavior:auto}
.generation-records-heading{padding:12px;border:1px solid transparent;border-radius:8px;scroll-margin-top:100px;line-height:1.8}.generation-records-heading strong{color:var(--accent-dark,#68201c);font-size:18px}.generation-records-heading.is-selected{border-color:var(--accent,#8f2f28);background:#fcf3e9}.generation-empty{padding:20px;border:1px dashed var(--line,#ddd6c8);border-radius:8px;color:var(--muted-ink,#776b60);font-size:14px;line-height:1.8}