/* Compact two-level direction menu, above the map at every viewport. */
.atlas-grid{display:flex!important;flex-direction:column;gap:7px!important}
.atlas-main{order:1;width:100%}
.atlas-grid>.directory{order:0;width:100%;border:0!important;border-radius:0!important;background:none!important;overflow:visible}
.v21-menu{padding:0}
.v21-roots,.v21-submenu{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.v21-menu button{min-height:30px;padding:5px 11px;border:1px solid #b9964b38;border-radius:7px;background:#0d1310;color:#d9d9cf;font:500 13px/18px Arial,sans-serif;white-space:nowrap;cursor:pointer;transition:color .18s,background .18s,border-color .18s}
.v21-menu button:hover,.v21-menu button.active{color:#ffe1a0;background:#ad85351c;border-color:#d5ae6270}
.v21-menu button:focus-visible{outline:2px solid #e5c77f;outline-offset:2px}
.v21-submenu{padding:6px 0 0}
.v21-submenu[hidden]{display:none!important}
.v21-submenu button{min-height:28px;padding:3px 9px;border-color:transparent;background:#151a14;color:#b9beaf;font-size:12px}
@media(max-width:760px){.v21-roots{gap:4px}.v21-menu button{min-height:30px;padding:5px 9px;font-size:12px}.v21-submenu{padding-top:5px}.v21-submenu button{min-height:28px;padding:3px 8px}}
@media(prefers-reduced-motion:reduce){.v21-menu button{transition:none}}