.my-atlas-filters {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1rem;margin:1.5rem 0}
.my-atlas-filters label,.my-atlas-filters select {display:block;width:100%;max-width:100%}
.my-atlas-filters select,.my-atlas-filters button,.my-atlas-controls button {font:inherit;min-height:2.75rem;padding:.55rem .75rem}
.my-atlas-filters select {color:#173944;background:#fffdf7;border:1px solid #647974;border-radius:.25rem}
.my-atlas-controls {display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}
.my-atlas-controls[hidden] {display:none}
.my-atlas-map {display:block;width:100%;max-height:38rem;aspect-ratio:2/1;background:#dfeaea;border:1px solid #647974}
.my-atlas-map a [data-atlas-symbol]>*:not(:first-child) {fill:#fffdf7;stroke:#6f411e;stroke-width:.6}
.my-atlas-map a:focus [data-atlas-symbol]>*:not(:first-child),.my-atlas-map a:hover [data-atlas-symbol]>*:not(:first-child) {fill:#e8bb59;stroke:#173944;stroke-width:1}
.my-atlas-map:focus-visible,.my-atlas-controls button:focus-visible,.my-atlas-list a:focus-visible {outline:3px solid #985111;outline-offset:3px}
.my-atlas-legend {font-size:.95em}
.my-atlas-list {padding-left:1.5rem}
.my-atlas-list>li {padding:1rem;margin:1rem 0;background:#fffdf7;border:1px solid #c5bda9;scroll-margin-top:1rem}
.my-atlas-list dl {display:grid;grid-template-columns:minmax(7rem,1fr) minmax(0,3fr);gap:.5rem 1rem}
.my-atlas-list dt {font-weight:700}.my-atlas-list dd {margin:0;overflow-wrap:anywhere}
.my-atlas-list li:target {outline:3px solid #985111;outline-offset:2px}
@media(max-width:560px) {.my-atlas-list dl {display:block}.my-atlas-list dd {margin:0 0 .75rem}.my-atlas-list h4 {font-size:1.1em}.my-atlas-map {min-height:12rem}}
@media print {.my-atlas-controls,.my-atlas-filters {display:none}.my-atlas-list>li {break-inside:avoid}.my-atlas-list details {display:block}.my-atlas-map {max-height:18rem}}

/* One action row; a reset link must never split around its neighbour. */
.my-atlas-filters>div:last-child{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}
.my-atlas-filters>div:last-child>a{display:inline-flex;align-items:center;min-height:2.75rem}