/* Atlas usability, 2026-10-19. Presentation only. */
#family-atlas .fa-panel{display:flex;flex-direction:column;height:calc(100% - 90px);overflow:hidden}
#family-atlas .fa-panel:has(#fa-controls[hidden]){height:auto}
#family-atlas #fa-controls:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding-right:0}
#family-atlas .fa-panel-head,#family-atlas #fa-person-focus,#family-atlas label[for=fa-search],#family-atlas #fa-search,#family-atlas .fa-results-head{flex-shrink:0}
#family-atlas #fa-results{flex:1 1 120px;min-height:90px;overflow-y:auto;overscroll-behavior:contain;max-height:none!important;scrollbar-gutter:stable}
#family-atlas #fa-people{flex:0 1 auto;max-height:110px;overflow:auto}
#family-atlas .fa-filter-details[open],#family-atlas #fa-branch-legend[open]{max-height:180px;overflow:auto;flex-shrink:1}
#family-atlas .fa-filter-details>summary,#family-atlas #fa-branch-legend>summary{position:static;background:#faf7ef}
#family-atlas #fa-branch-legend{margin:4px 0;padding-top:0}
#family-atlas #fa-person-focus{padding:8px 10px;margin:0 0 6px}
#family-atlas #fa-person-name{font-size:20px}
#family-atlas .fa-focus-actions{display:flex;flex-wrap:wrap;gap:4px}
#family-atlas .fa-focus-actions button{min-height:36px;padding:5px;font-size:12px}
#family-atlas #fa-layer-notice{font-size:12px;line-height:1.4;background:#f0ead9;padding:6px;flex-shrink:0}
#family-atlas #fa-layer-notice[hidden]{display:none}
#family-atlas #fa-layer-notice button{border:0;background:transparent;text-decoration:underline;min-height:32px;color:#35452b;font:inherit}
#family-atlas #fa-event-search{width:100%;box-sizing:border-box;min-height:40px;margin-bottom:8px}
#family-atlas #fa-event{max-width:100%;width:100%}
#family-atlas .fa-results-head{margin-top:5px}
#family-atlas #fa-card .fa-close{min-width:44px;min-height:44px}
#family-atlas .fa-map-label{max-width:180px;white-space:normal;line-height:1.35;pointer-events:none}
#family-atlas #fa-map .leaflet-control-zoom a{width:40px;height:40px;line-height:40px}
@media(max-width:760px){
 #family-atlas .fa-stage{height:calc(100dvh - 120px);min-height:560px}
 #family-atlas .fa-panel{height:53%;max-height:53%;width:calc(100% - 64px)}
 #family-atlas #fa-results{min-height:65px!important}
 #family-atlas .fa-filter-details[open],#family-atlas #fa-branch-legend[open]{max-height:145px}
 #family-atlas .fa-focus-actions button,#family-atlas #fa-layers button{min-height:44px}
 #family-atlas #fa-person-focus small{font-size:11px}
 #family-atlas .fa-map-tools{flex-wrap:wrap}
 #family-atlas .fa-map-tools button{flex:1 1 30%;min-height:44px}
 #family-atlas .fa-card{max-height:60%;bottom:65px}
 #family-atlas .fa-caption{max-width:calc(100% - 24px);box-sizing:border-box}
}

#family-atlas .fa-panel{height:calc(100% - 65px);max-height:calc(100% - 65px)}
#family-atlas #fa-person-focus>small:first-of-type{display:none}
#family-atlas .fa-focus-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
#family-atlas .fa-focus-actions button{width:auto!important;font-size:11px!important;min-height:36px}
#family-atlas .fa-map-label{width:max-content;white-space:nowrap}
@media(max-width:760px){
 #family-atlas .fa-panel{height:53%;max-height:53%}
 #family-atlas #fa-controls:not([hidden]){overflow-y:auto}
 #family-atlas #fa-person-focus{position:sticky;top:0;z-index:3;background:#fae6ed}
 #family-atlas label[for=fa-search]{position:sticky;top:0;z-index:3;background:#faf7ef}
 #family-atlas #fa-search{position:sticky;top:22px;z-index:3}
 #family-atlas #fa-results{flex:none;overflow:visible;min-height:65px!important}
 #family-atlas .fa-focus-actions button{min-height:44px}
}