/* Task-based map navigation. Detailed filters are optional, not prerequisites. */
.newdesign #family-atlas.fa-guided-interface .fa-primary-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}
.newdesign #family-atlas.fa-guided-interface .fa-primary-actions button{min-height:52px;padding:12px!important;font-size:15px;white-space:normal}
.newdesign #family-atlas.fa-guided-interface #fa-find-person:not([aria-pressed=true]){background:#fff!important;color:#111!important}
.newdesign #family-atlas.fa-guided-interface .fa-layer-picker{display:none!important}
.newdesign #family-atlas.fa-guided-interface #fa-event-options{margin:14px 0;border-top:1px solid #bbb;border-bottom:1px solid #bbb;padding:0;background:#fff}
.newdesign #family-atlas.fa-guided-interface #fa-event-options>summary{padding:12px 2px;min-height:44px;font-weight:600;cursor:pointer;background:#fff}
.newdesign #family-atlas.fa-guided-interface #fa-event-options>p{font-size:14px;line-height:1.45;margin:0 0 12px}
.newdesign #family-atlas.fa-guided-interface .fa-filters{display:block!important}
.newdesign #family-atlas.fa-guided-interface #fa-event-options:not([open])>:not(summary){display:none!important}
.newdesign #family-atlas.fa-guided-interface .fa-filters label{display:block;margin-bottom:12px}
.newdesign #family-atlas.fa-guided-interface .fa-filters label[hidden]{display:none!important}
.newdesign #family-atlas.fa-guided-interface #fa-branch-legend{margin:12px 0}
.newdesign #family-atlas.fa-guided-interface:not([data-browse=branches]) #fa-branch-legend{display:none!important}
.newdesign #family-atlas.fa-guided-interface[data-browse=branches] .fa-start-help{display:none}
.newdesign #family-atlas.fa-guided-interface[data-browse=journeys] #fa-results>.fa-place-result{display:none}
.newdesign #family-atlas.fa-guided-interface #fa-browse-places{width:100%;margin:10px 0}
.newdesign #family-atlas.fa-guided-interface #fa-browse-places[hidden]{display:none!important}
.newdesign #family-atlas.fa-guided-interface .fa-focus-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.newdesign #family-atlas.fa-guided-interface #fa-exit-person{grid-column:1/-1}
.newdesign #family-atlas.fa-guided-interface .fa-results-head{background:#f5efe4!important}
.newdesign #family-atlas.fa-guided-interface .fa-result{border-width:0 0 1px!important;padding:14px 6px!important;background:#fff!important}
.newdesign #family-atlas.fa-guided-interface .fa-result:hover{background:#f5efe4!important}
@media(max-width:700px){
.newdesign #family-atlas.fa-guided-interface .fa-primary-actions{gap:5px}
.newdesign #family-atlas.fa-guided-interface .fa-primary-actions button{font-size:13px;padding:8px 5px!important}
.newdesign #family-atlas.fa-guided-interface .fa-panel{display:flex;flex-direction:column;padding:10px!important}
.newdesign #family-atlas.fa-guided-interface .fa-panel #fa-controls{flex:1;overflow:auto}
.newdesign #family-atlas.fa-guided-interface .fa-panel:not(.fa-collapsed){max-height:52%!important}
}

.newdesign #family-atlas.fa-guided-interface #fa-person-name{display:none}
.newdesign #family-atlas.fa-guided-interface #fa-person-journeys{grid-column:1/-1}
.newdesign #family-atlas.fa-guided-interface .fa-focus-actions button{text-decoration:none!important}
.newdesign #family-atlas.fa-guided-interface #fa-person-focus{border-left:0!important;background:#fff!important;padding:0!important}


/* Journey details leave a clear map area and a persistent return control. */
.newdesign #family-atlas .fa-card .fa-journey-back{position:sticky!important;top:0!important;right:auto!important;float:none!important;display:block;width:100%;z-index:2;margin:0 0 12px;padding:10px!important;text-align:left;font-size:14px;background:#f5efe4!important}
@media(max-width:700px){
.newdesign #family-atlas .fa-card{top:auto!important;bottom:28px!important;left:8px!important;right:8px!important;width:auto!important;max-height:46%!important;padding:12px!important;box-sizing:border-box;overscroll-behavior:contain}
.newdesign #family-atlas .fa-stage:has(.fa-card:not([hidden])) .fa-panel{visibility:hidden;pointer-events:none}
.newdesign #family-atlas .fa-card h2{font-size:20px!important;line-height:1.2!important;margin:8px 0!important}
.newdesign #family-atlas .fa-card .fa-card-kicker{margin:8px 0!important;font-size:12px!important}
.newdesign #family-atlas .fa-voyage-actions{gap:6px}
.newdesign #family-atlas .fa-voyage-actions button{font-size:13px!important;padding:8px!important}
}

/* Historical collections leave the upper map available for dragging on phones. */
@media(max-width:700px){
.newdesign #family-atlas.fa-guided-interface #ae-panel,
.newdesign #family-atlas.fa-guided-interface #an-panel,
.newdesign #family-atlas.fa-guided-interface #ah-panel{top:auto!important;bottom:28px!important;left:8px!important;right:8px!important;width:auto!important;height:auto!important;max-height:52%!important;box-sizing:border-box;overflow:auto;overscroll-behavior:contain}
.newdesign #family-atlas.fa-guided-interface #ae-caption,
.newdesign #family-atlas.fa-guided-interface #an-legend{display:none!important}
}

/* Keep background choices together and distinguish them from camera actions. */
.newdesign #family-atlas.fa-guided-interface .fa-navigation-fast .fa-map-tools{display:flex!important;flex-direction:column;gap:8px;padding:8px!important;box-shadow:none!important}
.newdesign #family-atlas.fa-guided-interface .fa-tool-section{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.newdesign #family-atlas.fa-guided-interface .fa-tool-label{display:block;flex:0 0 100%;font-size:12px;line-height:1.3;font-weight:600;color:#454545}
.newdesign #family-atlas.fa-guided-interface .fa-tool-section button{flex:1;min-width:0;white-space:normal}
.newdesign #family-atlas.fa-guided-interface .fa-history-actions{flex-wrap:wrap}
.newdesign #family-atlas.fa-guided-interface .fa-history-actions>.fa-tool-label{margin-bottom:4px}
.newdesign #family-atlas.fa-guided-interface :is(button,summary):focus-visible{outline:3px solid #35452b!important;outline-offset:3px}

.newdesign #family-atlas.fa-guided-interface .fa-history-actions>.fa-tool-label{grid-column:1/-1;width:100%}
.newdesign #family-atlas.fa-guided-interface .fa-tool-section{align-items:stretch}