.family-tree-page{padding-top:50px;padding-bottom:70px}.family-tree-page h1{margin-top:24px}.family-tree-page>.lead,.family-tree-page>p{max-width:850px}.family-tree-controls{display:flex;gap:24px;flex-wrap:wrap;margin:30px 0 20px}.family-tree-controls label{display:flex;flex-direction:column;gap:10px;flex:1;min-width:220px;color:#e9e3d6}.family-tree-controls select{width:100%;padding:13px;border:1px solid #a98d56;background:#fffdf7;color:#14233a;font:inherit}.tree-shortcuts{display:flex;flex-wrap:wrap;gap:10px}.tree-shortcuts button{padding:9px 15px;border:1px solid #9e864f;color:#69cefa;background:#14233a;font:inherit;cursor:pointer}.family-tree-guide{font-size:15px;color:#d4dce5;margin:24px 0}.family-tree-scroll{overflow:auto;padding:25px 14px 35px;background:#101f33;border:1px solid #485569;border-radius:5px}.family-tree-diagram{display:flex;justify-content:center;min-width:max-content;padding:5px 20px}.family-tree-branch{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}.family-tree-parents{display:flex;gap:30px;align-items:flex-end;position:relative;padding-bottom:20px}.family-tree-parents:after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:20px;border:solid #b99b5a;border-width:0 1px 1px}.tree-stem{height:25px;border-left:1px solid #b99b5a}.family-tree-card{width:210px;padding:15px;background:#fffdf7;border-top:3px solid #b99b5a;border-radius:4px;color:#14233a;text-align:center;box-sizing:border-box;flex:none}.tree-focus{border:2px solid #69cefa;border-top-width:4px}.tree-role{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#5a563e;margin-bottom:12px}.tree-photo{display:block!important;padding:0!important;background:transparent!important}.tree-photo img{height:125px;width:100%;object-fit:contain;display:block}.tree-no-photo{height:45px;display:grid;place-items:center;color:#b99b5a;font-size:24px}.tree-dog-name{border:0;background:transparent;color:#14233a;font:22px Georgia,serif;line-height:1.25;padding:12px 0 5px;cursor:pointer;text-decoration:underline;text-decoration-color:#c4b486;text-underline-offset:4px;overflow-wrap:anywhere}.tree-registered-name{font-size:11px;line-height:1.5;margin:6px 0;color:#455366;overflow-wrap:anywhere}.tree-external{display:inline-block;font-size:12px;padding:3px 9px;background:#e9e0cc;color:#4c422e;border-radius:15px;margin:8px 0}.tree-dob{font-size:12px;line-height:1.5;color:#455366;margin:8px 0}.tree-profile{color:#00658b!important;font-size:13px;display:inline-block;margin-top:7px}.tree-offspring{margin:30px 0}.tree-offspring>div{display:flex;flex-wrap:wrap;gap:20px}.family-tree-partnership{padding-top:25px;border-top:1px solid #8e7850}.family-tree-controls select:focus-visible,.tree-dog-name:focus-visible,.tree-shortcuts button:focus-visible,.family-tree-scroll:focus-visible{outline:3px solid #69cefa;outline-offset:3px}@media(max-width:600px){.family-tree-page{padding-top:25px}.family-tree-controls{gap:16px}.family-tree-controls label{min-width:0;flex-basis:100%}.family-tree-card{width:185px}.family-tree-parents{gap:20px}.tree-offspring>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tree-offspring .family-tree-card{width:100%}.family-tree-scroll{margin-left:-8px;margin-right:-8px}.family-tree-diagram{justify-content:flex-start}.tree-offspring .tree-dog-name{font-size:20px}}

.family-tree-card:has(.tree-photo){min-height:405px}.family-tree-card:not(:has(.tree-photo)){min-height:210px}@media(max-width:600px){.family-tree-card:has(.tree-photo){min-height:390px}}