/* Atlas usability pass: controls have their own space, outside the map. */
.fa-navigation{max-width:1800px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.fa-navigation-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fa-navigation-label{font:11px Arial,sans-serif;letter-spacing:.05em;color:#53624a;margin-right:4px}
#family-atlas .fa-navigation :is(#ah-launch,#an-launch,#ae-launch,.fa-map-tools){position:static;transform:none;margin:0;box-shadow:none}
#family-atlas .fa-navigation button{min-height:44px;font-size:13px!important}
#family-atlas .fa-navigation :is(#ah-launch,#an-launch,#ae-launch){border-radius:6px;padding:10px 13px}
#family-atlas #ae-launch[aria-expanded=true]{background:#354f46;color:#fff9ea}
#family-atlas .fa-map-tools{border:1px solid #c6cbbb}
#family-atlas .fa-stage{height:calc(100dvh - 340px);min-height:600px}
#family-atlas .fa-panel{top:16px;left:16px;width:310px;max-height:calc(100% - 90px);padding:16px}
#family-atlas #fa-controls{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:4px}
#family-atlas #fa-controls>*{flex-shrink:0}
#family-atlas #fa-results{overflow:visible;max-height:none;min-height:0}
#family-atlas #fa-people{max-height:none;overflow:visible}
#family-atlas .fa-panel label,#family-atlas .fa-results-head{font-size:12px}
#family-atlas .fa-result small{font-size:12px;line-height:1.5}
#family-atlas .fa-result span{font-size:11px;line-height:1.5;letter-spacing:0;text-transform:none}
#family-atlas #fa-layers button{min-height:40px;font-size:12px}
#family-atlas #fa-collapse{min-width:44px;min-height:44px}
#family-atlas .fa-card{top:16px;bottom:auto;right:56px;max-height:calc(100% - 90px);width:330px}
#family-atlas .fa-card p{font-size:13px}
#family-atlas .fa-card .fa-precision{font-size:12px}
#family-atlas .leaflet-control-container .leaflet-top,#family-atlas .mapboxgl-ctrl-top-right{top:8px}
#family-atlas :is(#ah-panel,#an-panel){top:16px;right:56px;max-height:calc(100% - 140px);bottom:120px}
#family-atlas #ae-panel{top:16px;left:16px;bottom:22px}
#family-atlas:is(.ah-open,.an-open,.ae-open) .fa-card{display:none!important}
#family-atlas.ah-open .fa-caption{display:none}
#family-atlas :is(#ah-close,#an-close,#ae-close){min-height:44px;min-width:44px}
#family-atlas :is(.an-groups button,.an-actions button,.ah-switches button,.ae-row button,.ae-story-step button){min-height:44px}
#family-atlas :is(.ah-note,.an-small,.an-about,.ae-note){font-size:12px;line-height:1.6}
#family-atlas :is(#fa-reader-tabs,.an-reader-top,.ah-reader-bar){flex-wrap:wrap}
#family-atlas :is(button,a,summary,input,select):focus-visible{outline:3px solid #a94467;outline-offset:3px}
#family-atlas summary{cursor:pointer;padding-block:10px}
@media(max-width:1000px){.fa-navigation{align-items:flex-start}.fa-navigation-group{gap:6px}.fa-navigation-label{width:100%}}
@media(max-width:760px){
 #family-atlas .fa-navigation{gap:10px}
 #family-atlas .fa-navigation-group{width:100%}
 #family-atlas .fa-navigation :is(#ah-launch,#an-launch,#ae-launch){flex:1 1 140px;font-size:12px!important;justify-content:center}
 #family-atlas .fa-map-tools{width:100%;display:flex!important}
 #family-atlas .fa-map-tools button{flex:1}
 #family-atlas .fa-stage{height:700px;min-height:620px}
 #family-atlas .fa-panel{top:12px;left:12px;width:calc(100% - 64px);max-height:52%;padding:10px 12px}
 #family-atlas .fa-panel h2{font-size:19px}
 #family-atlas #fa-controls{padding-right:4px}
 #family-atlas .fa-card{top:auto;bottom:80px;right:12px;width:calc(100% - 24px);max-height:55%;padding:16px}
 #family-atlas:has(.fa-card:not([hidden])) .fa-panel{display:none}
 #family-atlas :is(#ah-panel,#an-panel,#ae-panel){top:auto;bottom:90px;left:12px;right:12px;width:auto;max-height:55%;padding:16px}
 #family-atlas #ah-panel{bottom:115px;max-height:52%}
 #family-atlas #ae-caption{bottom:28px;left:12px;right:12px;max-width:none}
 #family-atlas #ah-map-caption{top:15px;left:15px;right:48px}
 #family-atlas #ah-map-caption strong{font-size:25px!important}
 #family-atlas .fa-caption{bottom:28px;font-size:11px;line-height:1.5}
 #family-atlas #fa-person-summary{font-size:12px}
}

#family-atlas .fa-filter-details{border-block:1px solid #d3d8c9;margin:0 0 6px;padding:0 2px 5px}#family-atlas .fa-filter-details>summary{font-size:13px;min-height:44px;color:#35452b}#family-atlas .fa-filter-details .fa-layer-picker{margin-top:8px}#family-atlas .fa-filter-details[open]{padding-bottom:12px}#family-atlas .fa-panel:has(#fa-person-focus:not([hidden])) .fa-filters{display:none!important}