/* Shared readability and destination guidance, 2026-10-19. */
html body #fa-reader .fa-story-chapters{position:sticky;top:0;z-index:2;background:#F7F2E8;border-block:1px solid #35452B40;margin:0 0 24px;padding:4px 0}
html body #fa-reader .fa-story-chapters summary{min-height:44px;display:list-item;padding:10px 8px;cursor:pointer;color:#35452B;font:600 16px/1.5 "Source Sans 3",Arial,sans-serif}
html body #fa-reader .fa-story-chapters nav{max-height:35dvh;overflow:auto;overscroll-behavior:contain;padding:4px 8px 12px}
html body #fa-reader .fa-story-chapters button{display:block;width:100%;min-height:44px;text-align:left;border:0;border-radius:0;background:transparent;color:#35452B;padding:10px 4px;font:16px/1.4 "Source Sans 3",Arial,sans-serif;text-decoration:underline;text-underline-offset:.2em}
html body #fa-reader .fa-story-chapters button:hover{background:#E5A4B426}
html body #fa-reader .fa-story-chapters :focus-visible{outline:3px solid #35452B;outline-offset:-3px}

html body #fa-reader .fa-reader-prose h3{font-size:24px;line-height:1.3;color:#35452B;margin:32px 0 16px;padding-top:20px;border-top:1px solid #35452B26}
html body #family-atlas .fa-leaf-marker>span{display:flex;align-items:center;justify-content:center;box-sizing:border-box}
@media(max-width:560px){
 html body.dd-wheel #ux-explorer-return{order:10;grid-column:1/-1;border-left:0;border-top:1px solid #35452B40;white-space:normal}
 html body.dd-wheel #focus-view-bar button{min-width:0;white-space:normal;overflow-wrap:anywhere}
 html body #fa-reader .fa-reader-top{flex-wrap:wrap;gap:8px}
 html body #fa-reader .fa-reader-top>div{display:flex;flex-wrap:wrap;gap:8px}
 html body #fa-reader #fa-reader-name{overflow-wrap:anywhere}
}
/* Search and image controls share the approved navigation palette. */
html body .dd-search-modes a[aria-current="page"]{background:#35452B;color:#F7F2E8}
html body .dd-people :is(button,.dd-people-action){border-color:#35452B;background:#35452B;color:#F7F2E8}
html body .dd-active-filters a{background:#E5A4B426;color:#35452B;border-color:#35452B66}
html body .dd-active-filters a:hover{background:#E5A4B4}
html body .dd-record-match a{display:inline-flex;align-items:center;min-height:44px;color:#35452B;text-decoration:underline;text-underline-offset:.2em}
html body #dd-photo-viewer :focus-visible{outline-color:#35452B}
html body #dd-photo-viewer .dd-photo-thumbnails button[aria-current="true"]{border-color:#35452B}
html body .dd-people :is(a,button,input,summary):focus-visible{outline-color:#35452B!important}
/* Secondary profile reading should remain as legible as primary content. */
html body.dd-wheel aside #person-record-secondary{font-size:16px;line-height:1.65}
html body.dd-wheel aside #person-record-secondary summary{font-size:17px!important;font-weight:600;line-height:1.4;min-height:44px;padding:12px 0;cursor:pointer;color:#35452B}
html body.dd-wheel aside #person-record-secondary p{font-size:16px!important;line-height:1.65!important;overflow-wrap:anywhere;max-width:65ch}
html body.dd-wheel aside #ux-profile-timeline>p{margin:0;padding:16px 0 16px 16px;border-left:2px solid #E5A4B4;border-bottom:1px solid #35452B20}
html body.dd-wheel aside #ux-profile-timeline>summary{margin-bottom:8px}
html body.dd-wheel aside #ux-profile-records>p:not(.source-relationship){margin:18px 0 6px;font-weight:600}
html body.dd-wheel aside #person-record-secondary .source-relationship{font-size:15px!important;line-height:1.6!important;color:#35452B;border-left:2px solid #E5A4B4;padding-left:12px;margin:8px 0 16px!important}
html body.dd-wheel aside #person-record-secondary a{color:#35452B;text-decoration:underline;text-underline-offset:.2em}

html body.dd-wheel aside #ux-profile-sections{display:flex;flex-wrap:wrap;gap:4px 16px;flex-basis:100%;grid-column:1/-1;order:10;margin-top:8px;border-top:1px solid #35452B26;padding-top:4px}
html body.dd-wheel aside #ux-profile-sections button{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#35452B!important;padding:8px 0!important;min-height:44px!important;text-decoration:underline!important;text-underline-offset:.2em;font-size:14px!important}
html body.dd-wheel aside #ux-profile-sections button:hover{color:#3B2D2D!important;text-decoration-thickness:2px!important}
html body.dd-wheel aside #ux-profile-sections:empty{display:none}
html body.dd-wheel aside #ux-profile-sections button:focus-visible{outline:3px solid #35452B!important;outline-offset:2px!important}
@media(max-width:560px){html body.dd-wheel aside:not(.expanded) #ux-profile-sections{display:none}html body.dd-wheel.wheel-focus-view.focus-profile-open aside #ux-profile-sections{display:flex}}

html body.dd-wheel #ux-explorer-return{display:inline-flex;align-items:center;min-height:44px;padding:8px 10px;border-left:1px solid #35452B40;color:#35452B;text-decoration:underline;text-underline-offset:.2em;font-size:14px;line-height:1.3}
html body.dd-wheel #ux-explorer-return[hidden]{display:none!important}
html body.dd-wheel #ux-explorer-return:hover{background:#E5A4B426}
html body.dd-wheel #ux-explorer-return:focus-visible{outline:3px solid #35452B;outline-offset:-3px}

/* Journey reading and navigation refinement. */
body.dd-wheel aside .ux-profile-story h3{font-size:23px!important;line-height:1.3;letter-spacing:0;text-transform:none;color:#35452B;margin:1.4em 0 .7em}
body.dd-wheel aside .ux-profile-story p{margin:0 0 1em}
body.dd-wheel #journey-panel .journey-trail:has(>button:only-child){display:none}
@media(min-width:1000px){body.dd-wheel #journey-panel .journey-bottom{grid-template-columns:repeat(4,minmax(0,1fr))}}

body.dd-wheel .journey-panel .journey-trail{display:flex;flex:none;gap:6px;overflow:auto;padding:3px 0 6px;scrollbar-width:thin}
body.dd-wheel .journey-panel.journey-choosing .journey-trail{display:none}
body.dd-wheel .journey-panel .journey-trail button{white-space:nowrap;min-height:36px!important;font-size:13px!important}
body.dd-wheel .journey-panel .journey-trail [aria-current="step"]{background:#35452B;color:#F7F2E8}
body.dd-wheel .journey-panel .journey-excerpt{white-space:normal}
body.dd-wheel .journey-panel .journey-excerpt p{white-space:pre-line;margin:0 0 1em;line-height:1.65}
body.dd-wheel .journey-panel .journey-excerpt h3{font-size:22px;line-height:1.3;letter-spacing:0;text-transform:none;margin:1.2em 0 .6em;color:#35452B}
body.dd-wheel .journey-panel .journey-choices{grid-template-columns:1fr;max-height:160px}
body.dd-wheel .journey-panel .journey-choice{font-size:16px!important;min-height:58px!important;padding:10px 12px!important}
body.dd-wheel .journey-panel .journey-choice small{font-size:13px;line-height:1.4}
body.dd-wheel .journey-panel .journey-next-label{font-size:15px}
body.dd-wheel .journey-panel .journey-gallery figcaption{font-size:14px;line-height:1.5}
body.dd-wheel .journey-panel .journey-end-note{font-size:15px;line-height:1.5}
body.dd-wheel .journey-panel #journey-read{font-size:15px!important;min-height:44px!important;margin:0 0 14px}
body.dd-wheel .journey-panel .journey-directions button{font-size:16px!important;min-height:50px!important}
@media(min-width:1000px){body.dd-wheel .journey-panel .journey-bottom{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){body.dd-wheel .journey-panel .journey-trail{max-height:44px}body.dd-wheel .journey-panel .journey-choices{max-height:110px}body.dd-wheel .journey-panel .journey-choice{font-size:14px!important}body.dd-wheel .journey-panel.reader-expanded{height:calc(100dvh - var(--explorer-panel-top,100px) - 12px)}}

/* Compact standard wheel: keep the canvas central and secondary tools optional. */
body.dd-wheel aside #ux-full-profile{order:1;display:inline-flex;align-items:center;min-height:44px;padding:9px 12px;border:1px solid #35452B;border-radius:9px;background:#35452B!important;color:#F7F2E8!important;text-decoration:none;font-size:14px}
body.dd-wheel aside #ux-full-profile[hidden]{display:none}
body.dd-wheel:not(.wheel-focus-view) .lock{display:none}
body.dd-wheel:not(.wheel-focus-view) #visible-generations{top:12px}
body.dd-wheel>footer:not(:has(#spin-mode[aria-pressed="true"])) :is(#left,#right,label[for="rotation"]){display:none}
@media(max-width:560px){body.dd-wheel aside:not(.expanded) #ux-full-profile{display:none}body.dd-wheel.wheel-focus-view.focus-profile-open aside #ux-full-profile{display:inline-flex}}

body.dd-wheel>header #branches{display:none!important}
body.dd-wheel:not(.wheel-focus-view)>header{padding:10px 16px}
body.dd-wheel>header .top h1{font-size:21px;margin-right:12px;white-space:nowrap}
body.dd-wheel>header .top h1 small{font-size:10px;margin-top:2px}
body.dd-wheel .wheel-options{position:relative}
body.dd-wheel .wheel-options>summary{background:#F7F2E8;color:#35452B;cursor:pointer;min-height:44px;padding:12px 16px;border:1px solid var(--line);border-radius:9px;list-style:revert}
body.dd-wheel .wheel-options[open]>summary{background:#35452B;color:#F7F2E8}
body.dd-wheel .wheel-options>.dna-controls{position:absolute;right:0;top:100%;z-index:40;width:min(380px,calc(100vw - 32px));margin:8px 0 0;padding:14px;background:#F7F2E8;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #302d3226;gap:8px}
body.dd-wheel .wheel-options #dna-legend{flex-basis:100%}
@media(max-width:560px){body.dd-wheel>header .top h1{font-size:19px}body.dd-wheel .wheel-options{order:0;margin-left:auto}body.dd-wheel>header .top .search{order:1;flex-basis:100%}}

.dd-ux-tip{position:fixed;z-index:10000;max-width:min(300px,calc(100vw - 24px));padding:9px 12px;border:1px solid #E5A4B4;border-radius:8px;background:#35452B;color:#F7F2E8;font:15px/1.4 'Source Sans 3',Arial,sans-serif;box-shadow:0 4px 18px #0002;pointer-events:auto}
.dd-ux-tip[hidden]{display:none!important}
body:not(.dd-wheel) :is(button,input,select,textarea){max-width:100%}
.dd-profile-r73 .dd-bio-actions,.dd-profile-r73 .dd-profile-sections{gap:10px 16px}
.dd-profile-r73 .dd-bio-actions a{white-space:normal;text-align:center}
.dd-header{z-index:100}
body.dd-wheel{--ux-reader-width:440px;--ux-footer-height:64px}
@media(min-width:1000px){body.dd-wheel:not(.wheel-focus-view):not(.profile-dismissed)>main{grid-template-columns:minmax(0,1fr) var(--ux-reader-width)}
body.dd-wheel.ux-reader-wide{--ux-reader-width:min(56vw,740px)}
}
@media(min-width:561px) and (max-width:999px){body.dd-wheel:not(.wheel-focus-view):not(.profile-dismissed)>main{grid-template-columns:minmax(0,1fr) min(44vw,400px)}body.dd-wheel.ux-reader-wide:not(.wheel-focus-view):not(.profile-dismissed)>main{grid-template-columns:minmax(0,1fr) min(65vw,620px)}}
body.dd-wheel aside{padding:0 24px 24px}
body.dd-wheel aside .profile-sidebar-heading{margin:0 -24px;padding:18px 24px 14px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
body.dd-wheel aside .profile-sidebar-heading .eyebrow{flex:1 1 100%;font-size:12px}
body.dd-wheel aside .profile-sidebar-heading h2{font-size:28px!important;line-height:1.2!important;margin:0!important;flex:1 1 100%;order:0}
body.dd-wheel aside .profile-sidebar-heading :is(#profile-done,#details-toggle,#ux-reader-toggle){float:none;position:static;margin:0;order:1;min-height:44px}
body.dd-wheel aside #person-record p,body.dd-wheel aside>p,body.dd-wheel aside #details-content>p{font-size:18px!important;line-height:1.7!important}
body.dd-wheel aside #sidebar-facts dl{font-size:16px;line-height:1.6;grid-template-columns:86px minmax(0,1fr);gap:12px}
body.dd-wheel aside :is(.life,.relative-role,#person-record dl){font-size:16px!important;line-height:1.55}
body.dd-wheel aside #relatives h3{font-size:18px;margin-top:26px}
body.dd-wheel aside .relative{font-size:17px!important;line-height:1.45;padding:12px}
body.dd-wheel aside #person-record summary{font-size:18px}
body.dd-wheel aside .wheel-photo-gallery figure:first-child img{height:250px}
body.dd-wheel aside .wheel-photo-gallery figcaption{font-size:15px;line-height:1.5}
body.dd-wheel aside #sidebar-profile-actions .profile-link{font-size:16px!important}
body.dd-wheel.wheel-focus-view.focus-profile-open aside{width:var(--ux-reader-width)!important;padding:0 24px 24px!important}
body.dd-wheel.wheel-focus-view.focus-profile-open #focus-view-state{display:none}
body.dd-wheel:not(.wheel-focus-view):not(.journey-active) .journey-launch{bottom:calc(var(--ux-footer-height) + 12px)!important}
body.dd-wheel:not(.wheel-focus-view) .hint{bottom:72px;max-width:calc(100% - 32px);font-size:13px;background:#F7F2E8e8;padding:5px 8px;border-radius:6px}
body.dd-wheel>footer{gap:8px}
body.dd-wheel>footer :is(button,a){min-height:44px}
body.dd-wheel .top,.dna-controls,.wheel-entry-links{row-gap:10px}
body.dd-wheel #focus-view-bar{gap:8px}
body.dd-wheel .journey-panel .journey-excerpt{font-size:18px;line-height:1.65}
body.dd-wheel .journey-panel .journey-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}
body.dd-wheel .journey-panel .journey-bottom button{font-size:14px!important;min-height:44px!important}
body.dd-wheel .journey-panel .journey-life{font-size:16px}
@media(max-width:560px){
 body.dd-wheel aside{padding:0 16px 16px}
 body.dd-wheel aside .profile-sidebar-heading,body.dd-wheel.wheel-focus-view aside .profile-sidebar-heading{margin:0 -16px!important;padding:12px 16px!important}
 body.dd-wheel aside .profile-sidebar-heading h2{font-size:24px!important;flex:1 1 180px}
 body.dd-wheel aside:not(.expanded) #ux-reader-toggle{display:none}
 body.dd-wheel aside.expanded #ux-reader-toggle{display:none}
 body.dd-wheel.wheel-focus-view.focus-profile-open aside{top:var(--explorer-panel-top,160px)!important;bottom:0!important;height:auto!important;max-height:none!important;width:100%!important;padding:0 16px 16px!important;border-radius:12px 12px 0 0!important}
 body.dd-wheel .journey-panel .journey-bottom{gap:6px}
 .dd-profile-r73 .dd-bio-actions a{flex:1 1 140px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}


/* Family navigation: open link rows, distinct from editable form fields. */
html body.dd-wheel #relatives :is(.relative,.relative-locate),
html body.dd-wheel #journey-panel :is(.journey-choice,.journey-trail button,.journey-directions button){border-radius:0!important;box-shadow:none!important}

html body .dd-rel-grid a,
html body.dd-wheel aside :is(.relative,.relative-locate),
html body.dd-wheel .journey-panel :is(.journey-choice,.journey-trail button){
 border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;color:#35452B!important;cursor:pointer;
}
html body .dd-rel-grid a{position:relative;display:block;padding:14px 30px 14px 0!important;margin:0!important;border-bottom:1px solid #35452B26!important;min-height:44px;text-decoration:none!important}
html body .dd-rel-grid a::after{content:"→";position:absolute;right:3px;top:14px;font-size:20px;color:#35452B}
html body .dd-rel-grid a strong{display:block;text-decoration:underline!important;text-underline-offset:.2em;text-decoration-thickness:1px}
html body .dd-rel-grid a :is(span,em){text-decoration:none!important}
html body.dd-wheel aside .relative-row{border-bottom:1px solid #35452B26;column-gap:12px}
html body.dd-wheel aside .relative{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:12px 2px!important;text-decoration:underline!important;text-underline-offset:.2em;min-height:48px!important}
html body.dd-wheel aside .relative::after{content:"→";flex:none;text-decoration:none;font-size:19px}
html body.dd-wheel aside .relative-locate{margin:0!important;padding:10px 4px!important;text-decoration:underline!important;text-underline-offset:.2em;font-weight:400!important;min-height:48px!important}
html body.dd-wheel .journey-panel .journey-choice{border-bottom:1px solid #35452B26!important;padding:12px 4px!important}
html body.dd-wheel .journey-panel .journey-choice>span:first-child{ text-decoration:underline;text-underline-offset:.2em }
html body.dd-wheel .journey-panel .journey-trail button{text-decoration:underline!important;text-underline-offset:.2em;padding-inline:4px!important}
html body.dd-wheel .journey-panel .journey-directions button{border:0!important;border-radius:0!important;border-bottom:1px solid #35452B40!important;background:transparent!important;color:#35452B!important;text-align:left;text-decoration:underline!important;text-underline-offset:.2em;padding:14px 4px!important;box-shadow:none!important}
html body.dd-wheel .journey-panel .journey-directions button::after{content:" →";text-decoration:none}
html body :is(.dd-rel-grid a):focus-visible,
html body.dd-wheel :is(aside .relative,aside .relative-locate,.journey-panel .journey-choice,.journey-panel .journey-trail button,.journey-panel .journey-directions button):focus-visible{outline:3px solid #35452B!important;outline-offset:-3px!important;background:#E5A4B426!important}
@media(hover:hover){
 html body .dd-rel-grid a:hover,
 html body.dd-wheel aside :is(.relative,.relative-locate):hover,
 html body.dd-wheel .journey-panel :is(.journey-choice,.journey-trail button,.journey-directions button):hover{background:#E5A4B426!important;box-shadow:none!important}
 html body .dd-rel-grid a:hover strong,html body.dd-wheel aside .relative:hover{text-decoration-thickness:2px!important}
}

/* Palette and affordance audit, 2026-10-19. Data/lineage colors remain semantic. */
html body .dd-header .dd-explore-menu nav{background:#F7F2E8!important;border-color:#35452B!important}
html body .dd-header .dd-explore-menu nav .dd-explore-search{background:#35452B!important;color:#F7F2E8!important}
html body .dd-header .dd-explore-menu nav a:hover,html body .dd-header .dd-explore-menu nav a:focus-visible{background:#E5A4B4!important;color:#35452B!important}
html body .dd-header .dd-explore-menu :is(a,button,summary):focus-visible{outline:3px solid #35452B!important;outline-offset:3px}
html body .dd-header .dd-explore-heading button{border-color:#35452B!important;color:#35452B!important;background:#F7F2E8!important}

html body{--ux-chive:#35452B;--ux-pink:#E5A4B4;--ux-paper:#F7F2E8}
html body .dd-family-tabs a,html body :is(.dd-family-filter a,.dd-family-end a,.dd-family-empty>a){border-color:var(--ux-chive);border-radius:8px;background:var(--ux-paper);color:var(--ux-chive)}
html body .dd-family-filter button{background:var(--ux-chive);border-color:var(--ux-chive);color:var(--ux-paper)}
html body .dd-family-tabs a[aria-current]{background:var(--ux-pink);box-shadow:inset 0 -3px var(--ux-chive)}
html body .dd-family-list li:target{background:#E5A4B426;box-shadow:inset 3px 0 var(--ux-chive)}
html body .dd-family-archive :is(a,button,input,summary,[tabindex]):focus-visible{outline:3px solid var(--ux-chive);outline-offset:4px}
html body :is(.dd-family-person,.dd-family-wheel,.dd-person-result h2 a,.dd-rel-grid a strong){color:var(--ux-chive)!important;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
html body :is(.dd-family-person,.dd-family-wheel,.dd-person-result h2 a):hover,html body .dd-rel-grid a:hover strong{text-decoration-thickness:2px}
html body .dd-rel-grid a:hover,html body .dd-rel-grid a:focus-visible{background:#E5A4B426!important;border-color:var(--ux-chive)}
html body.dd-wheel :is(#focus-view-state,#visible-generations){border:0!important;border-radius:0!important;box-shadow:none!important;background:#F7F2E8ed!important;color:var(--ux-chive)!important;cursor:default}
html body.dd-wheel .selected-marker,html body.dd-wheel .selected-marker:hover{background:var(--ux-chive)!important;border-color:var(--ux-chive)!important;color:var(--ux-paper)!important}
html body.dd-wheel .journey-trail span[aria-current="step"]{display:inline-flex;align-items:center;padding:6px 4px;background:transparent!important;color:var(--ux-chive)!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-weight:700;cursor:default}
html body.dd-wheel .journey-trail:has(>span:only-child){display:none!important}
html body.dd-wheel .journey-trail span[aria-current="step"]::before{content:"Now: ";white-space:pre;font-weight:400}
html body.dd-wheel :is(#rotation,input[type="checkbox"],input[type="radio"]){accent-color:var(--ux-chive)}
html body #family-atlas .fa-navigation :is(#ah-launch,#an-launch,#ae-launch,.fa-map-tools button){border-color:var(--ux-chive)!important;background:var(--ux-paper)!important;color:var(--ux-chive)!important}
html body #family-atlas .fa-navigation :is(button[aria-expanded="true"],button[aria-pressed="true"]){background:var(--ux-pink)!important;box-shadow:inset 0 -3px var(--ux-chive)}
html body #family-atlas :is(button,a,summary,input,select):focus-visible{outline:3px solid var(--ux-chive)!important;outline-offset:3px}
@media(hover:hover){html body :is(.dd-family-tabs a,.dd-family-filter a,.dd-family-end a,.dd-family-empty>a):hover{background:var(--ux-pink)}}