:root{--forest:#183d2f;--deep:#102a21;--gold:#d4a72c;--beige:#f5efe3;--white:#fff;--ink:#252525;--muted:#72766e;--line:#e4e1d8;--card:#fff;--soft:#f8f6f0;--danger:#a63b35;--shadow:0 16px 50px rgba(16,42,33,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--beige);color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:var(--forest);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,.serif{font-family:'Playfair Display',Georgia,serif;font-weight:600;line-height:1.15}h1{font-size:clamp(2.2rem,5vw,4.4rem);letter-spacing:-.035em}h2{font-size:clamp(1.45rem,2vw,2rem)}h3{font-size:1rem}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.section{padding-block:64px 88px}.narrow-section{max-width:720px}.small-note,.small-note p{font-size:.84rem;color:var(--muted)}.muted{color:var(--muted)}.lead{font-size:1.15rem;color:#555b53}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.73rem;font-weight:700;color:#8c6a22;margin-bottom:14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{min-height:84px;padding:14px max(24px,calc((100vw - 1340px)/2));display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--deep);color:white}.brand{display:flex;gap:12px;align-items:center;color:white}.brand:hover{text-decoration:none}.brand-mark{width:46px;height:46px;border:1px solid rgba(212,167,44,.8);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:600 1.45rem 'Playfair Display',Georgia,serif}.brand strong{display:block;font:700 1.03rem 'DM Sans',sans-serif;letter-spacing:.12em}.brand small{display:block;margin-top:2px;color:#c9d1ca;font-size:.69rem;letter-spacing:.03em}.main-nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px)}.main-nav>a,.nav-button{font-size:.86rem;color:#e9eee9}.main-nav>a:hover,.nav-button:hover{color:var(--gold)}.main-nav .nav-strong{color:var(--gold);font-weight:700}.inline-form{margin:0}.nav-button{border:0;background:none;padding:0}.nav-toggle{display:none;background:transparent;border:1px solid #738177;border-radius:6px;color:white;padding:8px 12px}
.hero{min-height:520px;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:center;padding:62px max(24px,calc((100vw - 1180px)/2)) 80px;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,rgba(212,167,44,.12),transparent 35%),linear-gradient(115deg,#f7f3ea 0%,#f5efe3 60%,#ece5d5 100%)}.hero-copy{position:relative;z-index:1;max-width:640px}.hero h1{color:var(--deep);max-width:690px;margin-bottom:24px}.hero h1 em{font-style:normal;color:#9b7626}.hero-lead{font-weight:700;font-size:1.18rem;margin-bottom:8px}.hero-text{max-width:570px;color:#60665e;font-size:1.02rem}.hero-art{display:flex;justify-content:center;align-items:center;min-height:410px}.hero-art img{width:min(100%,470px);max-height:450px;filter:drop-shadow(0 22px 28px rgba(24,61,47,.12))}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}.button{min-height:46px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:5px;border:1px solid transparent;font-weight:700;font-size:.9rem;transition:transform .15s,background .15s}.button:hover{text-decoration:none;transform:translateY(-1px)}.button-green{background:var(--forest);color:white}.button-green:hover{background:var(--deep);color:white}.button-gold{background:var(--gold);color:var(--deep)}.button-gold:hover{background:#e0b940;color:var(--deep)}.button-outline{border-color:#9ea69d;background:transparent;color:var(--forest)}.button-outline:hover{background:white}.text-link{font-weight:700;font-size:.9rem;padding:10px 8px}.hero-caption{position:absolute;bottom:25px;right:max(24px,calc((100vw - 1180px)/2));display:flex;gap:10px;align-items:center;color:#6a7068;font-size:.77rem}.caption-line{height:1px;width:36px;background:var(--gold)}
.stats-strip{background:var(--deep);color:white;padding:22px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.stat{padding:12px 14px;border-right:1px solid rgba(255,255,255,.14)}.stat:last-child{border:0}.stat strong{display:block;font:600 1.8rem 'Playfair Display',Georgia,serif;color:var(--gold)}.stat span{display:block;font-size:.77rem;color:#d3d9d3}.stat-muted strong{color:#f2e5c2}.home-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.home-intro h2{max-width:380px;color:var(--deep)}.home-intro>p{font-size:1.05rem;color:#5b625a;margin:0}
.site-footer{background:#0d241c;color:#e4e9e3;padding:34px 24px}.footer-inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:35px}.footer-inner p{color:#b8c0b8;margin:4px 0 0;font-size:.86rem}.footer-inner small{color:#adb7ae}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a{font-size:.77rem;color:#d4dbd4}.footer-links a:hover{color:var(--gold)}
.notice{margin:20px auto 0;padding:13px 16px;border-radius:5px;border:1px solid #d3d8ce;background:#fff;color:#38443a}.notice-success{border-color:#9ec7a7;background:#eff8f0;color:#215a2d}.notice-error{border-color:#e5aaa5;background:#fff0ef;color:#8b2924}.notice-warning{border-color:#e4cb87;background:#fff9e9;color:#715514}.notice-info{border-color:#b7c7c0;background:#f0f6f3;color:#345448}.notice p:last-child{margin-bottom:0}
.card{background:var(--card);border:1px solid rgba(24,61,47,.1);border-radius:9px;box-shadow:var(--shadow)}.form-card{padding:28px;display:grid;gap:18px}.form-card h2{font-size:1.35rem;margin:12px 0 0;color:var(--deep)}.form-card label,.compact-form label{display:grid;gap:7px;font-size:.87rem;font-weight:600;color:#444b43;position:relative}.form-card input,.form-card select,.form-card textarea,.compact-form input,.compact-form select{width:100%;padding:11px 12px;border:1px solid #ccd1c9;border-radius:5px;background:white;color:var(--ink);outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.compact-form input:focus,.compact-form select:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(24,61,47,.1)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.full-span{grid-column:1/-1}.wide-form{max-width:920px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.small-note{margin:16px 0}.search-form{display:flex;gap:10px;max-width:820px;margin:22px 0 28px;position:relative}.search-form>input[type=search]{flex:1;min-width:0;padding:13px 15px;border-radius:5px;border:1px solid #bec5bb;background:white}.result-count{font-size:.9rem}.suggestions{position:absolute;z-index:10;left:0;right:0;top:calc(100% + 3px);display:grid;background:white;border:1px solid var(--line);border-radius:5px;box-shadow:0 10px 26px rgba(0,0,0,.12);max-height:260px;overflow:auto}.suggestions:empty{display:none}.suggestions button{border:0;border-bottom:1px solid #f0eee7;text-align:left;background:white;padding:10px 13px;color:var(--ink)}.suggestions button:hover,.suggestions button:focus{background:#f4f3ed}.suggestions small{display:block;color:var(--muted)}
.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.person-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:white;border:1px solid var(--line);border-radius:7px;color:var(--ink)}.person-card:hover{border-color:#8d9c8f;text-decoration:none}.person-card>span:nth-child(2){display:grid;gap:2px;flex:1}.person-card small{color:var(--muted);font-size:.78rem}.card-arrow{color:#9b7626}.avatar{flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#e2eadf;color:var(--forest);font:600 1.3rem 'Playfair Display',Georgia,serif;border:1px solid #cad7c9}.avatar-small{width:42px;height:42px;font-size:1.05rem}.avatar-large{width:92px;height:92px;font-size:2.3rem}.empty-state{padding:28px;background:rgba(255,255,255,.6);border:1px dashed #c6c9bf;border-radius:8px;max-width:780px}.empty-state p{margin:7px 0 0;color:var(--muted)}.empty-state .button{margin-top:18px}
.branch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.branch-card{padding:24px}.branch-card h2{color:var(--deep);margin-bottom:10px}.story-list{display:grid;gap:18px;max-width:860px}.story-card{padding:26px;background:white;border-left:3px solid var(--gold);box-shadow:var(--shadow);border-radius:0 7px 7px 0}.story-card h2{margin-bottom:15px}.story-card>div{white-space:normal}
.profile-heading{display:flex;align-items:center;gap:20px;margin:26px 0 34px}.profile-title{flex:1}.profile-title h1{font-size:clamp(2rem,4vw,3.35rem);margin:0}.profile-title .eyebrow{margin-bottom:5px}.profile-title .lead{margin:2px 0}.profile-years{margin:8px 0 0;color:#666d64}.back-link{display:inline-block;color:#6a7369;font-size:.85rem;margin-bottom:18px}.profile-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:start}.profile-card,.relationship-card{padding:26px}.profile-card h2{margin-top:30px;font-size:1.4rem}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin:0}.detail-list>div{padding:11px 0;border-bottom:1px solid #eeece5}.detail-list dt{font-size:.76rem;color:var(--muted);margin-bottom:3px}.detail-list dd{margin:0;font-weight:600;font-size:.9rem}.preserve-lines{white-space:pre-wrap}.section-title-row,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-title-row h2{font-size:1.35rem;margin-bottom:0}.section-title-row .eyebrow{margin:0 0 6px}.small-action{font-size:.8rem;font-weight:700;color:#84641d}.relationship-card h3{font-size:.88rem;margin:23px 0 7px;color:var(--deep)}.relationship-card>p.muted{font-size:.83rem;margin-bottom:0}.relation-list{list-style:none;padding:0;margin:0}.relation-list li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #f0eee8;font-size:.86rem}.relation-list li>span{color:var(--muted);font-size:.78rem}.relation-list a{font-weight:700}.timeline-section{margin:58px 0}.timeline{position:relative;list-style:none;padding:5px 0 5px 17px;margin:20px 0;border-left:2px solid #d7c48d;max-width:820px}.timeline li{position:relative;display:grid;grid-template-columns:100px 1fr;gap:18px;padding:0 0 20px 20px}.timeline li:before{content:'';position:absolute;left:-24px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--gold);border:3px solid var(--beige)}.timeline time{font-weight:700;color:#8a691f}.timeline li div{display:grid}.timeline li span,.timeline li small{font-size:.82rem;color:var(--muted)}.admin-actions{padding-top:28px;border-top:1px solid var(--line)}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.compact-form{padding:22px;margin-top:20px}.compact-form h3{margin-bottom:0}.compact-form .form-grid{margin:16px 0}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.admin-stats article{background:white;border:1px solid var(--line);border-radius:7px;padding:17px}.admin-stats span{display:block;color:var(--muted);font-size:.77rem}.admin-stats strong{display:block;margin-top:7px;color:var(--deep);font:600 1.7rem 'Playfair Display',Georgia,serif}.admin-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:26px}.admin-link{display:grid;gap:7px;padding:22px;color:var(--ink)}.admin-link:hover{text-decoration:none;border-color:#aab8aa}.admin-link-icon{font-size:.77rem;letter-spacing:.1em;color:#9d7a27}.admin-link strong{font-size:1.05rem}.admin-link small{color:var(--muted)}.admin-link b{font-size:.82rem;color:var(--forest);margin-top:8px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid #efeee8;font-size:.85rem}th{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:#72786f;background:#faf9f5}tr:last-child td{border-bottom:0}.table-name{font-weight:700}.privacy-pill{display:inline-block;border-radius:99px;padding:3px 9px;font-size:.72rem}.privacy-public{background:#e6f3e7;color:#30643a}.privacy-family{background:#f8edca;color:#725716}.privacy-private{background:#eee9ec;color:#574453}.empty-table{text-align:center;color:var(--muted);padding:28px}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px}.pagination a{font-weight:700}.branch-admin-layout{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:22px;align-items:start}.branch-admin-list{display:grid;gap:10px}.branch-admin-list h2{font-size:1.35rem}.branch-admin-item{padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px}.branch-admin-item p{margin:3px 0;color:var(--muted);font-size:.82rem}.branch-admin-item small{color:var(--muted)}
.tree-section{max-width:1400px}.tree-search{max-width:900px}.tree-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 10px}.tree-modes,.tree-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mode-link{padding:8px 11px;border-radius:5px;font-size:.81rem;color:#59645a}.mode-link.active{background:var(--forest);color:white}.tree-controls label{display:flex;gap:7px;align-items:center;font-size:.78rem;color:var(--muted)}.tree-controls select{padding:6px;border:1px solid var(--line);border-radius:4px;background:white}.tree-controls button{background:white;border:1px solid var(--line);border-radius:4px;padding:6px 10px;color:var(--forest);font-size:.8rem}.tree-controls button:hover{border-color:var(--forest)}.tree-legend{display:flex;gap:17px;flex-wrap:wrap;color:#646d64;font-size:.75rem;padding:9px 0 13px}.tree-legend span{display:flex;gap:7px;align-items:center}.legend-dot{width:9px;height:9px;border-radius:50%;background:#777}.legend-person{background:var(--gold)}.legend-ancestor{background:#65866d}.legend-child{background:#a99a72}.legend-partner{background:#aa795f}.tree-viewport{height:min(70vh,700px);min-height:440px;overflow:hidden;position:relative;border:1px solid #deddd4;border-radius:8px;background-color:#faf9f4;background-image:radial-gradient(#ddd8c9 .8px,transparent .8px);background-size:18px 18px;touch-action:none;cursor:grab;outline:none}.tree-viewport:active{cursor:grabbing}.tree-viewport:focus-visible{box-shadow:0 0 0 3px rgba(24,61,47,.2)}.tree-content{position:absolute;left:0;top:0;width:max-content;min-width:100%;padding:54px 48px 70px;transform-origin:0 0;display:flex;flex-direction:column;gap:42px}.tree-row{display:flex;justify-content:center;align-items:stretch;gap:22px;min-width:max-content;position:relative}.tree-node{width:205px;min-height:104px;position:relative;background:white;border:1px solid #d9dfd6;border-radius:8px;box-shadow:0 7px 20px rgba(16,42,33,.07);padding:14px;display:flex;gap:11px;align-items:center;color:var(--ink)}.tree-node:hover{text-decoration:none;border-color:var(--forest);transform:translateY(-2px)}.tree-node.root-node{border:2px solid var(--gold);background:#fffdf7}.tree-node.ancestor-node{border-top:3px solid #65866d}.tree-node.child-node{border-top:3px solid #a99a72}.tree-node.partner-node{border-top:3px solid #aa795f}.tree-node .avatar{width:38px;height:38px;font-size:1rem}.tree-node-copy{display:grid;line-height:1.35;min-width:0}.tree-node-copy strong{font-size:.84rem;overflow-wrap:anywhere}.tree-node-copy small{color:var(--muted);font-size:.72rem}.tree-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tree-lines line{stroke:#a8b3a7;stroke-width:2}.tree-lines line.partner-edge{stroke:#c09a83;stroke-dasharray:5 5}.tree-loading{margin:80px auto;color:var(--muted)}.tree-empty{margin-top:16px}
@media(max-width:1050px){.site-header{flex-wrap:wrap}.main-nav{gap:12px}.main-nav>a{font-size:.8rem}.hero{grid-template-columns:1fr .8fr}.stats-strip{grid-template-columns:repeat(3,1fr)}.stat:nth-child(3){border-right:0}.admin-links{grid-template-columns:1fr 1fr}.branch-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 32px,680px)}.section{padding-block:42px 62px}.site-header{padding:12px 16px;min-height:70px}.brand-mark{width:40px;height:40px}.brand small{font-size:.59rem}.nav-toggle{display:block}.main-nav{display:none;width:100%;align-items:stretch;flex-direction:column;gap:0;padding:4px 0 10px}.main-nav.open{display:flex}.main-nav>a,.nav-button{display:block;padding:10px 3px;text-align:left;font-size:.9rem}.inline-form{padding:8px 3px}.hero{grid-template-columns:1fr;padding:48px 22px 80px}.hero h1{font-size:clamp(2.4rem,12vw,3.8rem)}.hero-art{min-height:260px;grid-row:1;margin-bottom:-6px}.hero-art img{width:min(80%,340px);max-height:290px}.hero-copy{grid-row:2}.hero-caption{left:22px;right:22px;justify-content:center;text-align:center;font-size:.7rem}.stats-strip{grid-template-columns:repeat(2,1fr);padding:15px 18px}.stat{padding:12px;border-right:1px solid rgba(255,255,255,.14)!important}.stat:nth-child(2n){border-right:0!important}.stat strong{font-size:1.55rem}.stat span{font-size:.7rem}.home-intro{grid-template-columns:1fr;gap:12px}.footer-inner{grid-template-columns:1fr;gap:18px}.footer-links{gap:10px 16px}.member-grid,.profile-columns,.branch-admin-layout{grid-template-columns:1fr}.branch-grid{grid-template-columns:1fr}.profile-heading{align-items:flex-start;flex-wrap:wrap}.profile-heading .avatar-large{width:66px;height:66px;font-size:1.7rem}.profile-title{min-width:calc(100% - 94px)}.profile-edit{margin-left:86px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-links{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.full-span{grid-column:auto}.search-form{flex-wrap:wrap}.search-form>input[type=search]{flex-basis:100%}.search-form .button{width:100%}.tree-toolbar{align-items:flex-start;flex-direction:column}.tree-controls{width:100%}.tree-controls label{margin-right:auto}.tree-viewport{height:64vh;min-height:380px}.tree-content{padding:46px 26px 50px}.tree-node{width:175px;min-height:90px;padding:10px}.tree-row{gap:12px}.tree-legend{gap:10px}.timeline li{grid-template-columns:75px 1fr;gap:12px}.detail-list{grid-template-columns:1fr 1fr}.form-card{padding:20px}.compact-form{padding:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}