.family-inline-pedigree{scroll-margin-top:120px}
.family-site .ped-dialog.ped-inline{display:flex;flex-direction:column;width:100%;height:auto;max-height:none;margin:24px 0 0;box-shadow:0 12px 36px #49352812;border-radius:24px}
.family-site .ped-inline .ped-stage{display:grid;grid-template-columns:minmax(0,1fr) 280px;flex:none;height:560px!important;min-height:0!important;overflow:hidden}
.ped-inline .ped-scroll{min-width:0;min-height:0;height:100%}
.ped-inline .ped-details{overflow:auto}
.ped-inline .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbb58d;border-radius:999px;background:#fffaf0;color:#493528;font:inherit;cursor:pointer;text-decoration:none}
.ped-inline .ped-toolbar .btn{font-size:12px}
.ped-inline .ped-details .btn{font-size:12px}
.ped-inline .ped-header h2{margin:0;font-size:24px}
.ped-inline .ped-header .eyebrow{display:block;letter-spacing:.12em;text-transform:uppercase}
.ped-inline .ped-node{font-family:Arial,sans-serif}
@media(max-width:780px){
 .family-site .ped-dialog.ped-inline{width:100%;height:auto;max-height:none;border-radius:18px}
 .family-site .ped-inline .ped-stage{display:flex;flex-direction:column;height:auto!important;overflow:visible}
 .ped-inline .ped-scroll{flex:0 0 auto;height:46svh;min-height:290px;max-height:440px}
 .ped-inline .ped-details{overflow:visible}
 .ped-inline .ped-header h2{font-size:20px}
 .ped-inline .ped-toolbar .ped-return{white-space:normal}
}