/* Atlas interface: one scroll area, readable choices, consistent touch targets. */
#family-atlas .fa-people-count{font:14px/1.5 Arial,sans-serif;color:#35452b;margin:12px 0 8px}
#family-atlas #fa-more-people{width:100%;min-height:44px;padding:10px 12px;background:#35452b;color:#fffdf7;border:0;border-radius:6px;font:600 16px/1.4 Arial,sans-serif;white-space:normal;margin:8px 0 14px}
#family-atlas #fa-more-people:focus-visible{outline:3px solid #e5a4b4;outline-offset:2px}
#family-atlas .fa-navigation{justify-content:flex-start;align-items:flex-start}
#family-atlas .fa-primary-actions{display:flex;flex-wrap:wrap;gap:8px;margin-right:auto}
#family-atlas .fa-primary-actions button{min-height:46px;padding:11px 18px;border:1px solid #35452b;border-radius:6px;background:#faf7ef;color:#35452b;font:600 16px/1.4 Arial,sans-serif!important}
#family-atlas #fa-find-person{background:#35452b;color:#fffdf7}
#family-atlas .fa-nav-disclosure{border:1px solid #b6bdad;border-radius:6px;background:#faf7ef;max-width:100%;box-sizing:border-box}
#family-atlas .fa-nav-disclosure>summary{padding:12px 15px;min-height:46px;box-sizing:border-box;font:15px/1.4 Arial,sans-serif;cursor:pointer;color:#35452b}
#family-atlas .fa-nav-disclosure[open]{flex-basis:100%}
#family-atlas .fa-nav-disclosure :is(.fa-navigation-group,.fa-map-tools){display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px 12px;border:0}
#family-atlas .fa-nav-disclosure button{white-space:normal;min-height:44px}
#family-atlas .fa-primary-actions button:focus-visible,#family-atlas .fa-nav-disclosure>summary:focus-visible{outline:3px solid #35452b;outline-offset:3px}
@media(max-width:760px){
 #family-atlas .fa-primary-actions{width:100%;margin:0}
 #family-atlas .fa-primary-actions button{flex:1 1 140px}
 #family-atlas .fa-nav-disclosure{flex:1 1 140px}
 #family-atlas .fa-nav-disclosure[open]{flex-basis:100%}
 #family-atlas .fa-nav-disclosure .fa-map-tools{width:auto;max-width:100%}
}
#family-atlas :is(#ah-panel,#an-panel,#ae-panel)>.fa-history-return{position:sticky!important;top:0!important;right:auto!important;display:block!important;width:100%!important;height:auto!important;min-height:44px;margin:0 0 16px;padding:10px 12px!important;background:#35452b!important;color:#fffdf7!important;border:0;border-radius:6px;font:600 16px/1.4 sans-serif!important;text-align:left;z-index:10}
#family-atlas .fa-event-details{grid-column:1/-1;width:100%;margin:8px 0}
#family-atlas .fa-event-details summary{min-height:44px;padding:10px 0;cursor:pointer;font-size:16px}
#family-atlas .fa-event-details p{font-size:14px;line-height:1.5}
#family-atlas .fa-history-return:focus-visible{outline:3px solid #e5a4b4;outline-offset:2px}
#family-atlas #fa-controls #fa-person-focus{position:sticky;top:0;z-index:5;background:#faf7ef;padding:12px 0;border-bottom:2px solid #e5a4b4}
#family-atlas #fa-person-name{font-size:20px;line-height:1.3}
#family-atlas #fa-person-focus .fa-focus-actions button{font-size:15px!important}
#family-atlas #fa-exit-person{flex-basis:100%;font-weight:600}
#family-atlas #fa-focus-profile{background:#35452b;color:#fffdf7;border-radius:6px;text-decoration:none;padding:8px!important}
#family-atlas.fa-focused #fa-voyages-toggle{background:#faf7ef;color:#35452b;border:1px solid #8b9583}
#family-atlas.fa-focused #fa-voyages-toggle[aria-pressed=true]{background:#e9eddf;border-color:#35452b}
#family-atlas .fa-start-help{font-size:15px;line-height:1.55;margin:0 0 12px;color:#35452b}
#family-atlas.fa-focused .fa-start-help{display:none}
#family-atlas #fa-reader .fa-reader-top button,#family-atlas #fa-reader-tabs button{font-size:16px!important}
#family-atlas #fa-controls #fa-reset{font-size:15px}
#family-atlas .fa-focus-actions button:focus-visible{outline:3px solid #35452b;outline-offset:2px}

