:root{--reading-size:14px;--reading-ink:#273c33;--reading-muted:#69776f;--reading-line:#dfe5dc;--reading-surface:#fff;font-size:var(--reading-size)}
:root[data-text-size="large"]{--reading-size:18px;--sidebar-width:260px}
.personal-settings{margin-bottom:24px}.personal-settings h3{margin-top:28px}.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.preference-grid label{display:grid;gap:8px;min-width:0;font-size:1rem}.preference-grid select{width:100%;max-width:100%;min-width:0;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--reading-surface);color:var(--ink)}
.preference-grid .preference-check{display:flex;align-items:center;min-height:48px}.preference-check input{width:24px;height:24px;flex-shrink:0}.preference-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.tree-dates{display:block;white-space:normal;overflow-wrap:anywhere}
:root[data-text-size="large"] .tree-canvas .generation{flex-basis:200px;min-width:200px;width:200px}
:root[data-text-size="large"] .tree-card{height:auto;overflow:visible}
:root[data-text-size="large"] .tree-card strong,:root[data-text-size="large"] .tree-card small{white-space:normal;overflow:visible;text-overflow:clip}
:root[data-text-size="large"] .nav-item{height:auto;min-height:52px;padding-block:10px}
:root[data-text-size="large"] .crumb span{max-width:none;overflow:visible;white-space:normal}
:root[data-text-size="large"] .sidebar{overflow-y:auto}
:root[data-text-size="large"] .button{white-space:normal;height:auto}
:root[data-text-size="large"] .topbar{flex-wrap:wrap}
:root[data-text-size="large"] .account-tools{flex-wrap:wrap}
:root[data-text-size="large"] .member-row{height:auto}
:root[data-text-size="large"] .member-main{min-width:0}
:root[data-text-size="large"] .member-main strong,:root[data-text-size="large"] .member-main small{white-space:normal;overflow:visible;overflow-wrap:anywhere}
:root[data-contrast="high"]{--ink:#102219;--muted:#24392b;--line:#536553;--green:#214b30;--green-dark:#123820;--reading-ink:#102219;--reading-muted:#24392b;--reading-line:#536553}
:root[data-contrast="high"] body{background:#fff}
:root[data-contrast="high"] :where(p,span,small,strong,em,label,dt,dd,h1,h2,h3,output,select,input,textarea,button,a,summary){color:var(--reading-ink)!important}
:root[data-contrast="high"] :where(.panel,.tree-card,.modal,.modal-head,.modal-actions,.kinship-panel,.access-panel,.topbar,input,select,textarea){background:#fff!important;border-color:var(--reading-line)!important}
:root[data-contrast="high"] :where(.button-primary,.button-primary span,.brand-mark,.skip-link){background:var(--green-dark)!important;color:#fff!important}
:root[data-contrast="high"] .tree-links .parent-link{stroke:#1d4c2e;stroke-width:2}:root[data-contrast="high"] .tree-links .spouse-link{stroke:#6b390e;stroke-width:2}
:root[data-contrast="high"] .tree-card.current{outline:2px solid #123820;outline-offset:1px}
@media(max-width:767px){.preference-grid{grid-template-columns:minmax(0,1fr)}:root[data-text-size="large"] .top-actions{max-width:100%}:root[data-text-size="large"] .toolbar-actions{flex-wrap:wrap}:root[data-text-size="large"] .directory-sort select{max-width:100%}}