/* Classic genealogy-book view. Activated without changing the underlying family focus or data. */ .view-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035)} .view-switch button{height:30px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:#808a98;font:700 10px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.04em;cursor:pointer} .view-switch button:hover{color:#e5e8ed} .view-switch button.active,.view-switch button[aria-pressed="true"]{background:rgba(213,180,110,.15);color:#ead9b5;box-shadow:inset 0 0 0 1px rgba(213,180,110,.22)} body.classic-tree-mode{--classic-paper:#d9c092;--classic-ink:#302519;--classic-faded:#6f583d;--classic-rule:#6e5334;--classic-display-font:"Iowan Old Style","Palatino Linotype","Book Antiqua",Baskerville,Palatino,serif;--classic-text-font:Baskerville,"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,serif;--classic-label-font:Copperplate,"Copperplate Gothic Light","Times New Roman",serif;font-family:var(--classic-text-font);font-variant-numeric:oldstyle-nums} body.classic-tree-mode :is(.detail-panel h2,.detail-stat strong,.detail-section h3,.connection-item b,.life-map-launch__copy strong,.person-explorer h2,.person-explorer h3){font-family:var(--classic-display-font);letter-spacing:-.012em} body.classic-tree-mode :is(.detail-kicker,.detail-section h3,.eyebrow,.kinship-label,.detail-stat span){font-family:var(--classic-label-font);letter-spacing:.13em} body.classic-tree-mode .topbar{border-bottom-color:#392a1c;background:linear-gradient(180deg,#312419,#211810);box-shadow:0 4px 18px rgba(35,24,14,.28)} body.classic-tree-mode .view-switch{border-color:rgba(225,199,150,.22);background:rgba(0,0,0,.14)} body.classic-tree-mode .view-switch button{color:#a99575} body.classic-tree-mode .view-switch button:hover{color:#f2e4c8} body.classic-tree-mode .view-switch button.active{background:#c8a96f;color:#2c2116;box-shadow:inset 0 0 0 1px rgba(255,245,218,.3)} body.classic-tree-mode .viewport{background-color:var(--classic-paper);background-image:radial-gradient(ellipse at 45% 38%,rgba(249,232,194,.54),rgba(126,89,45,.11) 72%),repeating-linear-gradient(7deg,rgba(92,62,28,.025) 0,rgba(92,62,28,.025) 1px,transparent 1px,transparent 5px)} body.classic-tree-mode .viewport:before{content:"";position:absolute;z-index:0;inset:0;background:url("/assets/classic-family-tree-bg.webp") center 43%/cover no-repeat;opacity:.22;filter:sepia(.22) contrast(.9);pointer-events:none} body.classic-tree-mode .world{z-index:1} body.classic-tree-mode .canvas-vignette{z-index:2;background:radial-gradient(ellipse at center,transparent 38%,rgba(83,54,25,.08) 72%,rgba(58,36,17,.27) 100%);box-shadow:inset 0 0 80px rgba(67,40,15,.22)} body.classic-tree-mode .bands{opacity:.74} body.classic-tree-mode .generation-band{height:230px;border-top:1px solid rgba(77,55,31,.18);border-bottom:0;background:linear-gradient(90deg,transparent 3%,rgba(96,66,31,.035) 28%,rgba(96,66,31,.055) 50%,rgba(96,66,31,.035) 72%,transparent 97%)} body.classic-tree-mode .generation-band.reference-band{border-top-color:rgba(69,48,26,.34);background:linear-gradient(90deg,transparent,rgba(85,58,27,.05) 25%,rgba(85,58,27,.09) 50%,rgba(85,58,27,.05) 75%,transparent)} body.classic-tree-mode .generation-band span{color:rgba(62,43,23,.66);font-family:var(--classic-display-font);font-size:12px;font-weight:700;letter-spacing:.14em;text-shadow:0 1px rgba(255,242,210,.42)} body.classic-tree-mode .graph-node{width:192px;min-height:82px;grid-template-columns:52px minmax(0,1fr);grid-template-rows:1fr;align-items:center;justify-items:stretch;gap:11px;padding:10px 12px;border:1px solid rgba(67,47,25,.82);border-radius:2px;background:linear-gradient(145deg,rgba(242,222,180,.96),rgba(213,184,132,.96));color:var(--classic-ink);box-shadow:0 3px 8px rgba(55,34,14,.2),inset 0 0 0 3px rgba(255,244,215,.34),inset 0 0 18px rgba(121,81,37,.08);text-align:left} body.classic-tree-mode .graph-node:before{content:"";position:absolute;inset:4px;border:1px solid rgba(79,55,29,.22);pointer-events:none} body.classic-tree-mode .graph-node:hover{transform:translate(-50%,-50%) scale(1.035);border-color:#3f2d1a;box-shadow:0 7px 18px rgba(55,34,14,.28),inset 0 0 0 3px rgba(255,244,215,.38)} body.classic-tree-mode .graph-node.focused{transform:translate(-50%,-50%) scale(1.045);border:2px solid #5a3e20;background:linear-gradient(145deg,#f1dba9,#d5b379);box-shadow:0 8px 22px rgba(55,34,14,.3),inset 0 0 0 3px rgba(255,246,218,.46)} body.classic-tree-mode .node-orb{width:50px;height:58px;border:1px solid rgba(75,52,28,.48);border-radius:1px;background:rgba(241,221,182,.58);box-shadow:none;overflow:hidden;color:#654721} body.classic-tree-mode .node-orb:after{display:none} body.classic-tree-mode .node-photo{inset:0;width:100%;height:100%;border-radius:0;filter:sepia(.34) saturate(.74) contrast(.92)} body.classic-tree-mode .node-initials{font-size:15px;color:#5d4122} body.classic-tree-mode .node-icon{font-size:18px;color:#5d4122} body.classic-tree-mode .node-copy{max-width:none;text-align:left;text-shadow:none} body.classic-tree-mode .node-copy b{color:#302519;font-family:var(--classic-display-font);font-size:14px;font-weight:700;line-height:1.13} body.classic-tree-mode .node-copy small{margin-top:4px;color:#72593b;font-family:var(--classic-display-font);font-size:10px;letter-spacing:.02em} body.classic-tree-mode .kinship-label{margin-top:5px;color:#765428;font-family:Inter,ui-sans-serif,sans-serif;font-size:8px;letter-spacing:.08em} body.classic-tree-mode .node-meta-dot{right:2px;bottom:2px;border-color:#dcc28f;background:#607348} body.classic-tree-mode .edge{stroke:rgba(61,43,24,.69);stroke-width:1.45;stroke-linecap:square;stroke-linejoin:miter} body.classic-tree-mode .edge.parent,body.classic-tree-mode .edge.child,body.classic-tree-mode .edge.guardian{stroke:rgba(54,38,21,.8);stroke-width:1.5} body.classic-tree-mode .edge.spouse,body.classic-tree-mode .edge.partner{stroke:rgba(104,69,31,.9);stroke-width:2} body.classic-tree-mode .edge.uncertain{stroke-dasharray:4 5} body.classic-tree-mode .edge.social,body.classic-tree-mode .edge.friend,body.classic-tree-mode .edge.mentor,body.classic-tree-mode .edge.business_partner{stroke:rgba(78,61,42,.35)} body.classic-tree-mode .tree-guide{border:1px solid rgba(79,55,29,.45);border-radius:2px;background:rgba(225,201,157,.92);color:#5f492f;box-shadow:0 3px 10px rgba(60,39,17,.16);font-family:var(--classic-display-font)} body.classic-tree-mode .tree-guide i{border-radius:0;background:#513a22} body.classic-tree-mode .tree-guide .partner-key i{background:#8b602d} body.classic-tree-mode .intro-card{border:1px solid rgba(74,50,26,.58);border-radius:2px;background:rgba(225,202,159,.94);box-shadow:0 12px 30px rgba(60,39,17,.25),inset 0 0 0 4px rgba(255,241,205,.26);backdrop-filter:none;color:#312418} body.classic-tree-mode .intro-card .heritage-badge{border-color:rgba(78,54,28,.23);background:rgba(255,243,214,.18)} body.classic-tree-mode .eyebrow{color:#795427} body.classic-tree-mode .intro-card>p:not(.eyebrow){color:#655039} body.classic-tree-mode .primary-btn{border-color:#604321;border-radius:2px;background:#5b4023;color:#f1dfbb} body.classic-tree-mode .primary-btn:hover{background:#443019} body.classic-tree-mode .zoom-controls{border-color:rgba(74,50,26,.56);border-radius:2px;background:rgba(225,202,159,.94);backdrop-filter:none} body.classic-tree-mode .zoom-controls button{border-bottom-color:rgba(74,50,26,.3);color:#4d3823} body.classic-tree-mode .zoom-controls button:hover{background:rgba(83,56,27,.1)} body.classic-tree-mode .dataset-badge{border-color:rgba(74,50,26,.42);border-radius:2px;background:rgba(225,202,159,.9);color:#5a452d;backdrop-filter:none;font-family:var(--classic-display-font)} body.classic-tree-mode .detail-panel{border-color:rgba(70,48,25,.62);border-radius:2px;background:#dbc294;color:#312418;box-shadow:0 16px 42px rgba(49,30,12,.35),inset 0 0 0 5px rgba(255,241,207,.24);backdrop-filter:none} body.classic-tree-mode .close-detail{border-color:rgba(72,49,25,.45);border-radius:2px;background:rgba(255,241,207,.16);color:#60482f} body.classic-tree-mode .detail-kicker,body.classic-tree-mode .detail-years,body.classic-tree-mode .detail-section h3{color:#765428} body.classic-tree-mode .detail-summary{color:#5d4933} body.classic-tree-mode .detail-stat,body.classic-tree-mode .detail-section{border-color:rgba(75,51,27,.25)} body.classic-tree-mode .detail-stat{border-radius:2px;background:rgba(255,241,207,.13)} body.classic-tree-mode .connection-item{border-radius:2px;background:rgba(255,241,207,.14);color:#312418} body.classic-tree-mode .connection-item:hover{background:rgba(255,241,207,.3)} body.classic-tree-mode .connection-item small{color:#745d42} body.classic-tree-mode .focus-family-btn{border-color:#624623;border-radius:2px;background:#5b4023;color:#f2dfba} body.classic-tree-mode .search-results{border-color:#4e3925;background:#2b2016} @media(max-width:900px){.view-switch button{padding:0 8px}} @media(max-width:650px){ .view-switch{position:absolute;left:50%;bottom:-47px;transform:translateX(-50%);z-index:30;background:rgba(13,17,24,.92);box-shadow:0 5px 16px rgba(0,0,0,.25)} body.classic-tree-mode .view-switch{background:#302318} body.classic-tree-mode .tree-guide{top:52px} body.classic-tree-mode .graph-node{width:174px;min-height:76px;grid-template-columns:46px 1fr;padding:8px 10px;gap:9px} body.classic-tree-mode .node-orb{width:44px;height:52px} body.classic-tree-mode .node-copy b{font-size:13px} } @media(prefers-reduced-motion:reduce){.view-switch button{transition:none}} /* The classic choice is a whole-app theme, including current and future person and bow-tie surfaces. */ body.classic-tree-mode .app-shell, body.classic-tree-mode button, body.classic-tree-mode input, body.classic-tree-mode textarea, body.classic-tree-mode select{font-family:var(--classic-display-font)} body.classic-tree-mode img{filter:sepia(.76) saturate(.58) contrast(.94)} body.classic-tree-mode .node-photo{filter:sepia(.76) saturate(.58) contrast(.94)} body.classic-tree-mode :is(.bowtie-page,.bowtie-view,[data-view="bowtie"],.person-profile,.person-summary,.profile-view,[data-view="person"],[role="dialog"]){color:#312418;background-color:#dbc294;background-image:linear-gradient(rgba(255,245,218,.12),rgba(116,77,34,.04)),repeating-linear-gradient(7deg,rgba(92,62,28,.02) 0,rgba(92,62,28,.02) 1px,transparent 1px,transparent 5px);font-family:var(--classic-display-font)} body.classic-tree-mode :is(.bowtie-page,.bowtie-view,[data-view="bowtie"],.person-profile,.person-summary,.profile-view,[data-view="person"],[role="dialog"]) :is(.card,.panel,section,article){border-color:rgba(70,48,25,.48);border-radius:2px;background-color:rgba(231,209,169,.82);box-shadow:inset 0 0 0 3px rgba(255,243,214,.18)} body.classic-tree-mode :is(.bowtie-page,.bowtie-view,[data-view="bowtie"]) :is(path,line,polyline){stroke:#654724} body.classic-tree-mode :is(.bowtie-page,.bowtie-view,[data-view="bowtie"]) text{fill:#3d2c1c;font-family:var(--classic-display-font)} body.classic-tree-mode :is(.bowtie-page,.bowtie-view,[data-view="bowtie"],.person-profile,.person-summary,.profile-view,[data-view="person"]) :is(h1,h2,h3,h4,strong){color:#302217;font-family:var(--classic-display-font)} body.classic-tree-mode :is(.bowtie-page,.bowtie-view,[data-view="bowtie"],.person-profile,.person-summary,.profile-view,[data-view="person"]) :is(p,small,time,.meta,.subtitle){color:#684f34} /* Person explorer, bow-tie, and every perspective inherit the same 1870s map treatment. */ body.classic-tree-mode .person-explorer{color:#302318;background-color:#d6bb88;background-image:linear-gradient(rgba(255,242,207,.15),rgba(91,59,27,.06)),url("/assets/classic-family-tree-bg.webp");background-position:center,center;background-size:auto,cover} body.classic-tree-mode .person-explorer:before{opacity:.22;background-image:repeating-linear-gradient(7deg,rgba(78,51,24,.055) 0,rgba(78,51,24,.055) 1px,transparent 1px,transparent 6px);mask-image:none} body.classic-tree-mode .person-explorer__header{border-bottom:1px solid #563a20;background:rgba(49,35,22,.94);box-shadow:0 5px 16px rgba(54,34,15,.24);backdrop-filter:none} body.classic-tree-mode .person-explorer__identity small{color:#d8b978} body.classic-tree-mode .person-explorer__identity b{color:#f0dfbc} body.classic-tree-mode .person-explorer__identity em{color:#b9a17b} body.classic-tree-mode .person-explorer__tabs{border-color:rgba(225,199,150,.24);border-radius:2px;background:rgba(0,0,0,.14)} body.classic-tree-mode .person-explorer__tabs button{border-radius:1px;color:#b7a17f} body.classic-tree-mode .person-explorer__tabs button:hover{color:#f0dfbc} body.classic-tree-mode .person-explorer__tabs button.is-active{background:#c7a66a;color:#2d2116;box-shadow:inset 0 0 0 1px rgba(255,242,210,.3)} body.classic-tree-mode .person-explorer__close{border-color:rgba(224,198,148,.3);border-radius:2px;background:rgba(0,0,0,.12);color:#d6c09a} body.classic-tree-mode .person-explorer__content{background:rgba(219,194,147,.68)} body.classic-tree-mode .life-map-launch{border-color:#6d4b27;border-radius:2px;background:linear-gradient(120deg,rgba(102,70,34,.17),rgba(255,239,203,.14));color:#3a291a;box-shadow:inset 0 0 0 3px rgba(255,240,207,.16)} body.classic-tree-mode .life-map-launch__copy small{color:#6b5236} body.classic-tree-mode .life-map-launch__arrow{border-color:rgba(93,61,29,.42);border-radius:1px;color:#56391e} body.classic-tree-mode .life-map-launch:hover .life-map-launch__arrow{background:rgba(91,61,29,.09)} body.classic-tree-mode .life-avatar{border-color:#76532e;border-radius:1px;background:#d8bc88;color:#50371e;box-shadow:inset 0 0 0 2px rgba(255,240,207,.25)} body.classic-tree-mode .bowtie-band{fill:rgba(91,62,29,.035);stroke:rgba(75,50,25,.28)} body.classic-tree-mode .bowtie-band.band-1,body.classic-tree-mode .bowtie-band.band-2,body.classic-tree-mode .bowtie-band.band-3{fill:rgba(102,69,31,.045);stroke:rgba(76,51,25,.3)} body.classic-tree-mode .bowtie-links path{stroke:rgba(65,44,23,.64);stroke-width:1.35} body.classic-tree-mode .bowtie-links path.partner-link{stroke:#7a5228} body.classic-tree-mode .bowtie-axis-label{color:#684a28;font-family:var(--classic-display-font)} body.classic-tree-mode .bowtie-person{color:#312318} body.classic-tree-mode .bowtie-person>span:last-child{text-shadow:none} body.classic-tree-mode .bowtie-person>span>small,body.classic-tree-mode .bowtie-more,body.classic-tree-mode .bowtie-empty{color:#6d5438} body.classic-tree-mode .bowtie-person.is-featured>span>small{color:#765127} body.classic-tree-mode .perspective-intro p{color:#795326} body.classic-tree-mode .perspective-intro h2{color:#2f2115} body.classic-tree-mode .perspective-empty{border-color:rgba(73,49,24,.38);border-radius:2px;color:#6b5237;background:rgba(235,214,174,.35)} body.classic-tree-mode .relationship-group>header{border-bottom-color:rgba(69,46,23,.35);color:#654a2e} body.classic-tree-mode .relationship-group>header b{color:#382719} body.classic-tree-mode .relationship-card,body.classic-tree-mode .place-card,body.classic-tree-mode .memory-card{border-color:rgba(70,47,24,.48);border-radius:2px;background:rgba(230,207,165,.84);color:#302217;box-shadow:inset 0 0 0 3px rgba(255,240,207,.17)} body.classic-tree-mode .relationship-card:hover{border-color:#674622;background:rgba(241,220,178,.9)} body.classic-tree-mode .relationship-card>span>small,body.classic-tree-mode .life-timeline p,body.classic-tree-mode .place-card p,body.classic-tree-mode .memory-card p,body.classic-tree-mode .memory-card>small{color:#675038} body.classic-tree-mode .life-timeline:before{background:#684720} body.classic-tree-mode .life-timeline article:before{border-color:#d7bc89;border-radius:0;background:#684720;box-shadow:0 0 0 1px rgba(83,55,26,.45)} body.classic-tree-mode .life-timeline time,body.classic-tree-mode .place-card small,body.classic-tree-mode .memory-card>span{color:#795326} body.classic-tree-mode .place-marker{border-color:#72502d;border-radius:1px;background:rgba(98,67,33,.1);color:#624421} body.classic-tree-mode .generation-band{display:block} body.classic-tree-mode .node-orb::before{display:none} body.classic-tree-mode .world::before{display:none} body.classic-tree-mode .edge{filter:none} body.classic-tree-mode .graph-node.focused{transform:translate(-50%,-50%)} body.classic-tree-mode .graph-node .node-orb{width:50px!important;height:58px!important;border-radius:1px!important} body.classic-tree-mode .graph-node .node-copy b{color:#302519;text-shadow:none;font-family:var(--classic-display-font);font-size:14px} body.classic-tree-mode .graph-node .kinship-label{border:0;background:transparent;color:#765428;padding:0;border-radius:0} @media(max-width:650px){body.classic-tree-mode .graph-node .node-orb{width:44px!important;height:52px!important}} /* Scorched treasure-map edges for Classic person surfaces. Keep the archive center clean and readable. */ body.classic-tree-mode .person-explorer:after{ content:""; position:fixed; inset:0; z-index:40; pointer-events:none; border:1px solid rgba(52,27,10,.88); background: radial-gradient(ellipse 16% 10% at 2% 1%,rgba(43,20,6,.76),rgba(92,46,13,.36) 28%,transparent 70%), radial-gradient(ellipse 13% 18% at 99% 4%,rgba(42,19,6,.72),rgba(105,53,15,.31) 30%,transparent 72%), radial-gradient(ellipse 18% 13% at 4% 99%,rgba(47,22,7,.76),rgba(99,49,13,.33) 29%,transparent 71%), radial-gradient(ellipse 15% 11% at 98% 99%,rgba(39,18,6,.78),rgba(97,47,13,.34) 31%,transparent 73%); box-shadow: inset 0 0 8px rgba(34,15,5,.95), inset 0 0 20px rgba(77,35,9,.72), inset 0 0 46px rgba(104,54,17,.45), inset 0 0 82px rgba(58,29,10,.20); mix-blend-mode:multiply; opacity:.9; } body.classic-tree-mode .person-explorer__content{ position:relative; margin:9px; border:1px solid rgba(81,48,20,.34); box-shadow:inset 0 0 18px rgba(77,37,10,.18); } body.classic-tree-mode .detail-panel{ background-color:#dbc294; background-image: radial-gradient(ellipse 28% 16% at 0 0,rgba(61,29,8,.46),transparent 74%), radial-gradient(ellipse 24% 17% at 100% 0,rgba(77,35,8,.38),transparent 72%), radial-gradient(ellipse 25% 14% at 0 100%,rgba(72,33,9,.42),transparent 73%), radial-gradient(ellipse 30% 18% at 100% 100%,rgba(54,25,7,.45),transparent 72%), repeating-linear-gradient(7deg,rgba(92,62,28,.02) 0,rgba(92,62,28,.02) 1px,transparent 1px,transparent 6px); border:1px solid rgba(54,29,11,.9); box-shadow: 0 16px 42px rgba(49,30,12,.35), inset 0 0 5px rgba(42,18,5,.88), inset 0 0 18px rgba(85,38,8,.5), inset 0 0 36px rgba(107,57,17,.24); } body.classic-tree-mode .detail-panel:after{ content:""; position:absolute; inset:4px; z-index:5; border:1px solid rgba(69,37,13,.34); pointer-events:none; box-shadow:inset 0 0 12px rgba(75,34,8,.24); } body.classic-tree-mode .detail-panel>*{position:relative;z-index:6} body.classic-tree-mode .detail-panel>.close-detail{position:absolute;z-index:7} @media(max-width:650px){ body.classic-tree-mode .person-explorer__content{margin:6px} body.classic-tree-mode .person-explorer:after{box-shadow:inset 0 0 7px rgba(34,15,5,.95),inset 0 0 16px rgba(77,35,9,.68),inset 0 0 30px rgba(104,54,17,.38)} } /* Every Classic record reads as a lifted paper card. */ body.classic-tree-mode :is( .graph-node, .relationship-card, .place-card, .memory-card, .detail-stat, .connection-item, .life-map-launch ){ box-shadow: 0 10px 20px rgba(55,32,12,.30), 0 3px 6px rgba(55,32,12,.24), inset 0 0 0 3px rgba(255,242,211,.20); } body.classic-tree-mode .graph-node.focused{ box-shadow: 0 14px 28px rgba(48,27,10,.38), 0 4px 8px rgba(48,27,10,.28), inset 0 0 0 3px rgba(255,246,218,.38); } /* Relationship color system, rendered as aged genealogy ink in Classic mode. */ body.classic-tree-mode{ --relationship-family:#654923; --relationship-family-fade:rgba(101,73,35,.18); --relationship-marriage:#843e3a; --relationship-marriage-fade:rgba(132,62,58,.18); } body.classic-tree-mode .edge.circuit-glow{ display:block; opacity:.15; stroke-width:5.5; stroke-linecap:butt; filter:none; } body.classic-tree-mode .edge.circuit-pulse{display:none} body.classic-tree-mode .edge.circuit-wire:is(.family-trunk,.family-sibling-bar,.family-child-drop){ stroke:var(--relationship-family); stroke-width:1.75; stroke-dasharray:24 1 7 1; opacity:.9; } body.classic-tree-mode .edge.circuit-glow:is(.family-trunk,.family-sibling-bar,.family-child-drop){ stroke:var(--relationship-family-fade); stroke-dasharray:11 5 3 7; } body.classic-tree-mode .edge.circuit-wire.family-couple{ stroke:var(--relationship-marriage); stroke-width:2.35; stroke-dasharray:13 2 3 2; opacity:.94; } body.classic-tree-mode .edge.circuit-glow.family-couple{ stroke:var(--relationship-marriage-fade); stroke-dasharray:8 4 2 6; } body.classic-tree-mode .family-junction{ fill:#d4b983; stroke:var(--relationship-family); stroke-width:2; filter:none; } body.classic-tree-mode .tree-guide i{ background:var(--relationship-family); box-shadow:none; } body.classic-tree-mode .tree-guide .partner-key i{ background:var(--relationship-marriage); box-shadow:none; } body.classic-tree-mode .bowtie-links path:not(.partner-link){ stroke:var(--relationship-family); stroke-dasharray:24 1 7 1; opacity:.72; filter:none; } body.classic-tree-mode .bowtie-links path.partner-link{ stroke:var(--relationship-marriage); stroke-width:1.8; stroke-dasharray:13 3 3 3; opacity:.86; filter:none; } /* Antique blue and rose pigments preserve the classic paper treatment. */ body.classic-tree-mode .graph-node.person.sex-male{border-color:#609fc4;background:linear-gradient(145deg,rgba(222,239,247,.99),rgba(164,207,229,.98));box-shadow:0 10px 20px rgba(55,32,12,.30),0 3px 6px rgba(55,32,12,.24),inset 5px 0 0 rgba(82,163,207,.95),inset 0 0 0 3px rgba(244,251,255,.38)} body.classic-tree-mode .graph-node.person.sex-female{border-color:#8c5265;background:linear-gradient(145deg,rgba(240,220,190,.98),rgba(211,181,169,.96));box-shadow:0 10px 20px rgba(55,32,12,.30),0 3px 6px rgba(55,32,12,.24),inset 4px 0 0 rgba(139,70,94,.68),inset 0 0 0 3px rgba(255,244,215,.3)} body.classic-tree-mode .graph-node.person.sex-male .node-orb{border-color:#609fc4;color:#285f7f;background:rgba(188,224,241,.88)} body.classic-tree-mode .graph-node.person.sex-female .node-orb{border-color:#8c5265;color:#7b4055;background:rgba(225,198,185,.64)} body.classic-tree-mode .graph-node.person.sex-male .node-initials, body.classic-tree-mode .graph-node.person.sex-male .kinship-label{color:#285f7f} body.classic-tree-mode .graph-node.person.sex-female .node-initials, body.classic-tree-mode .graph-node.person.sex-female .kinship-label{color:#7b4055} body.classic-tree-mode .graph-node.person.sex-male .node-copy b{color:#204f6c} body.classic-tree-mode .graph-node.person.sex-female .node-copy b{color:#71364c} /* Selected person: classic archival treatment. */ body.classic-tree-mode .graph-node.focused{ z-index:20; transform:translate(-50%,-50%); border:2px solid #4b321a; outline:1px solid rgba(78,51,25,.7); outline-offset:4px; background: linear-gradient(90deg,rgba(255,246,218,.2),transparent 18%,transparent 82%,rgba(91,58,25,.08)), linear-gradient(145deg,#f5e3b7,#d7b77e); box-shadow: 0 16px 30px rgba(48,27,10,.4), 0 4px 8px rgba(48,27,10,.28), 0 0 0 7px rgba(238,211,157,.2), inset 0 0 0 3px rgba(255,248,225,.52); } body.classic-tree-mode .graph-node.focused::after{ content:"Selected"; position:absolute; top:-11px; right:9px; z-index:5; padding:4px 8px 3px; border:1px solid #3e2917; border-radius:1px; background:linear-gradient(#654724,#3f2b18); box-shadow:0 2px 5px rgba(48,27,10,.34),inset 0 1px rgba(255,236,190,.22); color:#f7e4b5; font:700 8px/1 var(--classic-body-font); letter-spacing:.16em; text-shadow:0 1px #26170c; text-transform:uppercase; white-space:nowrap; pointer-events:none; } body.classic-tree-mode .graph-node.focused::before{ inset:5px; border:1px double rgba(74,47,23,.46); } body.classic-tree-mode .graph-node.focused .node-orb{ border:2px solid #73502a!important; background:linear-gradient(145deg,rgba(249,232,194,.86),rgba(194,154,96,.5)); box-shadow:0 2px 5px rgba(53,31,13,.22),inset 0 0 0 2px rgba(255,247,220,.38); } body.classic-tree-mode .graph-node.focused .node-orb::before{ display:block; inset:-5px; border:1px solid rgba(82,55,28,.5); border-radius:2px; box-shadow:none; animation:none; } body.classic-tree-mode .graph-node.focused .node-copy b{ color:#20150c; text-shadow:0 1px rgba(255,244,216,.5); } body.classic-tree-mode .graph-node.focused .kinship-label{ color:#4b3018; font-weight:800; } /* Classic person profile contrast: dark ink on parchment. */ body.classic-tree-mode .person-explorer__content, body.classic-tree-mode .perspective-page, body.classic-tree-mode .detail-live-section{ color:#302116; } body.classic-tree-mode .person-explorer__content :is(h1,h2,h3,h4,strong,b), body.classic-tree-mode .perspective-intro h2, body.classic-tree-mode .life-timeline h3, body.classic-tree-mode .detail-live-section>h3{ color:#291a0f; text-shadow:0 1px rgba(255,244,216,.38); } body.classic-tree-mode .person-explorer__content :is(p,small), body.classic-tree-mode .life-timeline p, body.classic-tree-mode .perspective-empty{ color:#60472f; } body.classic-tree-mode .perspective-intro>p, body.classic-tree-mode .life-timeline time, body.classic-tree-mode .detail-live-section>h3, body.classic-tree-mode .photo-gallery-count{ color:#68451f; } body.classic-tree-mode .life-timeline article{ color:#302116; } body.classic-tree-mode .person-explorer__content button{ color:#422b18; } body.classic-tree-mode .photo-gallery-card__meta :is(b,small,i){ text-shadow:0 1px 3px rgba(0,0,0,.75); } body.classic-tree-mode .photo-gallery-card__meta b{color:#fff} body.classic-tree-mode .photo-gallery-card__meta small{color:rgba(255,255,255,.75)} /* Complete Classic treatment for the immersive person profile. */ body.classic-tree-mode .person-explorer{--profile-accent:#8a4b36;--profile-accent-rgb:138,75,54;--classic-profile-paper:#d8c39a;--classic-profile-paper-light:#ead9b5;--classic-profile-ink:#2e2116;--classic-profile-muted:#6f573e;background:#bda477;color:var(--classic-profile-ink)} body.classic-tree-mode .person-explorer__header{background:linear-gradient(180deg,#3b281b,#2a1d14);border-bottom:1px solid #120b07;box-shadow:0 3px 0 #8d6a3d,0 7px 18px rgba(45,25,10,.34)} body.classic-tree-mode .person-explorer__identity small{color:#d5ae69} body.classic-tree-mode .person-explorer__identity b{color:#fff0cc;text-shadow:0 1px #130b07} body.classic-tree-mode .person-explorer__identity em{color:#c7ae84} body.classic-tree-mode .person-explorer__tabs{border-color:#705438;background:rgba(18,10,6,.3);box-shadow:inset 0 0 0 1px rgba(232,204,151,.08)} body.classic-tree-mode .person-explorer__tabs button{color:#c6ad83} body.classic-tree-mode .person-explorer__tabs button:hover{color:#fff0cf;background:rgba(255,240,207,.07)} body.classic-tree-mode .person-explorer__tabs button.is-active{background:linear-gradient(#d5b574,#b88e50);color:#2b1d12;box-shadow:inset 0 0 0 1px rgba(255,244,213,.5),0 2px 5px rgba(16,9,5,.28)} body.classic-tree-mode .person-explorer__close{border-color:#87674a;background:#2b1c13;color:#e1c394;box-shadow:inset 0 0 0 1px rgba(255,231,185,.08)} body.classic-tree-mode .person-explorer__content{background-color:var(--classic-profile-paper);background-image:radial-gradient(ellipse at 50% 0,rgba(255,243,215,.3),transparent 58%),repeating-linear-gradient(7deg,rgba(73,48,23,.025) 0,rgba(73,48,23,.025) 1px,transparent 1px,transparent 6px)} body.classic-tree-mode .life-overview{color:var(--classic-profile-ink);background:transparent} body.classic-tree-mode .life-hero{border:0;border-radius:0;background:#312219;box-shadow:none} body.classic-tree-mode .life-hero.has-image:before{filter:sepia(.42) saturate(.7) contrast(.96) brightness(.78)} body.classic-tree-mode .life-hero.has-image:after{background:linear-gradient(90deg,rgba(31,20,12,.92) 0%,rgba(37,24,14,.67) 42%,rgba(34,21,12,.18) 72%),linear-gradient(0deg,rgba(31,20,12,.84),transparent 48%)} body.classic-tree-mode .life-hero__shade{background:linear-gradient(0deg,rgba(29,18,10,.9),transparent 52%)} body.classic-tree-mode .life-hero__kicker{color:#e0b961;text-shadow:0 1px 3px #160c07} body.classic-tree-mode .life-hero h1{color:#fff0ce;text-shadow:0 2px #25150b,0 8px 28px rgba(20,10,4,.7)} body.classic-tree-mode .life-hero__copy>p{color:#f1dfbd;text-shadow:0 2px 9px #170c06} body.classic-tree-mode .life-primary-action{border:1px solid #f4dfb6;border-radius:2px;background:linear-gradient(#f6e7c7,#d8bd89);color:#342317;box-shadow:0 3px 8px rgba(24,13,6,.36),inset 0 0 0 2px rgba(255,250,232,.45)} body.classic-tree-mode .life-secondary-action{border:1px solid #c29b69;border-radius:2px;background:rgba(48,29,16,.72);color:#f2d8ac;box-shadow:inset 0 0 0 1px rgba(255,231,190,.08)} body.classic-tree-mode .life-hero__facts{border:1px solid #b48f5c;border-radius:2px;background:rgba(39,24,14,.82);box-shadow:0 5px 16px rgba(17,9,4,.4),inset 0 0 0 2px rgba(237,207,153,.08);backdrop-filter:none} body.classic-tree-mode .life-hero__facts span{color:#c6ab82} body.classic-tree-mode .life-hero__facts b{color:#f4d9a8} body.classic-tree-mode .life-overview__body{color:var(--classic-profile-ink);background:transparent} body.classic-tree-mode .life-overview__body section{border:0;background:transparent;box-shadow:none} body.classic-tree-mode .life-section-heading>span{color:#342519} body.classic-tree-mode .life-section-heading button{color:#71402f;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px} body.classic-tree-mode .life-section-heading small{color:var(--classic-profile-muted)} body.classic-tree-mode .life-filmstrip{padding:8px;border:1px solid rgba(77,49,24,.5);background:rgba(235,217,181,.44);box-shadow:inset 0 0 0 3px rgba(255,244,218,.2)} body.classic-tree-mode .life-film-frame{border:4px solid #ead8b2;border-radius:1px;background:#8c7454;box-shadow:0 2px 7px rgba(49,29,12,.27)} body.classic-tree-mode .life-film-frame img{filter:sepia(.58) saturate(.62) contrast(.95)} body.classic-tree-mode .life-family-face{border:1px solid #80613e;border-radius:2px;background:linear-gradient(#ead9b5,#ceb486);color:var(--classic-profile-ink);box-shadow:0 4px 9px rgba(57,35,16,.18),inset 0 0 0 2px rgba(255,246,222,.32)} body.classic-tree-mode .life-family-face:hover{border-color:#593b22;background:#f0dfbd} body.classic-tree-mode .life-family-face b{color:#342519} body.classic-tree-mode .life-family-face small{color:#73593d} body.classic-tree-mode .featured-story{border:1px solid #795536;border-radius:2px;background:linear-gradient(145deg,#e8d5ae,#cbb083);box-shadow:0 5px 12px rgba(53,31,13,.18),inset 0 0 0 3px rgba(255,244,219,.24)} body.classic-tree-mode .featured-story small{color:#814a35} body.classic-tree-mode .featured-story h2{color:#322318} body.classic-tree-mode .featured-story p{color:#604a34} body.classic-tree-mode .life-empty-album{border-color:#795536;border-radius:2px;background:rgba(235,216,178,.52);color:#342519} body.classic-tree-mode .life-empty-album>span{border-color:#795536;border-radius:1px;color:#793f2d} body.classic-tree-mode .life-empty-album small{color:#70573d} body.classic-tree-mode .life-photos-page{background:var(--classic-profile-paper)} body.classic-tree-mode .memory-theater{border:0;border-bottom:5px double #624321;border-radius:0;background:#21150d;box-shadow:none} body.classic-tree-mode .memory-theater>img{filter:sepia(.42) saturate(.7) contrast(.96)} body.classic-tree-mode .memory-theater__veil{background:linear-gradient(0deg,rgba(31,18,9,.88),transparent 42%),linear-gradient(180deg,rgba(31,18,9,.55),transparent 24%)} body.classic-tree-mode .memory-theater__top{color:#ead4aa} body.classic-tree-mode .memory-theater__top button,body.classic-tree-mode .memory-theater__controls button{border-color:#b68e5c;border-radius:2px;background:rgba(40,24,13,.82);color:#f1d8aa;backdrop-filter:none} body.classic-tree-mode .memory-theater__controls .memory-play{background:#e5cca0;color:#2e1f14} body.classic-tree-mode .memory-theater__caption small{color:#e0b961} body.classic-tree-mode .memory-theater__caption h2{color:#fff0ce;text-shadow:0 2px 8px #160b05} body.classic-tree-mode .memory-theater__caption p{color:#ead9b9} body.classic-tree-mode .life-photo-library{color:var(--classic-profile-ink)} body.classic-tree-mode .life-photo-tile{border:5px solid #ead8b2;border-radius:1px;background:#866f51;box-shadow:0 3px 8px rgba(47,28,12,.25)} body.classic-tree-mode .life-photo-tile.is-active{outline:2px solid #7f4431;outline-offset:2px} body.classic-tree-mode .life-photo-tile img{filter:sepia(.54) saturate(.64) contrast(.96)} body.classic-tree-mode .life-photo-tile span{color:#f5e5c4;background:linear-gradient(transparent,rgba(36,21,11,.86))} body.classic-tree-mode .customize-profile{color:var(--classic-profile-ink)} body.classic-tree-mode .customize-profile form{padding:24px;border:1px solid #765331;background:rgba(233,214,176,.62);box-shadow:inset 0 0 0 3px rgba(255,243,216,.25)} body.classic-tree-mode .customize-profile label>span,body.classic-tree-mode .customize-profile legend{color:#3a291b} body.classic-tree-mode .customize-profile textarea,body.classic-tree-mode .customize-profile input[type="url"]{border-color:#86633f;border-radius:2px;background:#ead9b7;color:#302116} body.classic-tree-mode .profile-choice-row label>span{border-color:#8b6945;border-radius:2px;background:#d8bf91;color:#4a3624} body.classic-tree-mode .profile-choice-row input:checked+span{border-color:#773f2e;background:#ead4ab;color:#2f2116} body.classic-tree-mode .customize-actions button{border-color:#795536;border-radius:2px;background:#d9c091;color:#342519} body.classic-tree-mode .customize-actions button[type="submit"]{background:#784230;color:#f6e4c0} body.classic-tree-mode .customize-note{color:#70563b} @media(max-width:900px){body.classic-tree-mode .life-hero.has-image:after{background:linear-gradient(0deg,rgba(31,20,12,.93) 0%,rgba(37,24,14,.7) 58%,rgba(34,21,12,.14))}} body.classic-tree-mode .detail-edit-person{border-color:rgba(118,84,40,.42);background:rgba(118,84,40,.08);color:#765428} body.classic-tree-mode .detail-edit-person:hover{border-color:#765428;background:rgba(118,84,40,.16)}