/* Family Atlas: compact navigation and readable map controls. 21 October 2026. */
body.dd-atlas-page .dd-header{height:56px!important;min-height:56px!important;padding:0 20px!important}
body.dd-atlas-page .dd-header .dd-meta{display:none}
body.dd-atlas-page .dd-header .dd-explore-menu summary{min-height:44px}
body.dd-atlas-page .dd-header .dd-explore-menu nav{top:100%}
#family-atlas{padding:68px 20px 8px!important}
#family-atlas .fa-title{margin:0 0 8px;min-height:36px;gap:12px}
#family-atlas .fa-title h1{font-size:30px!important;line-height:1.15!important;margin:0!important}
#family-atlas .fa-title .fa-eyebrow,#family-atlas .fa-title p,#family-atlas .fa-edition{display:none}
#family-atlas #fa-origin-nav{margin:0 0 4px}
#family-atlas #fa-origin-link{min-height:36px;padding:4px 0}
#family-atlas .fa-navigation-fast{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:0 0 10px;align-items:center}
#family-atlas .fa-navigation-fast .fa-primary-actions{display:flex;flex-wrap:wrap;gap:6px;margin:0;grid-column:1}
#family-atlas .fa-navigation-fast .fa-history-actions{display:flex;flex-wrap:wrap;gap:6px;grid-column:1;grid-row:2}
#family-atlas .fa-navigation-fast .fa-map-tools{grid-column:2;grid-row:1 / 3;position:static;display:grid!important;grid-template-columns:repeat(3,auto);gap:4px;padding:4px;border:1px solid #b6bdad;background:#faf7ef;border-radius:8px;max-width:none;width:auto;box-shadow:none;transform:none}
#family-atlas .fa-navigation-fast button{min-height:44px;margin:0;padding:8px 12px;border:1px solid #9ba58f;border-radius:6px;background:#faf7ef;color:#35452b;font:600 14px/1.3 Arial,sans-serif!important;white-space:normal;letter-spacing:0;text-transform:none}
#family-atlas .fa-navigation-fast button:hover{background:#e9eddf;border-color:#35452b}
#family-atlas .fa-navigation-fast button:is([aria-pressed=true],[aria-expanded=true]){background:#35452b;color:#fffdf7;border-color:#35452b}
#family-atlas .fa-navigation-fast #fa-find-person{background:#35452b;color:#fffdf7}
#family-atlas .fa-navigation-fast #fa-voyages-toggle{width:auto;min-height:44px;margin:0;text-align:center}
#family-atlas .fa-navigation-fast #fa-voyages-toggle[aria-pressed=true]{background:#E5A4B4;color:#25351f}
#family-atlas .fa-navigation-fast :is(#ah-launch,#an-launch,#ae-launch){position:static;transform:none;box-shadow:none;padding:8px 12px}
#family-atlas .fa-stage{height:max(500px,calc(100dvh - var(--atlas-top,210px) - 38px));min-height:500px}
#family-atlas .fa-panel{top:12px;left:12px;width:340px;height:calc(100% - 66px);max-height:calc(100% - 66px);padding:12px}
#family-atlas .fa-panel-head{gap:8px;margin-bottom:8px}
#family-atlas .fa-panel-head h2{font-size:21px!important;line-height:1.25}
#family-atlas #fa-collapse{flex-shrink:0;width:auto;min-width:90px;min-height:44px;font:14px/1.3 Arial,sans-serif!important;text-decoration:underline;border:0;background:transparent;color:#35452b}
#family-atlas .fa-panel:has(#fa-controls[hidden]){height:auto}
#family-atlas #fa-controls[hidden]{display:none!important}
#family-atlas #fa-controls:not([hidden]){display:block;overflow:auto;scrollbar-gutter:stable;padding-right:6px}
#family-atlas #fa-controls #fa-person-focus{position:static;padding:8px 0 10px;margin:0 0 10px}
#family-atlas #fa-person-name{font-size:19px}
#family-atlas #fa-person-summary{font:14px/1.5 Arial,sans-serif!important;color:#35452b;margin:6px 0}
#family-atlas .fa-focus-actions button{font-size:15px!important;min-height:44px}
#family-atlas :is(.fa-start-help,.fa-results-head,.fa-panel label,.fa-result small,.fa-result span,.fa-empty,#fa-layer-notice,.fa-voyage-intro){font-size:14px!important;line-height:1.5}
#family-atlas #fa-all-layers{min-height:44px;font-size:14px!important;padding:8px 12px}
#family-atlas #fa-layers [data-layer=journeys]{display:none}
#family-atlas :is(.fa-filter-details,#fa-branch-legend){max-height:none;overflow:visible}
#family-atlas .fa-filter-details>summary,#family-atlas #fa-branch-legend>summary{font-size:16px;min-height:44px}
#family-atlas .fa-card{top:12px;right:62px;bottom:auto;width:350px;max-height:calc(100% - 66px);padding:16px 20px}
#family-atlas .fa-card :is(p,small,.fa-precision,.fa-record-note p){font-size:14px!important;line-height:1.55}
#family-atlas .fa-card .fa-connected-people button{font-size:15px}
#family-atlas .fa-card .fa-place-years{font-size:22px!important}
#family-atlas .fa-card .fa-event-details summary{font-size:15px}
#family-atlas .fa-caption{font-size:13px;line-height:1.4;bottom:24px;max-width:calc(100% - 24px)}
#family-atlas #fa-map .leaflet-control-zoom a{width:44px;height:44px;line-height:44px}
#family-atlas :is(#ah-panel,#an-panel,#ae-panel){top:12px;bottom:60px;max-height:calc(100% - 72px);width:350px}
#family-atlas :is(.ah-note,.an-small,.an-about,.ae-note,.ae-row button small,.ah-place small){font-size:14px!important;line-height:1.5}
#family-atlas :is(button,a,summary,input,select):focus-visible{outline:3px solid #35452b;outline-offset:3px}
@media(max-width:1100px){
 #family-atlas .fa-navigation-fast{grid-template-columns:1fr}
 #family-atlas .fa-navigation-fast .fa-primary-actions{grid-column:1;grid-row:1}
 #family-atlas .fa-navigation-fast .fa-history-actions{grid-column:1;grid-row:2}
 #family-atlas .fa-navigation-fast .fa-map-tools{grid-column:1;grid-row:3;display:flex!important;flex-wrap:wrap;width:100%}
 #family-atlas .fa-navigation-fast .fa-map-tools button{flex:1}
 #family-atlas .fa-navigation-fast #fa-fit{grid-column:span 2}
 #family-atlas:has(.fa-card:not([hidden])) .fa-panel{display:none}
}
@media(max-width:760px){
 body.dd-atlas-page .dd-header{height:52px!important;min-height:52px!important;padding:0 12px!important}
 body.dd-atlas-page .dd-header .dd-explore-menu nav{top:52px}
 #family-atlas{padding:60px 8px 8px!important}
 #family-atlas .fa-title{min-height:30px;margin-bottom:6px}
 #family-atlas .fa-title h1{font-size:25px!important}
 #family-atlas .fa-navigation-fast{gap:5px;margin-bottom:8px}
 #family-atlas .fa-navigation-fast .fa-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;width:100%}
 #family-atlas .fa-navigation-fast .fa-history-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 #family-atlas .fa-navigation-fast .fa-map-tools{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px}
 #family-atlas .fa-navigation-fast button{font-size:13px!important;padding:6px;min-width:0;min-height:44px}
 #family-atlas .fa-navigation-fast #fa-fit{grid-column:span 2}
 #family-atlas .fa-stage{min-height:490px;height:70dvh}
 #family-atlas .fa-panel{top:10px;left:10px;width:calc(100% - 72px);height:58%;max-height:58%;padding:10px}
 #family-atlas .fa-panel-head{flex-wrap:wrap}
 #family-atlas .fa-panel-head h2{font-size:19px!important;margin:0}
 #family-atlas .fa-panel:has(#fa-controls[hidden]) .fa-panel-head{margin:0;flex-wrap:nowrap}
 #family-atlas .fa-panel:has(#fa-controls[hidden]) .fa-panel-head h2{font-size:16px!important;flex:1}
 #family-atlas .fa-panel:has(#fa-controls[hidden]) #fa-collapse{font-size:13px!important;min-width:72px}
 #family-atlas #fa-collapse{min-width:82px;margin-left:auto}
 #family-atlas .fa-card{top:auto;bottom:55px;right:10px;width:calc(100% - 20px);max-height:65%}
 #family-atlas :is(#ah-panel,#an-panel,#ae-panel){top:10px;bottom:55px;left:10px;right:10px;width:auto;max-height:calc(100% - 65px)}
 #family-atlas .fa-caption{left:10px;bottom:24px;font-size:12px}
 #family-atlas #fa-reader-tabs button{font-size:14px!important}
}