#family-atlas .fa-panel{padding-bottom:28px;width:350px;box-sizing:border-box;max-height:calc(100% - 65px);height:calc(100% - 65px);background:#faf7ef}
#family-atlas #fa-controls{display:block;overflow:auto;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:8px}
#family-atlas #fa-controls>*{max-width:100%;box-sizing:border-box}
#family-atlas #fa-controls :is(.fa-filter-details,#fa-branch-legend){max-height:none;overflow:visible;flex:none}
#family-atlas #fa-controls :is(#fa-results,#fa-people){max-height:none;min-height:0;overflow:visible;flex:none}
#family-atlas #fa-controls :is(#fa-person-focus,label,#fa-search){position:static}
#family-atlas #fa-branch-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#family-atlas #fa-branch-buttons button{min-width:0;min-height:46px;padding:9px 8px;white-space:normal;overflow-wrap:anywhere;text-align:left;font:14px/1.35 Arial,sans-serif;border-radius:6px;gap:7px;background:#fffdf7}
#family-atlas #fa-branch-buttons button[aria-pressed=true]{background:#e9eddf;border:1px solid #6a775b;border-left:5px solid var(--branch-color);color:#283820}
#family-atlas #fa-branch-buttons button[aria-pressed=true]::after{content:'✓';margin-left:auto;font-weight:bold}
#family-atlas #fa-branch-buttons button i{flex-shrink:0}
#family-atlas #fa-branch-legend>p{font:13px/1.5 Arial,sans-serif;margin:4px 0 12px}
#family-atlas .fa-branch-actions{display:flex;gap:8px;margin-top:10px}
#family-atlas .fa-branch-actions button{flex:1;min-height:44px;font:13px Arial,sans-serif!important}
#family-atlas :is(.fa-filter-details,#fa-branch-legend)>summary{font-size:15px;min-height:44px}
#family-atlas #fa-layers{display:flex;flex-wrap:wrap;gap:6px}
#family-atlas #fa-layers button{flex:1 1 120px;min-height:44px;white-space:normal;font-size:14px}
#family-atlas :is(#fa-search,#fa-event,#fa-event-search,#an-search,.ae-browse-controls input,.ae-browse-controls select){font-size:16px;min-height:44px;width:100%;box-sizing:border-box}
#family-atlas :is(#fa-all-layers,#fa-reset,#fa-layer-notice button){min-height:44px;font-size:13px}
#family-atlas .fa-results-head{margin-top:12px}
#family-atlas #fa-layer-notice{font-size:13px;line-height:1.5}
#family-atlas .fa-result{padding-block:12px}
#family-atlas :is(#ah-panel,#an-panel,#ae-panel){box-sizing:border-box;width:350px;background:#faf7ef;border-radius:8px;scrollbar-gutter:stable;overflow:auto}
#family-atlas :is(.ah-switches,.an-groups,.ae-focus-actions){display:flex;flex-wrap:wrap;gap:7px}
#family-atlas :is(.ah-switches button,.an-groups button,.an-actions button,.ae-focus-actions button){min-height:44px;font-size:13px;white-space:normal;padding:8px 10px}
#family-atlas #ae-list{max-height:none;overflow:visible}
#family-atlas :is(.an-nation small,.ae-row button small,.ah-place small){font-size:12px;line-height:1.5}
#family-atlas :is(.fa-card,#fa-reader-content,#ah-content,#an-content){overflow-wrap:anywhere}
#family-atlas :is(#fa-reader-tabs button,#fa-reader-close,#fa-reader-expand){min-height:44px;font-size:14px}
#family-atlas .fa-focus-actions{display:flex;flex-wrap:wrap}
#family-atlas .fa-focus-actions button{flex:1 1 100px;min-height:44px;font-size:13px!important}
@media(max-width:760px){
 #family-atlas .fa-panel{width:calc(100% - 64px);height:53%;max-height:53%}
 #family-atlas .fa-panel.is-collapsed{height:auto}
 #family-atlas :is(#ah-panel,#an-panel,#ae-panel){width:auto;max-height:58%}
 #family-atlas #fa-controls{padding-right:6px}
 #family-atlas #fa-branch-buttons{grid-template-columns:minmax(0,1fr)}
 #family-atlas .fa-navigation button{white-space:normal}
 #family-atlas #fa-reader-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
 #family-atlas #fa-reader-tabs button{padding:8px 3px;font-size:13px}
 #family-atlas .fa-reader-top{gap:6px;flex-wrap:wrap}
}