:root{--navy:#173f63;--navy2:#1d4c74;--blue:#087eb8;--blue2:#0a8bc8;--green:#39a878;--paper:#f1f5f9;--white:#fff;--ink:#172d43;--muted:#73869a;--line:#dbe5ee;--red:#c94343;--gold:#d7a64c;--shadow:0 5px 18px #17324c0b;font-family:Arial,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px}.layout{min-height:100vh}.sidebar{width:300px;position:fixed;inset:0 auto 0 0;background:var(--navy);color:white;padding:27px 20px 18px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:13px;color:white;text-decoration:none;padding:0 4px 35px}.brand-icon{width:49px;height:49px;border-radius:12px;background:#ffffff18;border:1px solid #ffffff32;display:grid;place-items:center;font-size:30px;color:#a6dfc4}.brand strong{display:block;font-size:21px;letter-spacing:.2px}.brand small{display:block;color:#acc2d5;font-size:9px;letter-spacing:1.5px;margin-top:5px}.side-caption{font-size:10px;letter-spacing:1.5px;color:#91acc3;padding:0 11px 13px}.sidebar nav{display:grid;gap:6px}.nav-link{display:flex;align-items:center;gap:13px;text-decoration:none;color:#edf4fa;padding:12px 13px;border-radius:7px;font-size:14px}.nav-link:hover{background:#ffffff12}.nav-link.active{background:#2688bd;color:white;font-weight:700}.nav-link>span{font-size:19px;width:21px;text-align:center}.nav-link i{margin-left:auto;font-size:11px;font-style:normal;border-radius:10px;background:#ffffff24;padding:3px 8px}.side-note{margin-top:auto;background:#ffffff14;border:1px solid #ffffff18;border-radius:8px;padding:13px 12px;display:flex;gap:9px;color:#daebf7}.side-note>span{font-size:18px;color:#9fdbbd}.side-note strong{font-size:11px}.side-note p{font-size:10px;line-height:1.6;color:#c3d5e4;margin:5px 0 0}.side-foot{font-size:8px;letter-spacing:1px;color:#90aac0;padding:20px 4px 0;line-height:1.5}.main-area{margin-left:300px;min-height:100vh}.topbar{height:81px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 37px}.topbar>div{display:flex;align-items:center;gap:17px;border-right:1px solid var(--line);padding-right:27px}.topbar small{font-size:11px;font-weight:700;letter-spacing:2px;color:#087eb8}.topbar strong{font-size:20px;color:var(--navy)}.connection{margin-left:auto;color:#6d8294;font-size:11px;white-space:nowrap}.connection i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#46ad78;margin-right:6px}.mobile-menu{display:none}.content{max-width:1800px;margin:auto;padding:30px 36px 24px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px}.eyebrow,.step{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#1683b7}.welcome h1{font-size:29px;color:#183f61;margin:7px 0 5px;font-weight:700}.welcome p{color:#72869a;font-size:13px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;text-decoration:none;padding:11px 15px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.button.primary{background:var(--blue);color:white}.button.primary:hover{background:#076e9f}.button.outline{border:1px solid #b9cddd;background:white;color:#17638f}.button.light{background:#edf2f6;color:#4e6477}.panel{background:white;border:1px solid #e1e8ef;border-radius:9px;box-shadow:var(--shadow);overflow:hidden}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:17px}.metric{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e1e8ef;border-radius:8px;padding:16px 18px;box-shadow:var(--shadow)}.metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;font-size:22px}.metric-icon.blue{background:#eaf4fb;color:#1884b7}.metric-icon.green{background:#eaf6ef;color:#3a9c70}.metric-icon.gold{background:#fbf4e7;color:#bb8b34}.metric small{display:block;color:#73869a;font-weight:700;font-size:9px;letter-spacing:.7px}.metric strong{display:block;color:#173f63;font-size:24px;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-bottom:17px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e8eef3}.panel-title h2{font-size:17px;color:#173f63;margin:5px 0 0}.panel-title p{font-size:11px;color:#8292a1;margin:5px 0 0;line-height:1.5}.root-summary{display:flex;align-items:center;gap:16px;padding:24px 22px 16px}.root-emblem{width:57px;height:57px;border-radius:50%;display:grid;place-items:center;background:#e9f5ed;color:#4e9c68;font-size:29px;flex:none}.root-label{font-size:9px;letter-spacing:1.2px;font-weight:700;color:#79947a}.root-summary h3{font-size:20px;color:#173f63;margin:5px 0}.root-summary p{color:#7b8a98;font-size:11px;margin:0}.root-partners{font-size:11px;margin-top:8px;color:#4c6477}.root-partners span{color:#8997a3}.root-actions{display:flex;gap:16px;padding:12px 22px 17px;border-top:1px solid #eef1f4}.text-link{font-size:11px;color:#087eb8;font-weight:700;text-decoration:none}.empty-state{text-align:center;padding:28px 24px 30px}.empty-icon{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#eaf5ed;color:#4c9567;font-size:29px}.empty-state h3,.empty-state h2{font-size:17px;color:#173f63;margin:0 0 8px}.empty-state p{font-size:11px;color:#73869a;line-height:1.7;max-width:510px;margin:0 auto 16px}.steps{list-style:none;padding:2px 19px 5px;margin:0}.steps li{display:flex;align-items:flex-start;gap:11px;padding:11px 0;border-bottom:1px solid #eef1f4}.steps li:last-child{border:0}.steps li>b{width:23px;height:23px;border-radius:50%;background:#eaf4fb;color:#087eb8;display:grid;place-items:center;font-size:11px;flex:none}.steps strong,.steps span{display:block}.steps strong{font-size:11px;color:#314b61}.steps span{font-size:10px;color:#8392a0;margin-top:4px;line-height:1.4}.button.full{margin:2px 19px 18px;width:calc(100% - 38px)}.recent-panel{margin-bottom:12px}.recent-list{padding:3px 19px}.recent-item{display:grid;grid-template-columns:34px minmax(150px,1fr) 120px 55px;gap:11px;align-items:center;padding:10px 1px;border-bottom:1px solid #eff2f5}.recent-item:last-child{border:0}.person-initial{width:33px;height:33px;border-radius:50%;background:#e8f1f7;color:#287aa3;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}.recent-item strong{font-size:11px}.recent-item>span:nth-last-child(2){font-size:10px;color:#81909e}.recent-item a{font-size:10px;color:#087eb8;text-decoration:none}.muted-empty{padding:16px 20px;color:#788999;font-size:11px}.footer{text-align:center;color:#96a1ab;font-size:9px;padding:11px}.notice{padding:12px 15px;border-radius:7px;margin:0 0 15px;font-size:11px}.notice.success{background:#ebf6ef;color:#317d55;border:1px solid #d4ebdc}.notice.error{background:#fff1f0;color:#a2433b;border:1px solid #efd8d5}.notice ul{margin:6px 0 0;padding-left:18px}.setup-error{padding:26px;margin-top:20px}.setup-error h1{font-size:20px}.setup-error p{color:#6e8091;font-size:12px}.setup-error pre{white-space:pre-wrap;background:#f4f6f8;padding:12px;font-size:10px}.total-badge{background:white;border:1px solid var(--line);border-radius:20px;padding:8px 12px;font-size:11px;color:#5c7488}.management-grid{display:grid;grid-template-columns:minmax(320px,390px) minmax(560px,1fr);gap:17px;align-items:start}.form-panel{scroll-margin-top:15px}.form-panel .panel-title{align-items:flex-start}.form-panel .panel-title h2{font-size:17px}.person-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px 19px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span{font-size:11px;color:#3c5061;font-weight:700}.field>span b{color:#c54545}.field input,.field select,.field textarea,.search-form input,.change-root select{width:100%;min-width:0;border:1px solid #cbd9e5;border-radius:5px;padding:9px 10px;font:12px Arial,sans-serif;color:#263d50;background:white}.field input:focus,.field select:focus,.field textarea:focus,.search-form input:focus{outline:2px solid #cce8f6;border-color:#2786b3}.field textarea{resize:vertical}.field select[multiple]{height:76px}.field small{font-size:9px;color:#80909d}.field-wide{grid-column:span 2}.form-divider{grid-column:span 2;border-top:1px solid #e9eef2;padding-top:10px;color:#698096;font-size:9px;font-weight:700;letter-spacing:1px}.form-buttons{display:flex;gap:8px;padding-top:3px}.people-panel .panel-title{align-items:flex-end}.list-title{flex-wrap:wrap}.search-form{display:flex;gap:6px;max-width:360px}.search-form input{min-width:180px}.table-wrap{overflow:auto}.people-panel table{width:100%;border-collapse:collapse;min-width:670px}.people-panel th{background:#eef4f8;color:#365068;text-align:left;font-size:10px;padding:11px 12px;white-space:nowrap}.people-panel td{border-bottom:1px solid #e3ebf1;padding:10px 12px;font-size:10px;color:#546a7d;vertical-align:middle}.people-panel tr:last-child td{border-bottom:0}.table-person{display:flex;align-items:center;gap:9px;min-width:150px}.table-person strong{display:block;font-size:11px;color:#203c55}.table-person small{display:block;font-size:8px;color:#8495a3;margin-top:3px}.root-tag{color:#378557!important;font-weight:700}.row-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}.row-actions form{margin:0}.row-actions button,.row-actions a{border:0;border-radius:5px;padding:7px 8px;font-size:9px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.row-root{background:#eaf2f7;color:#346987}.row-root.is-root{background:#e8f4eb;color:#38805a}.row-edit{background:#087eb8;color:white}.row-delete{background:#c94343;color:white}.no-records{text-align:center!important;padding:30px!important;color:#80909e!important;font-size:11px!important}.tree-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px}.tree-toolbar>div{display:grid;gap:4px}.tree-toolbar>div strong{font-size:15px;color:#183f61}.tree-toolbar>div small{font-size:10px;color:#8292a1}.change-root{display:flex;gap:7px}.change-root select{min-width:190px}.tree-legend{display:flex;align-items:center;gap:16px;padding:13px 3px;color:#728599;font-size:10px}.tree-canvas{overflow:auto;padding:28px 22px;min-height:300px;background-color:#fff;background-image:radial-gradient(#dce6ed .8px,transparent .8px);background-size:19px 19px}.family-tree{display:flex;flex-direction:column;align-items:center;min-width:max-content}.tree-start-label{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#748b9d;margin:0 0 14px}.family-branch{position:relative;display:flex;flex-direction:column;align-items:center;padding:0 12px}.branch-family{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;z-index:1}.tree-person{position:relative;width:190px;min-height:90px;background:#fff;border:1px solid #ccdae4;border-top:3px solid #3384b0;border-radius:7px;box-shadow:0 3px 11px #183b5610;padding:12px 13px;text-align:left;display:flex;flex-direction:column;justify-content:center}.tree-root{border-top-color:#39a878;background:#f7fcf8}.tree-sex{position:absolute;right:11px;top:7px;color:#3d89ad;font-size:15px}.tree-dates{font-size:9px;color:#8092a0;margin-bottom:6px}.tree-person strong{font-size:12px;color:#203e57;max-width:160px}.tree-person small{font-size:9px;color:#7f8e99;margin-top:5px}.tree-person em{font-size:8px;font-style:normal;color:#368355;font-weight:700;letter-spacing:.6px;margin-top:6px}.union-symbol{color:#c77a78;font-size:13px}.branch-children{display:flex;align-items:flex-start;justify-content:center;position:relative;padding-top:30px;margin-top:0}.branch-children:before{content:"";position:absolute;top:0;left:50%;height:17px;border-left:1px solid #9bb0be}.branch-children>.family-branch{padding-top:13px}.branch-children>.family-branch:before{content:"";position:absolute;top:0;left:50%;height:14px;border-left:1px solid #9bb0be}.branch-children>.family-branch:not(:only-child):after{content:"";position:absolute;top:0;left:0;right:0;border-top:1px solid #9bb0be}.branch-children>.family-branch:first-child:not(:only-child):after{left:50%}.branch-children>.family-branch:last-child:not(:only-child):after{right:50%}.branch-children>.family-branch .branch-family:before{content:"";position:absolute;left:50%;top:-13px;height:13px;border-left:1px solid #9bb0be}.branch-children>.family-branch .branch-children:before{top:0}.big-empty{padding:55px 24px;margin-top:20px}.big-empty h2{font-size:21px}.big-empty p{font-size:12px}.mobile-menu{border:0;background:transparent;font-size:18px;color:#173f63}@media(max-width:1280px){.management-grid{grid-template-columns:minmax(300px,350px) minmax(480px,1fr);gap:12px}.content{padding:25px 22px}.sidebar{width:260px}.main-area{margin-left:260px}.row-actions{flex-wrap:wrap}.row-actions button,.row-actions a{font-size:8px;padding:6px}}@media(max-width:950px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:280px;box-shadow:8px 0 25px #112f481c}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.mobile-menu{display:block}.topbar{padding:0 20px}.management-grid{grid-template-columns:1fr}.person-form{grid-template-columns:repeat(4,minmax(0,1fr))}.field-wide,.form-divider{grid-column:span 4}.dashboard-grid{grid-template-columns:1fr 1fr}.tree-canvas{max-width:calc(100vw - 60px)}}@media(max-width:650px){.content{padding:20px 13px}.topbar{height:65px;padding:0 13px}.topbar>div{gap:8px;padding-right:8px;border:0}.topbar small{font-size:8px;letter-spacing:.8px}.topbar strong{font-size:14px}.connection{font-size:0}.connection i{font-size:0;margin:0}.welcome{align-items:flex-start;flex-direction:column}.welcome h1{font-size:25px}.welcome p{font-size:11px;line-height:1.5}.metric-grid{grid-template-columns:1fr;gap:8px}.metric{padding:12px}.dashboard-grid{grid-template-columns:1fr}.panel-title{padding:14px}.root-summary{padding:18px 15px}.root-actions{padding-left:15px;flex-wrap:wrap}.recent-item{grid-template-columns:33px minmax(115px,1fr) 52px;gap:7px}.recent-item>span:nth-last-child(2){display:none}.person-form{grid-template-columns:1fr 1fr;padding:14px}.field-wide,.form-divider{grid-column:span 2}.people-panel .panel-title{align-items:flex-start}.search-form{width:100%;max-width:none}.search-form input{flex:1;min-width:0}.tree-toolbar{align-items:flex-start;flex-direction:column}.change-root{width:100%}.change-root select{flex:1;min-width:0}.tree-legend{flex-wrap:wrap;line-height:1.5}.tree-canvas{max-width:calc(100vw - 26px);padding:20px 15px}.tree-person{width:155px;min-height:83px}.tree-person strong{font-size:11px}.branch-children{gap:0}.family-branch{padding:0 6px}}
.families-section{margin:20px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 2px 13px}.section-heading h2{font-size:19px;color:#173f63;margin:5px 0}.section-heading p{font-size:11px;color:#788b9d;margin:0;line-height:1.5}.family-table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.family-table-card{min-width:0}.family-card-heading{display:flex;align-items:center;gap:11px;padding:14px 15px;border-bottom:1px solid #e8eef3}.family-card-heading>div{min-width:0;flex:1}.family-card-heading>div small{font-size:8px;letter-spacing:1px;color:#1683b7;font-weight:700}.family-card-heading h3{font-size:14px;color:#173f63;margin:4px 0}.family-card-heading>div span{font-size:10px;color:#7c8d9b}.family-card-heading>a,.family-card-link{font-size:10px;font-weight:700;color:#087eb8;text-decoration:none;white-space:nowrap}.family-table-wrap{width:100%;overflow:auto}.family-summary-table{width:100%;border-collapse:collapse;font-size:10px}.family-summary-table th,.family-summary-table td{text-align:left;padding:9px 10px;border-bottom:1px solid #edf1f4;vertical-align:middle}.family-summary-table th{background:#f5f8fa;color:#657a8d;font-size:8px;text-transform:uppercase;letter-spacing:.5px}.family-summary-table td strong{color:#203e57}.family-status{display:inline-block;background:#e8f5ed;color:#32875c;border-radius:12px;padding:4px 7px;font-size:9px;white-space:nowrap}.family-status.deceased{background:#fbecec;color:#bd4d4d}.family-card-link{display:inline-block;margin:12px 14px 14px}.family-empty{padding:22px}.family-empty h3{font-size:14px;color:#173f63;margin:0 0 6px}.family-empty p{font-size:11px;color:#788b9d;margin:0 0 13px}@media(max-width:1100px){.family-table-grid{grid-template-columns:1fr}}@media(max-width:650px){.section-heading{align-items:flex-start;flex-direction:column}.family-summary-table{min-width:520px}}
.print-tree-button{background:#173f63;color:#fff}.print-tree-button:hover{background:#245b82}
@media print{@page{size:landscape;margin:10mm}body{background:#fff!important;color:#111!important}.sidebar,.topbar,.mobile-menu,.welcome,.footer,.print-tree-button{display:none!important}.main-area{margin:0!important}.content{max-width:none!important;padding:0!important}.tree-toolbar{border:0!important;box-shadow:none!important;padding:0 0 8px!important}.tree-toolbar>div strong{font-size:18px!important;color:#111!important}.tree-legend{color:#333!important;padding:8px 0!important}.tree-canvas{overflow:visible!important;max-width:none!important;min-height:0!important;padding:10px 0!important;border:0!important;box-shadow:none!important;background:#fff!important}.family-tree{min-width:0!important;align-items:center}.family-branch,.branch-family,.tree-person{break-inside:avoid;page-break-inside:avoid}.tree-person{box-shadow:none!important;background:#fff!important;border-color:#777!important;color:#111!important}.tree-person strong,.tree-person small,.tree-dates,.tree-person em{color:#111!important}.union-symbol{color:#333!important}.family-branch{padding-left:4px!important;padding-right:4px!important}}
.union-symbol{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#fff0f1;border:2px solid #d65b68;color:#c73548;font-size:20px;line-height:1;font-weight:700;box-shadow:0 2px 8px #c7354830;text-shadow:0 1px 1px #fff}
.branch-family.couple-family{padding:8px 10px;border:1px solid #d79aa3;border-radius:12px;background:#fff9fa;box-shadow:0 3px 12px #9f3c4c18}
@media print{.branch-family.couple-family{border:1.5px solid #8c555c!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;padding:7px!important}}
.birthday-panel{margin:0 0 17px;padding:16px 18px}.birthday-heading{display:flex;align-items:center;gap:12px}.birthday-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff4e8;font-size:22px;flex:none}.birthday-heading>div{min-width:0;flex:1}.birthday-heading h2{font-size:16px;color:#173f63;margin:4px 0}.birthday-heading p{font-size:10px;color:#788b9d;margin:0;line-height:1.5}.birthday-count{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f3e8d6;color:#946d2c;font-size:12px;font-weight:700}.birthday-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.birthday-item{min-width:0;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e8edf0;border-radius:7px;text-decoration:none;color:inherit}.birthday-item:hover{border-color:#d8b778;background:#fffdf8}.birthday-item.birthday-today{border-color:#e7c47e;background:#fffbf1}.birthday-date{font-size:11px;font-weight:700;color:#936b29;background:#fbf2df;border-radius:5px;padding:7px 6px;white-space:nowrap}.birthday-name{min-width:0;flex:1}.birthday-name strong,.birthday-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.birthday-name strong{font-size:10px;color:#27445e}.birthday-name small{font-size:9px;color:#8492a0;margin-top:3px}.birthday-when{font-size:9px;color:#718596;white-space:nowrap}.birthday-today .birthday-when{color:#a36e13;font-weight:700}.birthday-empty{font-size:11px;color:#7b8d9b;margin:13px 0 0;padding-top:12px;border-top:1px solid #edf1f4;line-height:1.5}@media(max-width:1000px){.birthday-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.birthday-panel{padding:13px}.birthday-list{grid-template-columns:1fr}.birthday-when{font-size:8px}}
.sidebar{background:linear-gradient(165deg,#123553 0%,#173f63 52%,#102f4b 100%);border-right:1px solid #0d2d48;box-shadow:5px 0 22px #102b4314}.brand{padding:2px 7px 30px;border-bottom:1px solid #ffffff1c;margin-bottom:25px}.brand-icon{border-radius:15px;background:linear-gradient(145deg,#ffffff22,#ffffff0b);box-shadow:inset 0 1px 0 #ffffff26,0 5px 14px #071f351f}.brand strong{font-size:22px;letter-spacing:.1px}.brand small{font-size:9px;letter-spacing:1.8px}.side-caption{color:#a9c4d9;font-size:9px;font-weight:700;letter-spacing:1.8px;padding:0 12px 11px}.sidebar nav{gap:7px}.nav-link{position:relative;min-height:46px;padding:7px 10px;border:1px solid transparent;border-radius:9px;color:#e5eff7;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.nav-link:hover{background:#ffffff12;border-color:#ffffff15;transform:translateX(2px)}.nav-link>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#ffffff0d;color:#c3d8e9;font-size:18px;transition:background .18s ease,color .18s ease}.nav-link.active{background:linear-gradient(100deg,#2388bb,#2476a6);border-color:#ffffff24;color:#fff;box-shadow:0 5px 13px #071f3538,inset 0 1px 0 #ffffff24}.nav-link.active>span{background:#ffffff23;color:#fff}.nav-link i{background:#ffffff24;padding:4px 9px;font-size:10px}.nav-link:focus-visible{outline:2px solid #9ed8fa;outline-offset:2px}.side-note{background:#ffffff10;border-color:#ffffff22;border-radius:10px;padding:14px 13px;box-shadow:inset 0 1px 0 #ffffff0b}.side-note>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#9fdbbd20;flex:none}.side-note strong{color:#f4f8fb;font-size:11px}.side-note p{font-size:10px;line-height:1.65}.side-foot{letter-spacing:1.1px;color:#9ab3c8;border-top:1px solid #ffffff17;margin-top:14px;padding:14px 4px 0}
.sidebar-root{display:grid;gap:5px;margin:13px 3px 0;padding:12px 12px 13px;border:1px solid #ffffff23;border-radius:9px;background:linear-gradient(130deg,#ffffff12,#ffffff08);box-shadow:inset 0 1px 0 #ffffff12}.sidebar-root>span{font-size:8px;letter-spacing:1.5px;font-weight:700;color:#a9c4d9}.sidebar-root strong{font-size:12px;line-height:1.4;color:#fff;overflow-wrap:anywhere}.sidebar-root small{font-size:9px;line-height:1.4;color:#bdd0df;overflow-wrap:anywhere}
.sidebar-root{margin:0 3px 19px}
.search-form{max-width:320px}.search-form input{width:100%;padding-left:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2373869a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat 11px center}.people-panel .search-form input{min-width:220px}
.family-couple-label{display:block!important;margin-top:5px;color:#9b5260!important;font-size:9px!important;font-weight:700;line-height:1.4;white-space:normal!important}
.family-print-button{display:inline-flex;align-items:center;gap:5px;border:1px solid #cbdde7;border-radius:6px;background:#f7fbfd;color:#17638f;padding:6px 8px;font-size:9px;font-weight:700;white-space:nowrap;cursor:pointer}.family-print-button:hover{background:#eaf4f8}.family-print-button span{font-size:13px}
#family-print-page{display:none}
@media print{body.printing-family>.layout{display:none!important}body.printing-family>#family-print-page{display:block!important;position:absolute;inset:0;width:100%;padding:10mm;background:#fff}#family-print-page .family-table-card{width:100%;border:1px solid #b8c3ca;box-shadow:none;overflow:visible}#family-print-page .family-card-heading>a,#family-print-page .family-card-link,#family-print-page .family-print-button{display:none!important}#family-print-page .family-table-wrap{overflow:visible}#family-print-page .family-summary-table{width:100%;min-width:0}#family-print-page .family-summary-table th,#family-print-page .family-summary-table td{font-size:10px;padding:8px}}
.sidebar-backdrop,.sidebar-close{display:none}
@media(max-width:950px){.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:4;border:0;background:#081b2ab3;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.sidebar-backdrop:is(:focus){outline:0}.layout.menu-open .sidebar-backdrop{opacity:1;visibility:visible}.sidebar{z-index:6;padding-top:25px}.sidebar-close{display:grid;place-items:center;position:absolute;top:18px;right:16px;width:34px;height:34px;border:1px solid #ffffff35;border-radius:9px;background:#ffffff12;color:#fff;font-size:24px;line-height:1;cursor:pointer}.mobile-menu{width:40px;height:40px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #d9e4eb;border-radius:9px;background:#fff;cursor:pointer}.mobile-menu span{display:block;width:18px;height:2px;border-radius:2px;background:#173f63;transition:transform .18s ease,opacity .18s ease}.mobile-menu[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}.mobile-menu[aria-expanded="true"] span:nth-child(2){opacity:0}.mobile-menu[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}body.menu-open{overflow:hidden}}
.family-branch{--branch-color:#64748b}.branch-children:before{height:30px!important}.branch-children:before,.branch-children>.family-branch:before,.branch-children>.family-branch:not(:only-child):after,.branch-children>.family-branch .branch-family:before{border-color:var(--branch-color)!important;border-width:2px!important}.family-branch,.branch-children{print-color-adjust:exact;-webkit-print-color-adjust:exact}
.spouse-fields{display:grid;grid-column:span 2;gap:12px}.spouse-fields[hidden]{display:none}.spouse-fields-toggle>span{display:flex;align-items:center;gap:7px;cursor:pointer}.spouse-fields-toggle input[type=checkbox]{width:auto;min-width:auto;margin:0;padding:0;accent-color:#087eb8}
@media(max-width:950px){.spouse-fields{grid-column:span 4}}@media(max-width:650px){.spouse-fields{grid-column:span 2}}