/* Expert teaser node display ============================================== */

.fat-expert-teaser__grid {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 1.5rem;
  align-items: start;
  /*margin-bottom: 1.5rem;*/
  max-width: calc(170px + 1.5rem + 800px);
  margin-inline: auto;
  border:1px solid;
  border-color:#cfcfcf;
  border-radius:2px;
  padding: .75rem;
  max-width:900px;

}

@media (max-width: 640px) {
  .fat-expert-teaser__grid {
    grid-template-columns: 1fr;
  }
}

.fat-expert-teaser__image {
  min-width: 0;
}

/* Override Solo's width:100% / height:100% on the clickable-image wrapper. */
.fat-expert-teaser__image a.img--is-clickable {
  display: block;
  width: 170px;
  height: 170px;
  overflow: hidden;
}


.fat-expert-teaser__image a.img--is-clickable > img.solo-image,
.fat-expert-teaser__image a.img--is-clickable > picture > img.solo-image,
.fat-expert-teaser__image a.img--is-clickable:hover > img.solo-image,
.fat-expert-teaser__image a.img--is-clickable:hover > picture > img.solo-image {
  width: 170px;
  height: 170px;
  object-fit: cover;
  object-position: center center;
  float: none;
  animation: none;
}

/* Fallback for non-linked images. */
.fat-expert-teaser__image img {
  display: block;
  width: 170px;
  height: 170px;
  object-fit: cover;
  object-position: center top;
}

.fat-expert-teaser__details {
  display:grid;
  align-content:stretch;
}

.fat-expert-teaser__name {
  margin: 0 0 0.5rem;
}

.fat-expert-teaser__name a {
  color: var(--solo-theme-accent);
}

.double-field-second {
    font-weight:600;
}

.fat-expert-teaser__position {
  margin-bottom: 0.75rem;
  color: #4b5563;
  display: inline;
}

.fat-expert-teaser__position .field,
.fat-expert-teaser__position .field__items,
.fat-expert-teaser__position .field__item,
.fat-expert-teaser__position .double-field-first,
.fat-expert-teaser__position .double-field-second {
  display: inline;
}

.fat-expert-teaser__position .double-field-second:not(:empty)::before {
  content: ' | ';
}

.fat-expert-teaser__position .field__items > .field__item + .field__item::before {
  content: ', ';
}

/* Flex/gap for the pill row lives in topic-colors.css (.fat-expert-teaser__topics .field__items) */
.fat-expert-teaser__topics {
  margin-bottom: 0.75rem;
}

.fat-expert-teaser__languages {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.5rem;
}

.fat-expert-teaser__languages-label {
  font-weight: bold;
}

.fat-expert-teaser__languages .field__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
}

.fat-expert-teaser__languages .field__item {
  display: inline;
}

.fat-expert-teaser__languages .field__item:not(:last-child)::after {
  content: ',';
}