.lineage-hero {max-width:1160px;margin:auto;padding:54px 20px 32px;text-align:left}
.lineage-hero h1{font-family:var(--font-display);color:var(--color-heading);font-size:clamp(28px,4vw,44px);margin:12px 0}
.lineage-hero p{max-width:780px;color:var(--color-text-muted)}
.lineage-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
#genealogy-module{--paper:var(--color-page);--panel:var(--color-surface);--panel2:var(--color-surface-muted);--line:var(--color-border);--ink:var(--color-text);--ink2:var(--color-text-muted);--accent:var(--color-action-primary);--green:var(--color-action-primary);font-family:var(--font-ui);font-size:16px;line-height:1.75;background:var(--paper);color:var(--ink);max-width:1160px;margin:auto;padding:0 20px}
#genealogy-module nav.top{position:static;min-height:0;background:var(--color-surface-muted);color:var(--ink);border:1px solid var(--line);border-radius:12px;gap:4px;padding:8px;z-index:auto}
#genealogy-module nav.top a.navitem{font-family:var(--font-ui);color:var(--color-text-muted);font-size:14px;padding:10px 14px;border:0;border-radius:7px}
#genealogy-module nav.top a.navitem:hover{background:var(--han-paper-200)}
#genealogy-module nav.top a.navitem.active{background:var(--color-action-primary);color:white}
#genealogy-module main{padding:28px 0 48px;max-width:none;margin:0}
#genealogy-module h1,#genealogy-module h2,#genealogy-module h3{font-family:var(--font-display);color:var(--color-heading);letter-spacing:1px}
#genealogy-module h1{font-size:clamp(23px,3vw,32px)}
#genealogy-module h2{font-size:24px;border-left:3px solid var(--han-gold-500)}
#genealogy-module .card,#genealogy-module .result,#genealogy-module .textframe,#genealogy-module .pcard,#genealogy-module .grid a.tile{border-radius:12px;box-shadow:0 4px 16px #1f242808}
#genealogy-module .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
#genealogy-module .grid a.tile{text-align:left;padding:24px}
#genealogy-module .grid a.tile .t{font-family:var(--font-display);color:var(--color-heading)}
#genealogy-module .stat{font-size:13px;border-radius:5px}
#genealogy-module button,#genealogy-module input,#genealogy-module select{font-family:var(--font-ui);border-radius:7px;min-height:40px;max-width:100%}
#genealogy-module #personDetail button{padding:9px 14px;border:1px solid var(--color-border);background:var(--color-surface-muted);margin:4px 6px 4px 0;color:var(--color-heading)}
#genealogy-module .pdetail{border-width:1px}
#genealogy-module #lightbox{z-index:1000}
#genealogy-module .browsebar select{min-width:0;max-width:100%}
@media(max-width:700px){.lineage-hero{padding:30px 20px 24px}.lineage-hero h1{font-size:28px}#genealogy-module .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#genealogy-module .grid a.tile{padding:18px 14px}#genealogy-module nav.top{gap:2px}#genealogy-module nav.top a.navitem{padding:9px 10px}#genealogy-module main{padding-top:24px}#genealogy-module .searchbox input[type=text]{min-width:0;flex-basis:100%}#genealogy-module .treelg{gap:8px}}