/* Compact globe still needs a source colour key; no data palette is left unexplained. */
.grid-legend>strong{grid-column:1/-1}
.compact .globe-legend{display:block}
.compact .globe-legend img{width:100%;max-height:100px;object-fit:contain}
.compact .globe-legend .small-note{font-size:10px;line-height:1.4}
.earth-details-panel .earth-country-actions{flex-wrap:wrap}

/* The eight desktop navigation links need the existing menu on tablet widths. */
@media(max-width:1120px){
 header.approved-header{flex-wrap:wrap}
 header.approved-header #menu{display:block}
 header.approved-header nav:not(.open){display:none}
 header.approved-header nav.open{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0}
 header.approved-header nav a{min-width:0;max-width:100%}
 header.approved-header nav a>small{white-space:normal}
}