:root{--bg: #f3f1eb;--panel: #ffffff;--header-bg: #e5e2d7;--border: #d5cdb8;--text: #1f2a37;--muted: #5a6874;--primary: #2d6da3;--active: #dfeaf6;--shadow: rgba(30, 45, 60, .08);--row-bg: rgba(255, 255, 255, .7);--row-border: rgba(92, 106, 120, .2);--pink: #f0d7e1;--blue: #cfeaf5;--warning: #fff3d6}*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-height:100vh;background:var(--bg)}img{max-width:100%;display:block}button,input,a{font:inherit}#app{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;height:80px;min-height:80px;padding:0 clamp(1rem,4vw,3.5rem);background:#f0e5b4;border-bottom:1px solid var(--border);box-shadow:0 2px 10px #2f363d14}.logo-link{display:inline-flex;align-items:center;justify-content:flex-start;align-self:stretch;gap:.75rem;min-width:0;text-decoration:none;color:inherit}.logo-link img{width:auto;height:100%;object-fit:contain;border-radius:4px}.logo-fallback{font-weight:700;font-size:1rem}.main-nav{display:flex;align-items:center;gap:.75rem}.main-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:.55rem .9rem;border:1px solid rgba(92,106,120,.3);border-radius:999px;text-decoration:none;color:var(--text);background:#ffffff73;box-shadow:0 1px 3px #1e2d3c14;transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.main-nav a.is-active{background:var(--active);border-color:#2d6da373;font-weight:600}.main-nav a:hover,.main-nav a:focus-visible{background:#fff;box-shadow:0 2px 6px #1e2d3c29;transform:translateY(-1px)}.page-shell{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 3rem}.page-list{max-width:1100px}.surname-list{margin:0;padding:1.5rem 2.5rem;columns:2;column-gap:3rem;border:1px solid var(--border);border-radius:12px;background:var(--panel);line-height:1.8}.misc-section-heading{margin:2rem 0 1rem;font-size:1.5rem}.person-summaries{display:grid;gap:1rem}.person-summary-section{padding:1.25rem 1.5rem;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.person-summary-section h3{margin:0 0 .75rem;color:var(--primary)}.person-summary-section ul{display:grid;gap:.6rem;margin:0;padding-left:1.25rem;line-height:1.6}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;border:1px solid var(--border);background:#fff6;border-radius:12px}.people-search{flex:1 1 240px;min-width:0;min-height:2.6rem;padding:.6rem .8rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wiki-filter{display:inline-flex;align-items:center;gap:.6rem;font-weight:600}.people-count{color:var(--muted);font-size:.95rem}.people-groups{display:grid;gap:1rem}.person-group{border:1px solid var(--row-border);background:#ffffff52;border-radius:12px;overflow:hidden}.group-toggle{width:100%;border:0;background:#edf0ef;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;color:var(--text)}.group-count{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:999px;background:#415d741f}.group-list{padding:.75rem;display:grid;gap:.75rem}.group-list[hidden]{display:none}.person-row{border:1px solid var(--row-border);background:var(--row-bg);border-radius:10px;overflow:hidden;box-shadow:0 2px 6px var(--shadow)}.person-summary{width:100%;border:0;background:transparent;display:grid;grid-template-columns:72px minmax(180px,1.5fr) minmax(140px,1.2fr) minmax(130px,1fr) 28px;align-items:center;gap:1rem;padding:.8rem 1rem;text-align:left;cursor:pointer}.person-photo{width:72px;height:72px;border-radius:10px;object-fit:cover;border:1px solid rgba(0,0,0,.12);background:#eae9e2}.person-name-block{display:flex;flex-direction:column;gap:.2rem}.person-name{font-size:1.08rem;font-weight:700}.person-years{font-size:.82rem;color:var(--muted)}.person-comment,.person-place{font-size:.92rem;color:var(--muted)}.expand-marker{justify-self:end;font-size:1.3rem;color:var(--text)}.person-details{border-top:1px solid var(--row-border);background:#f5f5f58f}.person-details-wrap{padding:1rem}.person-text{margin-bottom:1rem;color:var(--text);line-height:1.6}.person-text p{margin:0 0 .8rem}.person-meta{display:grid;gap:.75rem}.meta-item{color:var(--text);line-height:1.5}.person-links{display:flex;flex-wrap:wrap;gap:.75rem}.person-links a,.tree-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.45rem .75rem;border-radius:8px;background:var(--active);color:var(--text);text-decoration:none;font-weight:600}.gallery{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.gallery-item{border:1px solid var(--row-border);background:transparent;padding:0;border-radius:10px;overflow:hidden;width:120px;height:120px;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover}.empty-state{padding:2rem 1rem;border-radius:12px;background:#fff6;text-align:center;border:1px solid var(--border);color:var(--muted)}.tree-page{max-width:1400px}.tree-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;border:1px solid var(--border);background:#fff6;border-radius:12px}.tree-search-wrap{display:flex;align-items:center;gap:.75rem;flex:1}.tree-search-wrap input{width:min(320px,100%);min-height:2.6rem;border:1px solid var(--border);border-radius:8px;padding:.65rem .8rem;background:#fff;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tree-search-wrap button,.tree-controls button,.panel-link{border:1px solid var(--border);border-radius:8px;background:#ffffffb3;color:var(--text);cursor:pointer;min-height:2.5rem;padding:.55rem .85rem;font-weight:600}#tree-reset{display:grid;width:2.5rem;height:2.5rem;min-height:2.5rem;padding:.5rem;place-items:center}#tree-reset svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.tree-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tree-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem;align-items:start}.tree-stage{min-height:720px;border:1px solid var(--border);background:#ffffff47;border-radius:12px;overflow:hidden}#tree-container{width:100%;height:720px;background:#ffffff2e}#tree-container svg{width:100%;height:100%;display:block}#tree-container .card-to-add{display:none}#tree-container .f3,#tree-container .f3 svg,#tree-container .f3 .link_upper,#tree-container .f3 .link_lower,#tree-container .f3 .link_particles,#tree-container .f3 .card_break_link,#tree-container .f3 .card_break_link path,#tree-container .f3 .card_break_link line,#tree-container .f3 .card_break_link polyline,#tree-container .f3 .card_break_link rect,#tree-container .f3 .link_upper path,#tree-container .f3 .link_lower path,#tree-container .f3 .link_particles path,#tree-container .f3 .link_upper line,#tree-container .f3 .link_lower line,#tree-container .f3 .link_particles line{color:#3c4957!important;stroke:#3c4957!important}.tree-panel{border:1px solid var(--border);background:#ffffffa6;border-radius:12px;padding:1rem}.tree-panel-header{display:flex;align-items:center;gap:.9rem;margin-bottom:1rem}.panel-photo{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.tree-panel-header h3{margin:0 0 .2rem;font-size:1.1rem}.tree-panel-header p{margin:0;color:var(--muted)}.tree-panel-grid{display:grid;gap:.7rem;color:var(--text);line-height:1.55}.panel-markdown{white-space:pre-wrap;color:var(--text)}.panel-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.panel-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.tree-card-person{display:flex;align-items:center;gap:.5rem;width:170px;border:1px solid currentColor;border-radius:10px;padding:.35rem;background:#ffffffa6;box-shadow:0 1px 4px #00000014;position:relative}.tree-card-center-btn{position:absolute;right:4px;bottom:4px;display:grid;place-items:center;width:22px;height:22px;padding:3px;border:1px solid rgba(62,77,93,.35);background:#fffffff2;color:#34485a;border-radius:50%;cursor:pointer;z-index:2}.tree-card-center-btn:hover,.tree-card-center-btn:focus-visible{background:#34485a;color:#fff;outline:2px solid #fff;outline-offset:1px}.tree-card-center-btn svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.tree-card-photo-wrap{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0}.tree-card-photo-wrap img{width:100%;height:100%;object-fit:cover}.tree-card-body{min-width:0}.tree-card-name{font-weight:700;line-height:1.2;font-size:.82rem;white-space:normal;word-break:break-word}.tree-card-years{font-size:.72rem;color:var(--muted);margin-top:.2rem}@media (max-width: 760px){.tree-layout{grid-template-columns:1fr}.tree-stage,#tree-container{min-height:520px;height:520px}}@media (max-width: 560px){.tree-toolbar{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:.6rem;padding:.7rem}.tree-search-wrap{flex:0 0 auto;flex-direction:row;align-items:stretch;gap:.5rem;width:100%}.tree-search-wrap input{flex:1 1 auto;width:auto;min-width:0;height:2.75rem}.tree-search-wrap button{flex:0 0 auto;width:auto;height:2.75rem;padding:0 1.1rem}.tree-controls{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.5rem;width:100%}.tree-controls button,.tree-controls #tree-reset{display:inline-flex;align-items:center;justify-content:center;width:100%;height:2.75rem;min-height:2.75rem;padding:0;font-size:1.15rem}}@media (max-width: 760px){.toolbar{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:.75rem}.people-search{flex:0 0 auto;width:100%;height:2.75rem;min-height:2.75rem}.wiki-filter{min-height:2rem}.wiki-filter input{width:1.2rem;height:1.2rem;flex:0 0 auto}.person-summary{grid-template-columns:56px minmax(0,1.6fr) minmax(0,1fr) 24px}.person-comment,.person-place{display:none}}@media (max-width: 560px){.site-header{height:66px;min-height:66px;padding:0 .75rem;gap:.35rem}.main-nav{gap:.2rem}.main-nav a{padding:.5rem .65rem}.logo-link img{height:100%}.logo-fallback{font-size:.85rem}.page-shell{padding-left:.75rem;padding-right:.75rem}.surname-list{columns:1;padding:1rem 2rem}.person-summary{grid-template-columns:52px minmax(0,1.1fr) 22px;gap:.7rem}.person-photo{width:52px;height:52px}}