body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif}.family-tree{display:flex;flex-direction:column;align-items:center}.generation{display:flex;justify-content:center;margin:20px 0;width:100%}.person-card{border:2px solid #e5e7eb;border-radius:8px;padding:12px;margin:0 10px;width:180px;text-align:center;background:white;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:all 0.3s ease;position:relative}.person-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px rgba(0,0,0,0.1)}.person-card.male{border-color:#3b82f6}.person-card.female{border-color:#ec4899}.person-card.deceased{opacity:0.7;background-color:#f3f4f6}.connector{position:absolute;width:2px;background-color:#9ca3af;height:20px;bottom:-20px;left:50%}.horizontal-connector{position:absolute;height:2px;background-color:#9ca3af;top:-20px}.avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;margin:0 auto 8px;border:2px solid #e5e7eb}@media (max-width: 768px){.person-card{width:120px;padding:8px;font-size:12px}.avatar{width:40px;height:40px}}.tree-container{overflow-x:auto;position:relative}.tree-container svg{width:100%;height:100%;cursor:grab}.tree-container svg:active{cursor:grabbing}.tree-container .node{cursor:pointer}.tree-container .node-card{stroke-width:1.5px;rx:10;ry:10;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.tree-container .node-card.male{fill:#e9f7fe;stroke:#4dabf7}.tree-container .node-card.female{fill:#fff0f6;stroke:#f783ac}.tree-container .node-text{font-size:14px;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linecap:butt;stroke-linejoin:miter;pointer-events:none}.tree-container .node-text.name{font-weight:600;fill:#333}.tree-container .node-text.dates{font-size:12px;fill:#555}.tree-container .toggle-circle{stroke-width:2px;stroke:#555;transition:fill 0.3s ease}.tree-container .link{fill:none;stroke:#b0b0b0;stroke-width:2px}.tree-container .spouse-link{fill:none;stroke:#888;stroke-width:1.5px;stroke-dasharray:4 4}.tree-container .instructions{position:absolute;top:15px;left:15px;background:rgba(255,255,255,0.9);padding:12px;border-radius:8px;font-size:14px;color:#333;pointer-events:none;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,0.1)}#family-tree-viz{height:100vh}
/*# sourceMappingURL=site.css.map */