.tree-explainer{max-width:760px;margin-bottom:32px;color:#526268}.tree-section{margin:36px 0}.tree-section>h2{font-size:1.8rem}.tree-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.tree-branch{padding:24px;background:white;border:1px solid #dce3e5;border-top:4px solid #075666;border-radius:12px;min-width:0}.tree-branch h3{margin:0 0 18px;font-size:1.3rem}.tree-row{display:flex;flex-wrap:wrap;gap:12px}.tree-person{display:flex;align-items:center;gap:10px;flex:1 1 140px;min-width:0;padding:10px;border:1px solid #dce3e5;border-radius:8px;text-decoration:none;background:#f5f9fa;color:#075666}.tree-person:hover{background:#e3f0f2;border-color:#075666}.tree-person:focus-visible{outline:3px solid #a52d36;outline-offset:3px}.tree-person .portrait{width:48px;height:48px;flex:0 0 48px;border-radius:50%}.tree-person strong,.tree-person small{display:block}.tree-person small{font-size:.8rem;color:#526268}.tree-connector{margin:0 0 0 25px;padding:15px 12px;border-left:2px solid #075666;color:#526268;font-size:.85rem}.tree-label{font-size:.85rem;color:#526268;margin:0 0 8px}.tree-count{color:#526268}.tree-section .tree-row{max-width:100%}@media(max-width:700px){.tree-branches{grid-template-columns:1fr}.tree-branch{padding:18px}.masthead nav{flex-wrap:wrap}.tree-person{flex-basis:125px}}