/* Official raster artwork is preserved. Its tagline needs at least 280px.
   Small surfaces retain the approved digital symbol and accessible name. */
.brand { max-width: 100%; flex-wrap: wrap; }
.brand-horizontal { display: none; }
.brand .brand-art { flex-shrink: 0; object-fit: contain; }
/* Allow actions to move to a second row at enlarged text sizes. The site's
   compact header otherwise forces a single line and clips the sign-in link. */
.masthead-row { flex-wrap: wrap; }
.masthead .mobile-menu { margin-left: auto; }
.masthead .mobile-menu nav { max-height: 60vh; max-height: 60dvh; overflow-y: auto; }
.masthead .mobile-menu nav a { overflow-wrap: anywhere; min-width: 0; }
@media (min-width: 700px) {
  .brand .brand-horizontal { display: block; width: 280px; height: auto; flex: 0 0 280px; }
  .brand:has(.brand-horizontal) .brand-art, .brand:has(.brand-horizontal) .brand-name { display: none; }
}
@media (max-width: 699px) {
  .brand .brand-art { display: block; width: 42px; height: 42px; flex-basis: 42px; }
  .brand .brand-name { display: inline; }
}