:root {
  color-scheme: dark;
  --background: #1a1b26;
  --foreground: #c0caf5;
  --surface: #292e42;
  --surface-foreground: #c0caf5;
  --surface-muted: #414868;
  --muted: #292e42;
  --muted-foreground: #b3bbe0;
  --border: #3b4261;
  --border-strong: #414868;
  --input: #414868;
  --popover: #292e42;
  --popover-foreground: #c0caf5;
  --primary: #7aa2f7;
  --primary-foreground: #1a1b26;
  --secondary: #33467c;
  --secondary-foreground: #c0caf5;
  --accent: #292e42;
  --accent-foreground: #c0caf5;
  --danger: #f7768e;
  --danger-foreground: #1a1b26;
  --warning: #e0af68;
  --warning-foreground: #1a1b26;
  --success: #9ece6a;
  --success-foreground: #1a1b26;
  --info: #7dcfff;
  --info-foreground: #1a1b26;
  --link: #7aa2f7;
  --link-visited: #bb9af7;
  --focus-ring: #7aa2f7;
  --chart1: #7aa2f7;
  --chart2: #9ece6a;
  --chart3: #bb9af7;
  --chart4: #e0af68;
  --chart5: #f7768e;
  --chart6: #7dcfff;
  --chart7: #ff9e64;
  --chart8: #9d7cd8;
  --sidebar: #16161e;
  --sidebar-foreground: #c0caf5;
  --sidebar-primary: #7aa2f7;
  --sidebar-primary-foreground: #1a1b26;
  --sidebar-accent: #292e42;
  --sidebar-accent-foreground: #c0caf5;
  --sidebar-border: #3b4261;
  --sidebar-ring: #7aa2f7;
  --tree-male: #7aa2f7;
  --tree-female: #f7768e;
  --tree-unknown: #a6b0cf;
  --tree-male-fill: #eaf2ff;
  --tree-female-fill: #ffeef3;
  --tree-unknown-fill: #f5f3ea;
  --tree-deceased-outline: #111827;
  --tree-card-outline: #020617;
  --tree-card-text: #182235;
  --tree-card-shadow: #000000;
  --tree-selected: #9ece6a;
  --tree-parent-edge: #9ab3b2;
  --tree-spouse-edge: #d6bd7a;
  --tree-canvas-background: #173f32;
  --tree-canvas-grid-line: rgba(224, 238, 231, 0.04);
  --tree-canvas-grid-line-muted: rgba(224, 238, 231, 0.035);
  --tree-branch-accent1: #7aa2f7;
  --tree-branch-accent2: #f7768e;
  --tree-branch-accent3: #bb9af7;
  --tree-branch-accent4: #e0af68;
  --tree-branch-accent5: #9ece6a;
  --tree-branch-accent6: #7dcfff;
  --tree-branch-accent7: #ff9e64;
  --tree-branch-accent8: #9d7cd8;
  --photo-tag-box: #10b981;
  --face-review-box: #10b981;
  --overlay-foreground: #c0caf5;
  --overlay-border: #c0caf5;
  --person-female-page-background: #21171e;
  --person-female-surface-background: #35232e;
  --person-female-surface-muted-background: #4a3040;
  --person-female-foreground: #f4d6df;
  --person-female-muted-foreground: #dbadbb;
  --person-female-border: #6d4054;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.18);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.22);
  --shadow-lg: 0 18px 48px rgba(0, 0, 0, 0.28);
  --person-male-hero-background: linear-gradient(135deg, #33467c, #1a1b26);
  --person-female-hero-background: linear-gradient(135deg, #743a52, #21171e);
  --person-male-family-background: linear-gradient(135deg, #292e42, #33467c);
  --person-female-family-background: linear-gradient(135deg, #35232e, #743a52);
  --person-female-focus-ring-shadow: 0 0 0 2px rgba(247, 118, 142, 0.45);
  --person-female-selection-background: rgba(247, 118, 142, 0.16);
  --overlay-scrim: rgba(0, 0, 0, 0.5);
  --photo-caption-scrim: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.72));
  --focus-ring-shadow: 0 0 0 2px rgba(122, 162, 247, 0.45);
  --selection-background: rgba(122, 162, 247, 0.16);
  --card: var(--surface);
  --card-foreground: var(--surface-foreground);
  --destructive: var(--danger);
  --destructive-foreground: var(--danger-foreground);
  --ring: var(--focus-ring);
  --chart-1: var(--chart1);
  --chart-2: var(--chart2);
  --chart-3: var(--chart3);
  --chart-4: var(--chart4);
  --chart-5: var(--chart5);
  --chart-6: var(--chart6);
  --chart-7: var(--chart7);
  --chart-8: var(--chart8);
}

*{box-sizing:border-box}
html{background:var(--background)}
body{margin:0;background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5}
a{color:inherit;text-underline-offset:4px}
img{display:block;max-width:100%}
.publication-page{min-height:100vh;overflow-x:clip;background:var(--background)}
.person-female{--background:var(--person-female-page-background);--foreground:var(--person-female-foreground);--surface:var(--person-female-surface-background);--surface-foreground:var(--person-female-foreground);--surface-muted:var(--person-female-surface-muted-background);--muted:var(--person-female-surface-background);--muted-foreground:var(--person-female-muted-foreground);--border:var(--person-female-border);--border-strong:var(--tree-female);--input:var(--person-female-surface-muted-background);--primary:var(--tree-female);--primary-foreground:var(--tree-card-text);--secondary:var(--person-female-surface-muted-background);--secondary-foreground:var(--person-female-foreground);--accent:var(--person-female-surface-background);--accent-foreground:var(--person-female-foreground);--link:var(--tree-female);--focus-ring:var(--tree-female);--focus-ring-shadow:var(--person-female-focus-ring-shadow);--selection-background:var(--person-female-selection-background);color:var(--person-female-foreground)}
main{width:min(1120px,100%);margin:0 auto;padding:32px 18px 56px}
section{margin-top:24px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
h1,h2,h3,p,figure,ul{margin-top:0}
h1{margin-bottom:0;font-size:4.25rem;line-height:.98;letter-spacing:0;font-weight:750}
h2{margin-bottom:16px;font-size:1.1rem;line-height:1.2}
ul{padding-left:1.2rem}
.person-alternate-name{margin:12px 0 0;font-size:1.25rem;color:var(--muted-foreground)}
.person-hero-band{background:var(--person-male-hero-background);color:var(--foreground)}
.person-female .person-hero-band{background:var(--person-female-hero-background);color:var(--person-female-foreground)}
.person-hero{display:grid;width:min(1120px,100%);grid-template-columns:176px minmax(0,1fr);gap:32px;align-items:center;margin:0 auto;padding:32px 18px}
.person-main{padding-top:24px}
.person-portrait{display:block;width:176px;aspect-ratio:1;border:4px solid var(--primary);border-radius:999px;overflow:hidden;background:var(--surface-muted);box-shadow:var(--shadow-lg)}
.person-male .person-portrait{border-color:var(--tree-male)}
.person-female .person-portrait{border-color:var(--tree-female)}
.person-portrait img{width:100%;height:100%;object-fit:cover}
.avatar-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:linear-gradient(135deg,var(--primary),var(--danger));color:var(--primary-foreground);font-size:4rem;font-weight:760}
.person-male .person-portrait .avatar-fallback{background:var(--tree-male);color:var(--tree-card-text)}
.person-female .person-portrait .avatar-fallback{background:var(--tree-female);color:var(--tree-card-text)}
.life-line{margin:16px 0 0;color:var(--muted-foreground);font-size:1.12rem}
.person-hero-band .life-line{color:inherit}
.life-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}
.person-facts{margin-top:0}
.life-event,.content-card,.contact-card{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-md)}
.life-event{min-width:0;border-left:3px solid var(--primary);padding:14px 16px}
.life-event.death{border-left-color:var(--danger)}
.life-event dt{color:var(--muted-foreground);font-size:.72rem;font-weight:700;text-transform:uppercase}
.life-event dd{margin:5px 0 0;overflow-wrap:anywhere}
.life-event strong{font-size:1rem}
.life-event span{display:block;color:var(--muted-foreground);font-size:.9rem}
.content-stack{display:block}
.content-stack>.family-band:first-child{margin-top:-24px}
.content-card,.contact-card{padding:24px}
.markdown-body{color:var(--foreground);font-size:1rem}
.markdown-body p{margin-bottom:1rem}
.markdown-body p:last-child{margin-bottom:0}
.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--foreground);font-weight:700;line-height:1.2;margin:1.5rem 0 .75rem}
.markdown-body h1:first-child,.markdown-body h2:first-child,.markdown-body h3:first-child{margin-top:0}
.markdown-body h1{font-size:1.45rem}
.markdown-body h2{font-size:1.25rem}
.markdown-body h3{font-size:1.1rem}
.markdown-body a{color:var(--link)}
.markdown-body ul,.markdown-body ol{margin:0 0 1rem 1.25rem;padding:0}
.markdown-body li{margin:.25rem 0}
.markdown-body blockquote{border-left:3px solid var(--border);color:var(--muted-foreground);margin:1rem 0;padding:.25rem 0 .25rem 1rem}
.markdown-body code{background:var(--surface-muted);border:1px solid var(--border);border-radius:4px;padding:.1rem .3rem}
.markdown-body pre{background:var(--surface-muted);border:1px solid var(--border);border-radius:6px;overflow:auto;padding:1rem}
.markdown-body pre code{background:transparent;border:0;padding:0}
.side-list{display:grid;gap:10px}
.side-list a{display:block;border:1px solid var(--border);border-radius:8px;padding:11px 12px;background:var(--surface-muted);text-decoration:none}
.family-tree{display:grid;gap:12px}
.family-band{width:100vw;margin-left:calc(50% - 50vw);padding:36px 18px;border-top:1px solid var(--tree-male);border-bottom:1px solid var(--tree-male);background:var(--person-male-family-background)}
.family-band-inner{width:min(1120px,100%);margin:0 auto}
.person-female .family-band{border-color:var(--tree-female);background:var(--person-female-family-background);color:var(--person-female-foreground)}
.person-female .family-band h2,.person-female .family-row h3{color:var(--person-female-foreground)}
.person-female .family-connector{background:var(--tree-female)}
.family-row{display:grid;gap:10px}
.family-row h3{margin:0;color:var(--muted-foreground);font-size:.78rem;font-weight:700;text-align:center;text-transform:uppercase}
.family-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.family-connector{width:1px;height:22px;margin:0 auto;background:var(--border);border-radius:999px}
.related-card{display:flex;width:min(100%,24rem);min-width:0;min-height:84px;gap:12px;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);padding:12px;text-decoration:none}
.related-person-male{border-color:var(--tree-male);background:var(--tree-male-fill);color:var(--tree-card-text)}
.related-person-female{border-color:var(--tree-female);background:var(--tree-female-fill);color:var(--tree-card-text)}
.related-card.selected{outline:4px solid var(--tree-selected);outline-offset:2px;box-shadow:var(--shadow-md)}
.related-card>span{min-width:0}
.related-card.private{color:var(--muted-foreground)}
.related-avatar{display:block;width:48px;height:48px;border-radius:999px;overflow:hidden;flex:0 0 auto;border:2px solid var(--selection-background);background:var(--surface-muted)}
.related-person-male .related-avatar{border-color:var(--tree-male);background:var(--tree-male-fill)}
.related-person-female .related-avatar{border-color:var(--tree-female);background:var(--tree-female-fill)}
.related-person-male .avatar-fallback{background:var(--tree-male);color:var(--tree-card-text)}
.related-person-female .avatar-fallback{background:var(--tree-female);color:var(--tree-card-text)}
.related-avatar img{width:100%;height:100%;object-fit:cover}
.related-avatar .avatar-fallback{font-size:1rem}
.related-name{display:block;min-width:0;overflow-wrap:anywhere;font-weight:650;line-height:1.2}
.related-detail{display:block;color:var(--muted-foreground);font-size:.86rem}
.related-person-male .related-detail,.related-person-female .related-detail{color:var(--tree-card-text)}
.photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.photo-card{position:relative;display:block;aspect-ratio:1;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);text-decoration:none}
.photo-card img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}
.photo-card:hover img{transform:scale(1.04)}
.photo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--muted-foreground);font-size:.9rem;text-align:center;padding:12px}
.photo-label{position:absolute;right:0;bottom:0;left:0;background:var(--photo-caption-scrim);padding:30px 10px 9px;color:var(--overlay-foreground);font-size:.86rem;font-weight:650}
.photo-collection-summary,.photo-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.photo-collection-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.photo-collection-actions a,.photo-collection-actions button,.photo-pagination a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);color:inherit;padding:0 14px;font:inherit;font-weight:700;text-decoration:none}
.photo-collection-actions button{cursor:pointer}
.photo-collection-actions button:focus-visible,.photo-collection-actions a:focus-visible,.photo-pagination a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.public-photo-plane{position:relative;width:max-content;max-width:100%;margin:24px auto 0;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);box-shadow:var(--shadow-lg)}
.public-photo-plane img{width:auto;max-width:100%;height:auto}
.photo-tag-box{position:absolute;left:var(--tag-x);top:var(--tag-y);width:var(--tag-width);height:var(--tag-height);border:2px solid var(--photo-tag-box);border-radius:4px;box-shadow:var(--focus-ring-shadow);text-decoration:none}
.photo-tag-box:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.photo-tag-label{position:absolute;left:0;bottom:100%;max-width:min(260px,80vw);overflow:hidden;border:1px solid var(--overlay-border);border-radius:4px;background:var(--overlay-scrim);color:var(--overlay-foreground);padding:4px 7px;font-size:.78rem;font-weight:700;opacity:0;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}
.photo-tag-box:hover .photo-tag-label,.photo-tag-box:focus-visible .photo-tag-label{opacity:1}
.public-photo-people{display:grid;gap:8px;padding:0;list-style:none}
.public-photo-people a{display:block;border:1px solid var(--border);border-radius:6px;background:var(--surface-muted);padding:10px 12px;text-decoration:none}
.public-photo-people a.related-person-male{border-color:var(--tree-male);background:var(--tree-male-fill);color:var(--tree-card-text)}
.public-photo-people a.related-person-female{border-color:var(--tree-female);background:var(--tree-female-fill);color:var(--tree-card-text)}
.contact-card{border-top:3px solid var(--warning)}
.contact-card a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:8px;background:var(--primary);color:var(--primary-foreground);padding:0 16px;font-weight:700;text-decoration:none}
.component-main{width:100%;max-width:none;padding-right:0;padding-left:0}
.component-support{width:min(1120px,100%);margin-right:auto;margin-left:auto;padding-right:18px;padding-left:18px}
.public-tree{position:relative;margin-top:20px;padding:0 18px}
.tree-toolbar{display:none;align-items:center;justify-content:space-between;gap:10px;margin:0 0 8px}
.tree-runtime-ready .tree-toolbar{display:flex}
.tree-view-primary,.tree-viewport-controls{display:flex;min-width:0;align-items:center;gap:8px}
.tree-root-combobox{position:relative;width:clamp(280px,34vw,420px);min-width:0;flex:0 1 420px}
.tree-root-input{width:100%;height:40px;min-width:0;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--foreground);padding:0 10px;font:inherit}
.tree-root-options{position:absolute;z-index:20;top:calc(100% + 4px);right:0;left:0;max-height:min(320px,50vh);overflow-y:auto;border:1px solid var(--border);border-radius:6px;background:var(--surface);box-shadow:var(--shadow-lg)}
.tree-root-option{display:block;width:100%;border:0;background:transparent;color:var(--foreground);padding:9px 10px;text-align:left;cursor:pointer;font:inherit}
.tree-root-option:hover,.tree-root-option[data-active="true"]{background:var(--surface-muted)}
.tree-root-option[aria-selected="true"]{font-weight:700}
.tree-root-options[hidden],.tree-root-option[hidden]{display:none}
.tree-view-controls{display:inline-flex;width:max-content;max-width:100%;overflow:hidden;border:1px solid var(--border);border-radius:6px;background:var(--surface);box-shadow:var(--shadow-sm)}
.tree-view-button,.tree-tool-button{display:inline-flex;height:40px;align-items:center;justify-content:center;border:0;background:var(--surface);color:var(--foreground);cursor:pointer}
.tree-view-button{gap:6px;border-right:1px solid var(--border);padding:0 10px;font:inherit;font-size:.82rem}
.tree-view-button:last-child{border-right:0}
.tree-view-button[aria-pressed="true"]{background:var(--primary);color:var(--primary-foreground)}
.tree-tool-button{width:40px;border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-sm)}
.tree-view-button:hover:not(:disabled),.tree-tool-button:hover:not(:disabled){background:var(--surface-muted)}
.tree-view-button[aria-pressed="true"]:hover:not(:disabled){background:var(--primary)}
.tree-view-button:disabled,.tree-tool-button:disabled{cursor:not-allowed;opacity:.45}
.tree-view-count{flex:0 0 auto;color:var(--muted-foreground);font-size:.78rem;font-variant-numeric:tabular-nums}
.tree-icon-definitions{position:absolute;overflow:hidden;pointer-events:none}
.tree-root-input:focus-visible,.tree-root-option:focus-visible,.tree-view-button:focus-visible,.tree-tool-button:focus-visible,.tree-card-select:focus-visible,.tree-card-profile-link:focus-visible,.tree-viewport:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.tree-viewport{position:relative;isolation:isolate;width:100%;height:min(68vh,760px);min-height:400px;overflow:auto;border:1px solid var(--border-strong);border-radius:8px;background:var(--tree-canvas-background);box-shadow:var(--shadow-lg);overscroll-behavior:contain}
.tree-canvas-background{position:absolute;z-index:0;inset:0;background-color:var(--tree-canvas-background);background-image:linear-gradient(var(--tree-canvas-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--tree-canvas-grid-line-muted) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.tree-stage{position:relative;z-index:1;transform-origin:0 0}
.tree-runtime-ready .tree-viewport{overflow:hidden;cursor:grab;touch-action:none}
.tree-runtime-ready.tree-is-panning .tree-viewport{cursor:grabbing}
.tree-runtime-ready .tree-stage{position:absolute;top:0;left:0;will-change:transform}
.tree-edges{position:absolute;inset:0;display:block;overflow:visible;pointer-events:none}
.tree-edge{fill:none;stroke:var(--tree-parent-edge);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.tree-edge-spouse{stroke:var(--tree-spouse-edge);stroke-width:1.8}
.tree-edge-dashed{stroke-dasharray:8 6}
.tree-edge[hidden],.tree-person-card[hidden]{display:none}
.tree-person-card{position:absolute;display:block;width:190px;height:132px;overflow:hidden;border:2px solid var(--tree-card-outline);border-radius:8px;background:var(--tree-unknown-fill);color:var(--tree-card-text);box-shadow:inset 0 4px var(--tree-unknown),var(--shadow-md)}
.tree-person-card:hover{z-index:2;box-shadow:inset 0 4px var(--tree-unknown),var(--shadow-lg)}
.tree-person-male{background:var(--tree-male-fill);box-shadow:inset 0 4px var(--tree-male),var(--shadow-md)}
.tree-person-male:hover{box-shadow:inset 0 4px var(--tree-male),var(--shadow-lg)}
.tree-person-female{background:var(--tree-female-fill);box-shadow:inset 0 4px var(--tree-female),var(--shadow-md)}
.tree-person-female:hover{box-shadow:inset 0 4px var(--tree-female),var(--shadow-lg)}
.tree-person-deceased{border-width:6px}
.tree-person-focus{outline:4px solid var(--tree-selected);outline-offset:5px}
.tree-card-select{display:grid;width:100%;height:100%;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:start;border:0;background:transparent;color:inherit;padding:12px;text-align:left;cursor:pointer;font:inherit}
.tree-person-deceased .tree-card-select{padding:8px}
.tree-card-profile-link{position:absolute;right:8px;bottom:8px;display:inline-flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--foreground);text-decoration:none;box-shadow:var(--shadow-sm)}
.tree-card-profile-link:hover{background:var(--surface-muted)}
.tree-card-avatar{display:flex;width:44px;height:44px;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--tree-unknown);border-radius:999px;background:var(--tree-unknown-fill);font-size:.82rem;font-weight:760}
.tree-person-male .tree-card-avatar{border-color:var(--tree-male)}
.tree-person-female .tree-card-avatar{border-color:var(--tree-female)}
.tree-person-deceased .tree-card-avatar{border-color:var(--tree-deceased-outline);border-width:3px}
.tree-card-avatar img{width:100%;height:100%;object-fit:cover}
.tree-card-copy{display:block;min-width:0;padding-top:1px}
.tree-card-first-name,.tree-card-last-name,.tree-card-patronymic,.tree-card-maiden-name,.tree-card-display-name{display:block;max-width:100%;overflow:hidden;overflow-wrap:anywhere;line-height:1.12}
.tree-card-first-name,.tree-card-last-name,.tree-card-patronymic,.tree-card-maiden-name{text-overflow:ellipsis;white-space:nowrap}
.tree-card-first-name{font-size:1rem;font-weight:760}
.tree-card-last-name{font-size:.88rem;font-weight:680}
.tree-card-patronymic{font-size:.74rem}
.tree-card-maiden-name{font-size:.7rem}
.tree-card-display-name{display:-webkit-box;font-size:.92rem;font-weight:720;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.tree-card-life{display:block;margin-top:8px;overflow:hidden;color:var(--tree-card-text);padding-right:34px;font-size:.72rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.tree-runtime-animated .tree-stage{transition:transform .16s ease-out}}
@media (max-width:900px){.person-hero{grid-template-columns:1fr;text-align:center}.person-portrait{width:min(152px,40vw);margin:0 auto}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}h1{font-size:3.25rem}.tree-toolbar{align-items:stretch;flex-direction:column}.tree-view-primary{width:100%;flex-wrap:wrap}.tree-root-combobox{width:100%;flex-basis:100%}.tree-viewport-controls{align-self:flex-end}}
@media (max-width:520px){main{padding:22px 14px 42px}.person-hero{padding:22px 14px;gap:18px}.person-portrait{width:120px}.person-main{padding-top:20px}.content-stack>.family-band:first-child{margin-top:-20px}.life-list{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card,.contact-card{padding:18px}.family-band{padding:28px 14px}h1{font-size:2.35rem}.component-main{padding-top:18px;padding-bottom:36px}.component-support{padding-right:14px;padding-left:14px}.public-tree{padding:0 10px}.tree-viewport{height:62vh;min-height:360px}.tree-view-primary{display:grid;grid-template-columns:minmax(0,1fr) auto}.tree-root-combobox{grid-column:1/-1}.tree-view-controls{min-width:0}.tree-view-button{width:40px;padding:0}.tree-view-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.tree-tool-button{width:40px;height:40px}}