/* Consortium-centre tiles on the LungMAP1, LungMAP2 and LungMAP3 team pages, and on
   /about-lungmap/consortium-centers/.

   The three rules below are the live site's own, byte for byte, from
   https://www.lungmap.net/resources/themes/lungmap/css/teampage.css (read 2026-08-18).
   This file had lost them, and carried only `.member__logo-image`, which styles an
   <img> element. The content markup uses a background-image DIV instead:

     <div class="member__logo" style="background-image: url(...)"></div>

   A div with no height is 0px tall, so every logo was invisible and each tile showed
   only its name. The LungMAP3 page looked empty for that reason, as did LungMAP1,
   LungMAP2 and the consortium-centers index. `height: 150px` is the rule that was
   missing. */
.member {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  display: block;
  margin: 0 0 30px 0; }

.member__logo {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 200px;
  height: 150px; }

.member__name {
  line-height: 40px;
  overflow: hidden;
  padding: 0 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }

/* Kept from the previous local revision. `.member__logo-image` styles an <img> tile,
   which no page currently emits; it costs nothing and covers markup that uses one.
   The mobile rule gives the logo a 16/9 box below 768px, narrower than the 150px above. */
.member__logo-image {
  height: 100%;
  width: 100%;
  object-fit: contain; }

@media (max-width: 767.98px) {
  .member__logo {
    aspect-ratio: 16 / 9; } }