/* Design refinement: consistent navigation, clearer names and quieter controls. */
:root{--muted:#50665c;--line:#dbe4de}
body{color:#183c34}button,input,select,textarea{font-family:inherit}
.top{gap:24px}.top-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;font-size:.94rem;min-height:46px;border:1px solid #ffffff35;border-radius:9px;text-decoration:none;color:inherit}
.top-actions>a.gold{background:var(--gold);border-color:var(--gold);color:#17392d}
.site-navigation{display:flex;align-items:center;gap:24px;padding:0 max(28px,calc((100vw - 1660px)/2));background:#fff;border-bottom:1px solid var(--line)}
.site-navigation .tabs{flex:1;min-width:0;min-height:64px;padding:0;border:0;gap:24px;box-shadow:none;overflow-x:auto}
.site-navigation .tabs>*{flex-shrink:0;white-space:nowrap;color:#496457}
.site-navigation .tabs .source-tab{margin-inline-start:0}
.site-navigation .tabs [aria-current=page],.site-navigation .tabs .active{color:#123f32;font-weight:600;border-bottom-color:#b69552}
.site-navigation .site-tools{flex-shrink:0;align-items:center;gap:4px;padding:0;margin:0;max-width:none}
.site-navigation .site-tools>a,.site-navigation .reading-settings>summary{font-size:.875rem;background:transparent;border-color:transparent;min-height:44px;padding:8px 10px;white-space:nowrap}
.site-navigation .site-tools>a:hover,.site-navigation .reading-settings>summary:hover{background:#eef4ef;border-color:#e2e9e3}
.site-navigation .reading-settings{margin:0}.reading-options{z-index:12}
.search-label,.graph-help,.home-intro,.home-section-head p,.chart-caption,.catalog-heading p,.catalog-note{color:#50665c}
.result small,.home-search-person small,.catalog-main .card .small{color:#4b6557;font-size:.94rem;line-height:1.95}
.result strong,.home-search-person strong{font-size:1.06rem}
.person-id,.person-section h3,.picker-count,.picker-option span,.result strong span{color:#52695d;font-size:.875rem}
.search-match{background:#f1e5c8;color:#163d2f;font-weight:600;border-radius:3px;padding:0 .04em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.home-search-person strong .search-match{display:inline}
.workspace{grid-template-columns:244px minmax(360px,1fr) 282px;gap:18px}
.explorer{padding:20px;overflow:visible;position:relative;background-image:radial-gradient(#dbe3dc .6px,transparent .6px);background-size:24px 24px}
.explorer-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.explorer-head>div:first-child{min-width:0;flex:1}.explorer h2{font-size:1.35rem;line-height:1.8}
.eyebrow{font-size:.8125rem;color:#526c5b}
.view-actions{max-width:none;flex-shrink:0;gap:6px;margin:0;align-items:center}
.view-actions .quiet,.tree-more>summary{font-size:.875rem;min-height:44px;padding:8px 11px}
.tree-more{position:relative}.tree-more>summary{display:flex;gap:10px;align-items:center;justify-content:center;list-style:none;cursor:pointer;border:1px solid #d2dfd5;border-radius:9px;background:#fff;color:#234c3b}
.tree-more>summary::-webkit-details-marker{display:none}.tree-more>summary>span{font-size:1.2rem;line-height:1}
.tree-more[open]>summary{background:#eef4ec;border-color:#9fb59e}
.tree-more-actions{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:8;display:grid;gap:5px;width:190px;padding:8px;background:#fff;border:1px solid #d2dfd5;border-radius:12px;box-shadow:0 10px 30px #123d3020}
.tree-more-actions .quiet{width:100%;justify-content:flex-start;border:0;padding:10px;font-size:.94rem}
.tree-more-actions .quiet:hover{background:#edf4ef}.tree-more>summary:focus-visible,.person-lineage>summary:focus-visible{outline:3px solid #ad842f;outline-offset:3px}
.tree-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;margin-bottom:8px;border-top:1px solid #e0e7e0;border-bottom:1px solid #e0e7e0}
.tree-controls{margin:0;padding:0;border:0;flex:1 1 auto;gap:8px}.tree-controls .segmented{display:flex;gap:2px;padding:3px}
.tree-controls .segmented button{min-height:40px;padding:7px 12px;font-size:.875rem}
.tree-view-tools{margin:0;gap:6px}.tree-view-tools>label{font-size:.875rem}.tree-view-tools>.quiet{font-size:.875rem;padding:8px 10px}
.tree-zoom{gap:0}.tree-zoom button{width:40px}.tree-zoom output{font-size:.875rem;min-width:42px}
.graph-help{margin:0 0 10px;font-size:.875rem}.graph-footer{flex-wrap:wrap;font-size:.8125rem;color:#4e6758}.graph-footer #generation-count{margin-inline-start:auto;font-size:.8125rem}
#graph{background:#fcfdfb;height:clamp(410px,62dvh,780px);border-color:#dae4d8}
#graph .lineage-node{border-inline-start:3px solid #9ab49b;background:#f9fcf7}
#graph .tree-node{font-size:1.06rem}#graph .tree-node small{color:#4d6752;font-weight:400;line-height:1.6}
#graph .tree-node.selected{background:#153f32;border-color:#153f32;color:#fff}#graph .tree-node.selected small{color:#e5ce99}
#graph .ancestor-chain>.connector{width:2px;background:#9ab49b}
.person-panel .person-title{grid-column:1/-1;font-size:1.3rem;line-height:1.85;margin:4px 0 8px;overflow-wrap:anywhere}
.person-lineage{grid-column:1/-1;margin:0 0 4px;padding-bottom:5px}
.person-lineage>summary{min-height:44px;display:list-item;cursor:pointer;width:fit-content;padding:8px 2px;color:#315d43;font-size:.94rem;text-decoration:underline;text-underline-offset:5px}
.person-lineage[open]{border-bottom:1px solid #e0e7e0;padding-bottom:14px}.person-lineage .person-fullname{font-size:.94rem;line-height:2;margin:6px 0 0;color:#3f604b}
.person-panel .person-stats{margin-top:18px}.person-panel>.person-favorite{margin-top:6px}
.picker-results{min-height:0}.picker-option strong{font-size:1rem;color:#264d38;line-height:1.95}
.picker-option strong .search-match{display:inline}.picker-selected-row .picker-selection{background:#f2f6ef;color:#3d5e49;line-height:1.9;font-size:.875rem}
.compare-fields input[type=search]{font-size:1rem;min-height:52px}.compare-fields input[aria-expanded=false]+input+.picker-selected-row .picker-selection{border-color:transparent;background:transparent;padding-inline:0}
.compare-fields input[hidden]+input+.picker-selected-row .picker-selection{border-color:#d1dfcc;background:#eef5e9;padding:12px}
#compare-dialog .group-link{margin:12px 0 18px}.picker-selected-row{margin-bottom:0}
.home-stat.primary-stat{padding:20px 23px}.home-stat.primary-stat>strong{font-size:2.8rem;margin-top:7px}
.home-stat.secondary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 15px;padding:17px 20px;align-items:center;background:#fbfcfa}
.home-stat.secondary .stat-top{display:none}.home-stat.secondary>strong{grid-column:2;grid-row:1/3;font-size:1.85rem;margin:0;color:#31573e}
.home-stat.secondary h3{grid-column:1;grid-row:1;font-size:.94rem;margin:0;line-height:1.8}
.home-stat.secondary p{grid-column:1;grid-row:2;font-size:.8125rem;margin:0;line-height:1.8;color:#52695a}
.home-stat.primary-stat h3{font-size:1.06rem}.home-stat.primary-stat p{font-size:.875rem}
.catalog-view-toggle{margin-inline-start:auto;flex-shrink:0;display:flex;padding:3px;gap:2px}.catalog-view-toggle button{min-height:44px;padding:8px 18px}
.catalog-view-toggle [aria-pressed=true]{background:#fff;color:#163f2f;font-weight:600;box-shadow:0 1px 5px #173d3010}
.catalog-main .toolbar{gap:12px}.catalog-main .toolbar input{font-size:1rem}.catalog-result-summary{flex-wrap:wrap;margin-top:4px}
.catalog-list{grid-template-columns:1fr!important;gap:0!important;background:#fff;border:1px solid #dce5dd;border-radius:14px;overflow:hidden}
.catalog-list .card{display:grid;grid-template-columns:60px minmax(0,1fr) 168px 112px;align-items:center;column-gap:20px;row-gap:0;border:0;border-bottom:1px solid #e3eae3;border-radius:0!important;box-shadow:none;padding:17px 20px}
.catalog-list .card:last-child{border-bottom:0}.catalog-list .card:hover{background:#f7faf6}
.catalog-list .card canvas{display:none}.catalog-list .card .ref{position:static;grid-column:1;grid-row:1/3;padding:0;background:none;align-self:center;text-align:center}
.catalog-list .card .name{grid-column:2;grid-row:1;font-size:1.1rem}.catalog-list .card .small{grid-column:2;grid-row:2;overflow-wrap:anywhere}
.catalog-list .card .action{grid-column:3;grid-row:1/3;margin:0;padding:11px 8px;min-height:44px}
.catalog-list .card>button{grid-column:4;grid-row:1/3;padding:8px 0;background:transparent;white-space:normal;text-underline-offset:4px}
.catalog-main .card .action:focus-visible{outline-offset:-3px}
@media(min-width:1600px){.workspace{grid-template-columns:270px minmax(380px,1fr) 300px}.explorer{padding:24px 28px}}
@media(max-width:1250px){.workspace{grid-template-columns:230px minmax(340px,1fr)}.person-panel .person-lineage{max-width:75ch}}
@media(max-width:1120px){.site-navigation{flex-wrap:wrap;gap:0}.site-navigation .tabs{flex-basis:100%}.site-navigation .site-tools{width:100%;padding:5px 0;gap:8px;border-top:1px solid #edf0ec}.site-navigation .reading-settings{margin-inline-start:auto}}
@media(max-width:760px){
 .top{gap:14px}.top-actions>a{padding:10px 8px;font-size:.875rem;min-height:44px}.site-navigation{padding:0 16px}
 .site-navigation .tabs{gap:22px;min-height:54px}.site-navigation .tabs>*{font-size:.875rem}.site-navigation .site-tools{padding:5px 0;gap:3px}
 .site-navigation .site-tools>a,.site-navigation .reading-settings>summary{padding:8px;font-size:.8125rem}
 .workspace{padding:12px}.explorer{padding:18px 14px}.explorer-head{flex-wrap:wrap;gap:10px}.explorer-head>div:first-child{flex-basis:100%}
 .view-actions{justify-content:flex-start;width:auto}.view-actions .quiet{flex:none;padding:8px 12px;min-height:44px;font-size:.875rem}.tree-more-actions{inset-inline-start:0;inset-inline-end:auto}
 .tree-toolbar{gap:9px}.tree-controls{width:100%;flex-basis:100%}.tree-controls .segmented{width:100%}.tree-view-tools{width:100%;justify-content:flex-start;gap:6px}
 .tree-view-tools label{font-size:.8125rem}.tree-view-tools>.quiet{font-size:.8125rem}.tree-view-tools select{font-size:.875rem}.tree-zoom button{width:38px}
 #graph{height:clamp(410px,62dvh,680px)}.person-panel .person-title{font-size:1.4rem}.person-lineage .person-fullname{font-size:1rem}
 .home-stat.featured{grid-column:1/-1}.home-stat.primary-stat{padding:18px}.home-stat.featured{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;row-gap:3px}
 .home-stat.featured .stat-top{grid-column:2;grid-row:1;justify-content:flex-end}.home-stat.featured .stat-top>span{display:none}
 .home-stat.featured>strong{grid-column:1;grid-row:1/3;margin:0;font-size:2.6rem}.home-stat.featured h3{grid-column:2;grid-row:2;margin:0}
 .home-stat.featured p{grid-column:1/-1;margin-top:3px}.home-stat.primary-stat>strong{font-size:2.4rem}.home-stat.primary-stat h3{font-size:1rem}.home-stat.primary-stat p{font-size:.8125rem}
 .home-stat.secondary{grid-column:1/-1;padding:12px 16px;column-gap:14px}.home-stat.secondary>strong{font-size:1.7rem}.home-stat.secondary h3{font-size:.94rem}
 .catalog-view-toggle{margin-inline-start:auto}.catalog-view-toggle button{padding:8px 12px}.catalog-result-summary{gap:8px}
 .catalog-list .card{grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;padding:14px}
 .catalog-list .card .name{grid-column:1;grid-row:1}.catalog-list .card .ref{grid-column:2;grid-row:1;text-align:left}
 .catalog-list .card .small{grid-column:1/-1;grid-row:2;font-size:.94rem}.catalog-list .card .action{grid-column:1;grid-row:3;margin-top:5px;font-size:.875rem}
 .catalog-list .card>button{grid-column:2;grid-row:3;font-size:.875rem;padding-inline:4px;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.home-stat{transition:none}.home-stat:hover{transform:none}}
@media print{.site-navigation,.tree-more,.catalog-view-toggle{display:none!important}.person-lineage>p{display:block}.catalog-list .card{break-inside:avoid}}

/* Clarity pass: a persistent dialog header, compact catalog and explicit lineage. */
input::placeholder,textarea::placeholder{color:#546c5e;opacity:1}
#home-search::-webkit-search-cancel-button,#search::-webkit-search-cancel-button{display:none;-webkit-appearance:none}
.name-disambiguation{color:#204d39;font-weight:650;text-decoration:underline;text-decoration-color:#b3975d;text-underline-offset:4px}
.result strong{gap:8px;align-items:start;line-height:1.9}.result strong>span{flex-shrink:0;padding-top:3px;font-weight:400}
.home-links{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;margin-top:10px}
.home-links>a,.home-links>button{display:inline-flex;flex-direction:row;flex:0 1 auto;min-height:44px;padding:8px 2px;gap:0;border:0;border-radius:5px;background:none;font-size:.94rem;line-height:1.8}
.home-links .home-action-icon{display:none}.home-links>a:hover,.home-links>button:hover{background:none;text-decoration:underline}
.top-actions .gold,.top-actions>a.gold{background:transparent;border-color:#ffffff55;color:#f3e5bd}
#graph .ancestor-chain>.connector{width:3px;background:#63816c}
#graph .lineage-node{border-inline-start-color:#63816c}
#graph .tree-node.selected{outline:2px solid #b99a59;outline-offset:4px;box-shadow:0 3px 14px #183c341a}
#graph .children .tree-node:before{background:#708c77;width:2px}
#graph .branch-tree ul{border-color:#708c77}#graph .branch-tree li li:before{background:#708c77;height:2px}
.person-empty{grid-column:1/-1;margin:18px 0;padding:16px;background:#f4f7f3;color:#52665a;border-radius:10px;font-size:.94rem;line-height:1.9}
#compare-dialog{padding:0;overflow:hidden;max-height:90dvh;width:min(820px,calc(100% - 28px))}
#compare-dialog[open]{display:flex;flex-direction:column}
#compare-dialog>.dialog-heading{flex:0 0 auto;margin:0;padding:20px 26px;border-bottom:1px solid #dbe4de;background:#fff;gap:20px}
#compare-dialog .dialog-heading h2{font-size:1.5rem;line-height:1.7}
#compare-dialog .dialog-heading .close{flex-shrink:0;min-width:44px;min-height:44px}
.compare-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 26px 26px;scroll-padding-block:20px}
#compare-dialog .compare-fields{margin-top:18px;align-items:start}
#compare-dialog .picker-selected-row{align-items:stretch;gap:8px}
#compare-dialog .picker-selected-row .picker-selection{flex:1;min-width:0;margin:0}
#compare-dialog .picker-change{align-self:center}
#compare-dialog.has-result .compare-intro,#compare-dialog.has-result .group-link{display:none}
#compare-dialog.has-result .compare-fields{margin-top:0}
#compare-dialog.has-result .compare-actions{margin-block:16px}
#compare-dialog.has-result #compare-run{background:#eef4ed;color:#254e3b;border:1px solid #ccdccc}
#relation-result{scroll-margin-block:20px}
#relation-result .relation-main{font-size:1.4rem;line-height:1.9;font-weight:600;color:#173e2f;margin:0 0 18px;padding-bottom:16px;border-bottom:1px solid #d5e0d2}
#relation-result .relation-card>h3{font-size:1.1rem;line-height:1.9;margin-top:3px}
#person-details-toggle{display:none}
.footer-dates{font-size:.875rem;line-height:1.9}.site-updated{font-size:.875rem;color:#4e6857;margin-top:5px}
.site-footer .site-updated{color:#c3d3c8}.site-footer .footer-dates>p{margin:0}
.catalog-main{padding-top:20px!important}.catalog-main .catalog-heading{margin-bottom:14px;gap:14px}
.catalog-main .catalog-heading h2{font-size:1.4rem}.catalog-main .catalog-heading p{margin-top:2px}
.catalog-main .toolbar{padding:10px 12px;gap:10px}
.catalog-main .toolbar #download{background:#fff;color:#315541;border-color:#d1ded4;font-size:.875rem}
.catalog-main .alphabet-panel{margin-top:10px;padding:0;background:transparent;border:0;border-radius:0}
.alphabet-panel>summary{cursor:pointer;display:flex;align-items:center;gap:10px;min-height:44px;width:fit-content;font-size:.875rem;color:#365c43;list-style:none}
.alphabet-panel>summary::-webkit-details-marker{display:none}.alphabet-panel>summary:after{content:'⌄';margin-inline-start:4px}
.alphabet-panel[open]>summary:after{content:'⌃'}.alphabet-panel>summary>span{color:#4f6658;background:#e8efe7;padding:1px 8px;border-radius:5px}
.alphabet-panel .alphabet{padding:8px 0 12px}.catalog-main .catalog-result-summary{margin-top:0}
.catalog-main .grid{margin-top:10px;gap:14px}
.catalog-main .grid:not(.catalog-list) .card{padding:18px;gap:7px}
.catalog-main .grid:not(.catalog-list) .card .ref{position:static;align-self:flex-end;order:0;padding:0;line-height:1.6;background:none}
.catalog-main .grid:not(.catalog-list) .card .name{order:0;font-size:1.3rem;margin-top:-4px}
.catalog-main .grid:not(.catalog-list) .card .small{order:0;line-height:1.95;font-size:.94rem;margin-bottom:7px}
.catalog-main .card .source-thumbnail{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:9px 0 0;margin:4px 0 0;min-height:52px;width:100%;background:none;border-top:1px solid #e2e9e1;border-radius:0;text-align:right;text-decoration:none;color:#46634e}
.catalog-main .card .source-thumbnail:hover span{text-decoration:underline}
.catalog-main .card .source-thumbnail canvas{order:0;flex:0 0 58px;width:58px;height:42px;margin:0;object-fit:contain;border-radius:5px;background:#f2f6f1}
.catalog-main .card .source-thumbnail span{font-size:.8125rem;line-height:1.8}
.catalog-list .card .source-thumbnail{grid-column:4;grid-row:1/3;border:0;margin:0;padding:8px;justify-content:center}
.catalog-list .card .source-thumbnail canvas{display:none}
@media(min-width:761px) and (max-width:1250px){
 #tree-workspace>.person-panel{display:none}
 #person-sheet{position:fixed;inset:0 auto 0 0;margin:0;width:min(440px,85vw);max-width:none;height:100dvh;max-height:100dvh;border:0;border-radius:0 20px 20px 0;overflow:auto;overscroll-behavior:contain}
 #person-sheet .person-title{font-size:1.45rem}
}
@media(max-width:1250px){#person-details-toggle{display:inline-flex}.tree-fullscreen-open #person-details-toggle{display:inline-flex}}
@media(max-width:760px){
 .home-links{gap:4px 18px}.home-links>a,.home-links>button{flex-direction:row;min-height:44px;padding:8px 0;font-size:.875rem}
 #compare-dialog{max-height:90dvh}.compare-body{padding:18px 16px 24px}
 #compare-dialog>.dialog-heading{padding:15px 18px}.compare-fields{gap:18px}
 #relation-result .relation-main{font-size:1.2rem}.catalog-main .catalog-heading{flex-direction:row;align-items:center}
 .catalog-heading .link-button{font-size:.8125rem;padding:8px;min-width:88px;text-align:center}
 .catalog-main .toolbar #query{flex-basis:auto;flex:1;min-width:0}.catalog-main .toolbar #download{font-size:.8125rem;padding:10px}
 .catalog-main .grid:not(.catalog-list) .card{padding:13px;gap:6px}.catalog-main .grid:not(.catalog-list) .card .name{font-size:1.2rem!important}
 .catalog-main .card .source-thumbnail{gap:7px;flex-wrap:wrap}.catalog-main .card .source-thumbnail canvas{flex-basis:44px;width:44px;height:34px}
 .catalog-list .card .source-thumbnail{grid-column:2;grid-row:3;padding:8px 0}.footer-dates{margin-top:14px}
}
@media print{.person-empty{background:none}.catalog-main .card .source-thumbnail{display:none!important}}

.result strong>.result-name{flex:1;min-width:0;color:#183c34;font-size:1.06rem;line-height:1.9;font-weight:600;padding:0;overflow-wrap:anywhere;white-space:normal}.result strong>.result-ref{flex:0 0 auto;font-size:.8125rem;font-weight:400;padding-top:4px}
