.familyTrees{max-width:1280px;color:var(--museum-navy,#193647);scroll-margin-top:calc(var(--public-header-height,110px) + 24px);background:#f5f8f9;border:1px solid #c3cfd5;border-radius:8px;min-width:0;margin:2rem auto;padding:clamp(16px,3vw,32px)}.familyTrees p{line-height:1.6}.familyTrees h2{font-size:clamp(1.8rem,4vw,2.6rem)}.familyTrees button,.familyTrees select,.familyTrees input{font:inherit;color:#193647;background:#fff;border:1px solid #738895;border-radius:5px;max-width:100%;min-height:44px;padding:10px}.familyTrees button{cursor:pointer}.familyTrees button[aria-pressed=true]{color:#fff;background:#193647}.familyTrees button:disabled{opacity:.5;cursor:default}.familyTrees :focus-visible{outline-offset:3px;outline:3px solid #b95949}.treeFeaturedFamilies,.treeActions{flex-wrap:wrap;gap:8px;display:flex}.treeControls{grid-template-columns:1fr 2fr auto;align-items:end;gap:16px;margin:24px 0;display:grid}.treeControls label,.treeActions label{flex-direction:column;gap:6px;min-width:0;display:flex}.treeControls input,.treeControls select{width:100%;min-width:0}.treeBranchCards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.treeBranchCards article{overflow-wrap:anywhere;background:#fff;border:1px solid #c3cfd5;border-radius:6px;min-width:0;padding:20px}.treeBranchCards h3{font-size:1.2rem}.treeReader{min-width:0}.treeLegend{flex-wrap:wrap;gap:12px;padding:0;font-size:.88rem;list-style:none;display:flex}.treeLegend li{border-bottom:3px solid #193647;padding:5px}.treeLegend li:nth-child(2){border-color:#b95949}.treeLegend li:nth-child(3){border-style:dashed}.treeLegend li:nth-child(4){border-style:dotted}.treeViewport{overscroll-behavior:contain;background:#e8eff2;border:1px solid #a8bbc5;border-radius:6px;max-height:760px;position:relative;overflow:auto}.treeCanvas{position:relative}.treeLines{pointer-events:none;position:absolute;inset:0;overflow:visible}.treeLine{fill:none;stroke:#193647;stroke-width:2px}.treeLine-spouse{stroke:#b95949;stroke-width:3px}.treeLine-sibling{stroke-dasharray:7 5}.treeLine-partner,.treeLine-grandparent,.treeLine-aunt{stroke-dasharray:2 5}.treePerson{box-sizing:border-box;background:#fff;border:1px solid #8199a7;border-radius:6px;flex-direction:column;gap:5px;width:220px;height:180px;padding:12px;display:flex;position:absolute;overflow:auto}.treePersonSelected{border:3px solid #b95949}.treePerson h4{overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.3}.treePerson p{margin:0;font-size:14px}.treePerson button{margin-top:auto;font-size:14px}.treePerson a{color:#193647;text-decoration:underline}.treeTextRelationships,.treePeopleDirectory,.treeHouseholds{border-top:1px solid #c3cfd5;margin:20px 0;padding:12px}.familyTrees summary{cursor:pointer;min-height:44px;padding:10px;font-weight:700}.treePeopleDirectory ul{gap:8px;max-height:420px;padding:0;list-style:none;display:grid;overflow:auto}.treePeopleDirectory li{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.treePeopleDirectory a{align-items:center;min-height:44px;display:inline-flex}.treePanHint{font-size:.9rem}@media (width<=700px){.treeControls,.treeBranchCards{grid-template-columns:minmax(0,1fr)}.treeViewport{max-height:600px}.treeActions>button{flex:150px}.treePerson h4{font-size:16px}.familyTrees{padding:12px}.treeFeaturedFamilies button{flex:95px}}.familyTrees{background:var(--pihs-paper,#faf9f5);border-top:5px solid var(--pihs-accent,#956b20)}.treeViewport{background:linear-gradient(135deg,var(--pihs-blue,#e2edf3),var(--pihs-paper,#faf9f5))}.treePerson{border-width:2px;padding:0;box-shadow:0 3px 9px #12344b18}.treeGeneration-0{background:var(--pihs-blue,#e2edf3)}.treeGeneration-1{background:var(--pihs-mauve-light,#eee9ed)}.treeGeneration-2{background:#f6efdb}.treePersonSelected{border-color:var(--pihs-accent,#956b20);box-shadow:0 0 0 3px #956b2033}.treePerson .treePersonFocus{text-align:left;white-space:normal;width:100%;height:100%;color:var(--pihs-navy,#12344b);background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:7px;margin:0;padding:14px 14px 62px;display:flex;position:absolute;inset:0}.treePerson .treePersonFocus[aria-pressed=true]{color:var(--pihs-navy,#12344b);background:0 0}.treePerson .treePersonFocus:hover{box-shadow:inset 0 0 0 3px var(--pihs-mauve-line,#d4cbd2)}.treePersonName{font:700 17px/1.25 var(--pihs-serif,Georgia,serif);overflow-wrap:anywhere}.treePersonDates{font-size:14px;line-height:1.3}.treePerson .treePersonBiography{z-index:1;background:var(--pihs-navy,#12344b);color:#fff;border-radius:4px;justify-content:center;align-items:center;min-height:44px;padding:5px;font-size:14px;text-decoration:none;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.treePerson .treePersonBiography:hover{text-decoration:underline}.treeBranchCards article,.relatedTreeProfiles .selectedProfileCard{border-top:4px solid var(--pihs-accent,#956b20)}.treeViewport{box-sizing:border-box;contain:inline-size;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:auto;width:100%;min-width:0;max-width:100%}.treeScaledCanvas{flex:none;position:relative;overflow:hidden}.treePerson{overflow:hidden}@media (width<=700px){.treeViewport{max-height:65svh}}.treeRecordNotes{border-left:4px solid var(--pihs-accent,#956b20);background:#f6efdb;border-radius:4px;margin:18px 0;padding:12px 16px;font-size:.95rem}.treeRecordNotes p{margin:0}.treeRecordNotes ul{margin:10px 0 0;padding-left:22px}.treeRecordNotes li+li{margin-top:8px}.treeLine-recorded-parent{stroke:var(--pihs-accent,#956b20);stroke-dasharray:8 4;stroke-width:3px}.treeLegend li:nth-child(5){border-color:var(--pihs-accent,#956b20);border-style:dashed}.treeFamilyRecords{border:1px solid #ccd6d5;border-radius:.5rem;margin-block:1.5rem;padding:1rem}.treeFamilyRecords article{border-top:1px solid #ccd6d5;padding-block:1rem;scroll-margin-top:8rem}.treeFamilyRecords p{max-width:70ch}.treeFamilyRecords summary{cursor:pointer;font-weight:700}