.family-workspace :is(button,a,input):focus-visible,.pedigree-side-panel :is(button,a):focus-visible,.pedigree-controls button:focus-visible{outline:2px solid var(--theme-readable-accent,var(--theme-gold-warm));outline-offset:3px}.family-workspace{min-height:0;color:var(--theme-text);font-family:var(--font-inter),Arial,sans-serif}.family-workspace__header h1{font:400 clamp(1.5rem,2.2vw,1.875rem)/1.2 var(--font-playfair),Georgia,serif;letter-spacing:-.025em}.family-workspace__stats{font-variant-numeric:tabular-nums;line-height:1.6}.family-member-selector{max-width:24rem}.family-member-selector input::placeholder{color:var(--theme-text-secondary);opacity:1}.family-member-selector button>div:first-child{flex-shrink:0}.family-member-selector button p{overflow-wrap:anywhere}.pedigree-side-panel{font-family:var(--font-inter),Arial,sans-serif}.pedigree-side-panel h2{font:400 1.5rem/1.3 var(--font-playfair),Georgia,serif;overflow-wrap:anywhere;text-wrap:pretty}.pedigree-side-panel p{line-height:1.6}.pedigree-side-panel a{overflow-wrap:anywhere}.pedigree-side-panel a:hover{text-underline-offset:.2em;text-decoration:underline}.pedigree-side-panel [id$=-certificates]>div{flex-wrap:wrap;gap:.4rem 1rem}.pedigree-side-panel [id$=-certificates] a{align-items:center;min-height:44px;display:inline-flex}.pedigree-controls button{min-width:44px;min-height:44px;color:var(--theme-text-secondary);place-items:center;display:grid}.pedigree-controls button:not(:disabled):hover{color:var(--theme-readable-accent,var(--theme-gold-warm))}.pedigree-controls button:focus-visible{outline-offset:-3px}.pedigree-controls button:disabled{opacity:.4}.pedigree-hint{color:var(--theme-text-secondary);background:var(--theme-bg-elevated);border:1px solid var(--theme-border-warm);pointer-events:none;border-radius:6px;max-width:calc(100% - 1.5rem);padding:.35rem .65rem;font-size:.8125rem;line-height:1.6}@media (max-width:639px){.family-member-selector{flex:1}.pedigree-controls{flex-flow:wrap;gap:0;max-width:calc(100% - 1.5rem)}.pedigree-controls>div{align-self:center;width:1px;height:24px;margin:0 1px}}.pedigree-person:focus-visible,.pedigree-action:focus-visible .pedigree-action__surface{stroke:var(--theme-gold-warm);stroke-width:3px}.pedigree-person:focus-visible,.pedigree-action:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){.family-workspace *,.family-workspace :before,.family-workspace :after{transition:none!important;animation:none!important}}