/* Search is the primary surface; the drawing is deliberately opt-in. */
[hidden]{display:none!important}
.top{padding-block:18px;gap:16px}.top .brand{min-width:0}.top .brand-logo{width:200px;height:auto}.top .brand-copy{display:none}
.top .top-actions{display:flex!important;flex-wrap:wrap;align-items:center;gap:10px}.top .site-account{display:flex;gap:8px;align-items:center}
#site-more-open,.account-toggle,.account-signin{min-height:48px}
.mobile-nav{display:none!important}body{padding-bottom:0!important}
.home-hero{padding:48px 24px 36px;min-height:0}.home-hero-copy{max-width:880px;margin:auto}.home-hero h2{font-size:clamp(1.65rem,4vw,2.7rem);line-height:1.6}.home-intro{max-width:650px;margin:12px 0 24px}.signature-line{display:none}
.home-links{margin-top:20px!important;justify-content:flex-start}.home-links button{min-height:48px;padding:10px 18px;border:1px solid #bca56d;border-radius:12px}
#home-person-shortcut{display:none!important}.home-search-person{min-height:72px}.home-search-person strong{line-height:1.8}.home-search-person small{line-height:1.8}
.home-statistics{max-width:1100px;margin:24px auto;padding:0 24px}.home-statistics>summary{cursor:pointer;min-height:52px;padding:12px 0;font-weight:600;border-bottom:1px solid var(--line)}
.home-statistics .home-section{padding:28px 0;margin:0}.home-source{display:none}.recent-area{margin-top:20px}.recent-list{display:flex;flex-wrap:wrap;gap:8px}.recent-list button{min-height:44px}.recent-list small{display:none}
#site-more-dialog{width:min(460px,calc(100% - 28px));max-height:85dvh;border:1px solid var(--line);border-radius:20px;padding:20px}
#site-more-dialog .site-navigation,#site-more-dialog .tabs,#site-more-dialog .site-tools{display:flex;position:static;flex-direction:column;align-items:stretch;gap:6px;overflow:visible;padding:0;border:0;background:transparent}
#site-more-dialog .tabs button,#site-more-dialog a,#site-more-dialog summary{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;text-align:start;padding:12px;min-height:48px;border-radius:8px;text-decoration:none}
#site-more-dialog .menu-emoji{display:inline-flex;align-items:center;justify-content:center;flex:0 0 1.5em;width:1.5em;font-size:1.2em;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
#site-more-dialog .reading-settings{width:100%;margin:0}
#site-more-dialog .tabs button.active{border:0;background:#edf3ed}#site-more-dialog .reading-options{position:static;width:auto}
#site-more-dialog .site-tools{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.person-sheet{display:none!important}#person-sheet[open]{display:block!important;inset:0;width:min(640px,calc(100% - 24px));max-width:640px;max-height:90dvh;height:fit-content;margin:auto;padding:0;border:1px solid var(--line);border-radius:22px;overflow:auto}
.person-sheet::backdrop,#site-more-dialog::backdrop{background:rgba(10,35,27,.45)}
.person-sheet .sheet-heading{display:flex;position:sticky;top:0;z-index:2;align-items:center;justify-content:space-between;gap:8px;background:var(--white,#fffdf7);padding:12px 18px;border-bottom:1px solid var(--line)}
.person-sheet #person-panel{display:block!important;position:static;max-height:none;overflow:visible;width:100%;padding:22px;border:0;background:var(--white,#fffdf7)}
.person-title{font-size:1.7rem!important;line-height:1.7}.person-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.person-primary-actions button{min-height:48px}
.person-more,.person-lineage,.relation-path-details,.relation-more{margin-top:16px;border-top:1px solid var(--line);padding-top:8px}
.person-more>summary,.person-lineage>summary,.relation-path-details>summary,.relation-more>summary{cursor:pointer;padding:10px 0;min-height:44px;font-weight:600}.person-more-content{display:grid;gap:8px}.person-more-content button{min-height:44px;text-align:start}
#person-family-content .person-family-grid>button{min-height:80px}.personal-relation{margin-top:16px}.personal-relation small{display:none}.person-monogram{display:none}
body[data-page="tree"] #tree-workspace{grid-template-columns:1fr}body[data-page="tree"] #tree-workspace>.directory,body[data-page="tree"] #tree-workspace>#person-panel{display:none!important}
@media(max-width:760px){
 .top{padding:12px 16px!important;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between}.top .brand-logo{width:140px!important;max-width:100%;height:auto!important}.top .top-actions{width:auto!important;flex:0 1 auto!important;margin:0!important}
 .top .site-account .account-toggle{max-width:190px}.account-signin span{font-size:.875rem}.top .site-account{flex:0 1 auto!important;width:auto!important}
 .home-hero{padding:28px 18px}.home-hero h2{font-size:1.75rem}.home-search-form{margin-top:20px}.home-search-form input{font-size:16px!important}.home-links{justify-content:stretch}.home-links button{width:100%;justify-content:center}
 #person-sheet[open]{width:calc(100% - 16px);max-height:min(92dvh,calc(var(--available-height,100dvh) - 12px));border-radius:20px;margin:auto}.person-sheet #person-panel{padding:18px}.person-sheet .sheet-heading{padding:10px 14px}.person-title{font-size:1.5rem!important}
 .home-statistics{padding:0 18px}.site-footer{padding-bottom:24px!important}.home-statistics .home-stat.secondary{display:block}
}
@media print{#site-more-open,.home-statistics,.home-hero{display:none}}

/* Keep both family paths together, including on narrow phones. */
#relation-result .relation-side-by-side{min-width:0}
#relation-result .relation-common{padding:12px;background:#f3ecd9;border:1px solid #d7c391;border-radius:12px;text-align:center}
#relation-result .relation-common h3{margin:2px 0 0;font-size:1.05rem;line-height:1.8;overflow-wrap:anywhere}
#relation-result .relation-common .eyebrow{color:#735b27}
#relation-result .relation-path-details{border:0;padding:0;margin-top:12px}
#relation-result .path-help{font-size:.875rem;line-height:1.8;margin:0 0 12px;text-align:center}
#relation-result .relation-paths{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;margin-top:0}
#relation-result .relation-paths>section{min-width:0;padding:10px 8px;border:1px solid #d9e1d7;border-radius:12px;background:#fffdf7}
#relation-result .relation-paths h4{position:sticky;top:0;z-index:1;background:#fffdf7;padding-block:4px;font-size:1rem;line-height:1.8;text-align:center;margin:0 0 6px}
#relation-result .path-distance{font-size:.75rem;text-align:center;line-height:1.7;margin:0 0 10px}
#relation-result .relation-paths li{border:0;padding:0;text-align:center}
#relation-result .relation-paths li:before{display:none}
#relation-result .relation-paths li button{justify-content:center;min-height:44px;padding:8px 4px;text-align:center;line-height:1.7;border:1px solid #dce4d9;border-radius:8px;background:#f5f7f1;overflow-wrap:anywhere}
#relation-result .relation-paths .path-person button{color:#fff;background:#1d4537;border-color:#1d4537;font-weight:600}
#relation-result .relation-paths .common{background:none}
#relation-result .relation-paths .common button{color:#644c20;background:#f3ecd9;border-color:#d7c391;font-weight:600}
#relation-result .relation-paths .path-arrow{font-size:1rem;line-height:1.4;padding:2px 0;color:#698373}
@media(max-width:760px){
 #compare-dialog{width:calc(100% - 16px);max-height:min(92dvh,calc(var(--available-height,100dvh) - 24px))}
 #compare-dialog .compare-body{padding:14px 12px 20px}
 #compare-dialog .group-link{margin:2px 0 14px;background:transparent;border:0;color:#466b56;text-decoration:underline;text-underline-offset:4px;text-align:center;font-size:.875rem}
 #compare-dialog.has-result .compare-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #compare-dialog.has-result .compare-fields>div{min-width:0}
 #compare-dialog.has-result .picker-selected-row{flex-direction:column;align-items:stretch}
 #compare-dialog.has-result .picker-change{align-self:stretch}
 #compare-dialog.has-result .picker-selection{font-size:.875rem;overflow-wrap:anywhere}
 #relation-result .relation-card{padding:12px;margin-top:8px}
 #relation-result .relation-main{font-size:1.05rem;line-height:1.8;margin-bottom:12px;padding-bottom:12px}
 #relation-result .relation-paths{gap:8px}
 #relation-result .relation-paths h4{font-size:.875rem}
 #relation-result .relation-paths li button{font-size:.94rem}
}
@media (min-width:400px) and (max-width:760px){
 #compare-dialog:not(.has-result) .compare-fields:not(:focus-within){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #compare-dialog:not(.has-result) .compare-fields:focus-within{grid-template-columns:1fr}
}
@media (max-width:359px){
 #relation-result .relation-card{padding:9px}
 #relation-result .relation-paths{gap:5px}
 #relation-result .relation-paths>section{padding:7px 4px}
 #relation-result .relation-paths h4{font-size:.8125rem;line-height:1.65;overflow-wrap:anywhere}
 #relation-result .relation-paths li button{padding:7px 2px;font-size:.875rem;overflow-wrap:anywhere;word-break:normal}
 #relation-result .path-distance{font-size:.6875rem;overflow-wrap:anywhere}
}

@media(max-width:760px){
 .top .top-actions:has(.account-dropdown){display:grid!important;grid-template-columns:minmax(0,1fr) 48px max-content;width:100%!important;flex:1 1 100%!important;gap:8px}
 .top .top-actions:has(.account-dropdown) .site-account{display:contents!important}
 .top .top-actions .account-dropdown{grid-column:1 / -1}
 .top .top-actions .account-toggle{width:100%;max-width:none!important;justify-content:space-between}
 .top .top-actions .account-toggle span:first-child{min-width:0}
 .top .top-actions .account-add-relative{min-width:0;white-space:normal}
 .top .top-actions .notification-bell{width:48px;min-height:48px}
}