/**
 * @file
 * Compact grid for All members / All authors (Views Grid + socialbase teaser).
 */

/* Use full content width on directory pages (narrow column otherwise). */
.path-all-members #block-socialblue-content,
.path-all-members .views-element-container,
.path-all-authors #block-socialblue-content,
.path-all-publishers #block-socialblue-content,
.path-all-readers #block-socialblue-content,
.path-top-reviewers #block-socialblue-content,
.path-all-editors #block-socialblue-content,
.path-all-writers #block-socialblue-content,
.path-all-authors .views-element-container,
.path-all-publishers .views-element-container,
.path-all-readers .views-element-container,
.path-top-reviewers .views-element-container,
.path-all-editors .views-element-container,
.path-all-writers .views-element-container {
  max-width: 100%;
  width: 100%;
}

.path-all-members .view-id-newest_users,
.path-all-authors .view-id-authors_with_profile,
.path-all-publishers .view-id-publishers_with_profile,
.path-all-readers .view-id-readers_faces_with_profile,
.path-all-readers .view-id-itp_top_reviewers,
.path-top-reviewers .view-id-readers_faces_with_profile,
.path-all-editors .view-id-editors_faces_with_profile,
.path-all-writers .view-id-writers_faces_view_with_profile {
  width: 100%;
}

/* Open Social: complementary flex caps content at ~66%. Stack section = full width. */
.path-all-members section.layout--with-complementary,
.path-all-authors section.layout--with-complementary,
.path-all-publishers section.layout--with-complementary,
.path-all-readers section.layout--with-complementary,
.path-top-reviewers section.layout--with-complementary,
.path-all-editors section.layout--with-complementary,
.path-all-writers section.layout--with-complementary {
  display: block;
}

.path-all-members section.layout--with-complementary > .region--content,
.path-all-members section.layout--with-complementary > aside,
.path-all-authors section.layout--with-complementary > .region--content,
.path-all-publishers section.layout--with-complementary > .region--content,
.path-all-readers section.layout--with-complementary > .region--content,
.path-top-reviewers section.layout--with-complementary > .region--content,
.path-all-editors section.layout--with-complementary > .region--content,
.path-all-writers section.layout--with-complementary > .region--content,
.path-all-authors section.layout--with-complementary > aside,
.path-all-publishers section.layout--with-complementary > aside,
.path-all-readers section.layout--with-complementary > aside,
.path-top-reviewers section.layout--with-complementary > aside,
.path-all-editors section.layout--with-complementary > aside,
.path-all-writers section.layout--with-complementary > aside {
  width: 100%;
  max-width: 100%;
}

/* Social Blue Sky: hide role strip + account icon link on directory pages only. */
.view-id-newest_users .teaser__header,
.view-id-newest_users .teaser__teaser-type,
.view-id-newest_users .card.teaser > a[aria-hidden="true"],
.view-id-authors_with_profile .teaser__header,
.view-id-readers_faces_views .teaser__header,
.view-id-publishers_with_profile .teaser__header,
.view-id-readers_faces_with_profile .teaser__header,
.view-id-itp_top_reviewers .teaser__header,
.view-id-editors_faces_with_profile .teaser__header,
.view-id-writers_faces_view_with_profile .teaser__header,
.view-id-authors_with_profile .teaser__teaser-type,
.view-id-readers_faces_views .teaser__teaser-type,
.view-id-publishers_with_profile .teaser__teaser-type,
.view-id-readers_faces_with_profile .teaser__teaser-type,
.view-id-itp_top_reviewers .teaser__teaser-type,
.view-id-editors_faces_with_profile .teaser__teaser-type,
.view-id-writers_faces_view_with_profile .teaser__teaser-type,
.view-id-authors_with_profile .card.teaser > a[aria-hidden="true"],
.view-id-readers_faces_views .card.teaser > a[aria-hidden="true"],
.view-id-publishers_with_profile .card.teaser > a[aria-hidden="true"],
.view-id-readers_faces_with_profile .card.teaser > a[aria-hidden="true"],
.view-id-itp_top_reviewers .card.teaser > a[aria-hidden="true"],
.view-id-editors_faces_with_profile .card.teaser > a[aria-hidden="true"],
.view-id-writers_faces_view_with_profile .card.teaser > a[aria-hidden="true"] {
  display: none !important;
}

/*
 * Views row has class clearfix; with display:grid the ::after pseudo becomes a 5th
 * grid item and breaks a 4-column row (3 cards + gap / 4th card wraps).
 */
.view-id-newest_users .views-view-grid > .views-row.clearfix::before,
.view-id-newest_users .views-view-grid > .views-row.clearfix::after,
.view-id-authors_with_profile .views-view-grid > .views-row.clearfix::before,
.view-id-readers_faces_views .views-view-grid > .views-row.clearfix::before,
.view-id-publishers_with_profile .views-view-grid > .views-row.clearfix::before,
.view-id-readers_faces_with_profile .views-view-grid > .views-row.clearfix::before,
.view-id-itp_top_reviewers .views-view-grid > .views-row.clearfix::before,
.view-id-editors_faces_with_profile .views-view-grid > .views-row.clearfix::before,
.view-id-writers_faces_view_with_profile .views-view-grid > .views-row.clearfix::before,
.view-id-authors_with_profile .views-view-grid > .views-row.clearfix::after,
.view-id-readers_faces_views .views-view-grid > .views-row.clearfix::after,
.view-id-publishers_with_profile .views-view-grid > .views-row.clearfix::after,
.view-id-readers_faces_with_profile .views-view-grid > .views-row.clearfix::after,
.view-id-itp_top_reviewers .views-view-grid > .views-row.clearfix::after,
.view-id-editors_faces_with_profile .views-view-grid > .views-row.clearfix::after,
.view-id-writers_faces_view_with_profile .views-view-grid > .views-row.clearfix::after {
  content: none !important;
  display: none !important;
}

/* До 4 колонок на широком экране; ниже — меньше колонок, карточки шире. */
body.path-all-members .view-id-newest_users .views-view-grid .views-row,
body.path-all-authors .view-id-authors_with_profile .views-view-grid .views-row,
body.path-all-publishers .view-id-publishers_with_profile .views-view-grid .views-row,
body.path-all-readers .view-id-readers_faces_with_profile .views-view-grid .views-row,
body.path-all-readers .view-id-itp_top_reviewers .views-view-grid .views-row,
body.path-top-reviewers .view-id-readers_faces_with_profile .views-view-grid .views-row,
body.path-all-editors .view-id-editors_faces_with_profile .views-view-grid .views-row,
body.path-all-writers .view-id-writers_faces_view_with_profile .views-view-grid .views-row,
.view-id-newest_users .views-view-grid .views-row,
.view-id-authors_with_profile .views-view-grid .views-row,
.view-id-readers_faces_views .views-view-grid .views-row,
.view-id-publishers_with_profile .views-view-grid .views-row,
.view-id-readers_faces_with_profile .views-view-grid .views-row,
.view-id-itp_top_reviewers .views-view-grid .views-row,
.view-id-editors_faces_with_profile .views-view-grid .views-row,
.view-id-writers_faces_view_with_profile .views-view-grid .views-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem;
  width: 100%;
  max-width: 100%;
  float: none !important;
  clear: both;
  justify-content: stretch;
}

.view-id-newest_users .views-view-grid .views-col,
.view-id-authors_with_profile .views-view-grid .views-col,
.view-id-readers_faces_views .views-view-grid .views-col,
.view-id-publishers_with_profile .views-view-grid .views-col,
.view-id-readers_faces_with_profile .views-view-grid .views-col,
.view-id-itp_top_reviewers .views-view-grid .views-col,
.view-id-editors_faces_with_profile .views-view-grid .views-col,
.view-id-writers_faces_view_with_profile .views-view-grid .views-col {
  float: none !important;
  width: auto !important;
  min-width: 0;
  box-sizing: border-box;
  padding: 0.5rem 0.65rem;
}

.view-id-newest_users .views-view-grid .views-col[style],
.view-id-authors_with_profile .views-view-grid .views-col[style],
.view-id-readers_faces_views .views-view-grid .views-col[style],
.view-id-publishers_with_profile .views-view-grid .views-col[style],
.view-id-readers_faces_with_profile .views-view-grid .views-col[style],
.view-id-itp_top_reviewers .views-view-grid .views-col[style],
.view-id-editors_faces_with_profile .views-view-grid .views-col[style],
.view-id-writers_faces_view_with_profile .views-view-grid .views-col[style] {
  width: auto !important;
}

/* <1200px: две широкие карточки в ряд */
@media (max-width: 1199.98px) {
  body.path-all-members .view-id-newest_users .views-view-grid .views-row,
  body.path-all-authors .view-id-authors_with_profile .views-view-grid .views-row,
  body.path-all-publishers .view-id-publishers_with_profile .views-view-grid .views-row,
  body.path-all-readers .view-id-readers_faces_with_profile .views-view-grid .views-row,
  body.path-all-readers .view-id-itp_top_reviewers .views-view-grid .views-row,
  body.path-top-reviewers .view-id-readers_faces_with_profile .views-view-grid .views-row,
  body.path-all-editors .view-id-editors_faces_with_profile .views-view-grid .views-row,
  body.path-all-writers .view-id-writers_faces_view_with_profile .views-view-grid .views-row,
  .view-id-newest_users .views-view-grid .views-row,
  .view-id-authors_with_profile .views-view-grid .views-row,
  .view-id-publishers_with_profile .views-view-grid .views-row,
  .view-id-readers_faces_with_profile .views-view-grid .views-row,
  .view-id-itp_top_reviewers .views-view-grid .views-row,
  .view-id-editors_faces_with_profile .views-view-grid .views-row,
  .view-id-writers_faces_view_with_profile .views-view-grid .views-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
}

/* Узкий экран: одна колонка */
@media (max-width: 575.98px) {
  body.path-all-members .view-id-newest_users .views-view-grid .views-row,
  body.path-all-authors .view-id-authors_with_profile .views-view-grid .views-row,
  body.path-all-publishers .view-id-publishers_with_profile .views-view-grid .views-row,
  body.path-all-readers .view-id-readers_faces_with_profile .views-view-grid .views-row,
  body.path-all-readers .view-id-itp_top_reviewers .views-view-grid .views-row,
  body.path-top-reviewers .view-id-readers_faces_with_profile .views-view-grid .views-row,
  body.path-all-editors .view-id-editors_faces_with_profile .views-view-grid .views-row,
  body.path-all-writers .view-id-writers_faces_view_with_profile .views-view-grid .views-row,
  .view-id-newest_users .views-view-grid .views-row,
  .view-id-authors_with_profile .views-view-grid .views-row,
  .view-id-publishers_with_profile .views-view-grid .views-row,
  .view-id-readers_faces_with_profile .views-view-grid .views-row,
  .view-id-itp_top_reviewers .views-view-grid .views-row,
  .view-id-editors_faces_with_profile .views-view-grid .views-row,
  .view-id-writers_faces_view_with_profile .views-view-grid .views-row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.view-id-newest_users .views-view-grid,
.view-id-authors_with_profile .views-view-grid,
.view-id-readers_faces_views .views-view-grid,
.view-id-publishers_with_profile .views-view-grid,
.view-id-readers_faces_with_profile .views-view-grid,
.view-id-itp_top_reviewers .views-view-grid,
.view-id-editors_faces_with_profile .views-view-grid,
.view-id-writers_faces_view_with_profile .views-view-grid {
  width: 100%;
  max-width: 100%;
}

.view-id-newest_users .teaser__title,
.view-id-newest_users .teaser__title a,
.view-id-authors_with_profile .teaser__title,
.view-id-readers_faces_views .teaser__title,
.view-id-publishers_with_profile .teaser__title,
.view-id-readers_faces_with_profile .teaser__title,
.view-id-itp_top_reviewers .teaser__title,
.view-id-editors_faces_with_profile .teaser__title,
.view-id-writers_faces_view_with_profile .teaser__title,
.view-id-authors_with_profile .teaser__title a,
.view-id-readers_faces_views .teaser__title a,
.view-id-publishers_with_profile .teaser__title a,
.view-id-readers_faces_with_profile .teaser__title a,
.view-id-itp_top_reviewers .teaser__title a,
.view-id-editors_faces_with_profile .teaser__title a,
.view-id-writers_faces_view_with_profile .teaser__title a {
  max-width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  white-space: normal;
  word-break: break-word;
}

.view-id-newest_users .teaser__content .field,
.view-id-newest_users .teaser__content .field *,
.view-id-authors_with_profile .teaser__content .field,
.view-id-readers_faces_views .teaser__content .field,
.view-id-publishers_with_profile .teaser__content .field,
.view-id-readers_faces_with_profile .teaser__content .field,
.view-id-itp_top_reviewers .teaser__content .field,
.view-id-editors_faces_with_profile .teaser__content .field,
.view-id-writers_faces_view_with_profile .teaser__content .field,
.view-id-authors_with_profile .teaser__content .field *,
.view-id-readers_faces_views .teaser__content .field *,
.view-id-publishers_with_profile .teaser__content .field *,
.view-id-readers_faces_with_profile .teaser__content .field *,
.view-id-itp_top_reviewers .teaser__content .field *,
.view-id-editors_faces_with_profile .teaser__content .field *,
.view-id-writers_faces_view_with_profile .teaser__content .field * {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/*
 * Members: socialbase teaser is "wide row" from 600px up (absolute type icon,
 * negative actionbar margin). Force a compact vertical card in the grid.
 */
.view-id-newest_users .card.teaser,
.view-id-authors_with_profile .card.teaser,
.view-id-readers_faces_views .card.teaser,
.view-id-publishers_with_profile .card.teaser,
.view-id-readers_faces_with_profile .card.teaser,
.view-id-itp_top_reviewers .card.teaser,
.view-id-editors_faces_with_profile .card.teaser,
.view-id-writers_faces_view_with_profile .card.teaser {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  height: auto !important;
  min-height: 0;
  max-width: 100%;
  overflow: hidden;
  border-radius: inherit;
}

.view-id-newest_users .card.teaser .teaser__image,
.view-id-authors_with_profile .card.teaser .teaser__image,
.view-id-readers_faces_views .card.teaser .teaser__image,
.view-id-publishers_with_profile .card.teaser .teaser__image,
.view-id-readers_faces_with_profile .card.teaser .teaser__image,
.view-id-itp_top_reviewers .card.teaser .teaser__image,
.view-id-editors_faces_with_profile .card.teaser .teaser__image,
.view-id-writers_faces_view_with_profile .card.teaser .teaser__image {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  flex: 0 0 auto !important;
  position: relative;
}

.view-id-newest_users .card.teaser .teaser__image > a,
.view-id-authors_with_profile .card.teaser .teaser__image > a,
.view-id-readers_faces_views .card.teaser .teaser__image > a,
.view-id-publishers_with_profile .card.teaser .teaser__image > a,
.view-id-readers_faces_with_profile .card.teaser .teaser__image > a,
.view-id-itp_top_reviewers .card.teaser .teaser__image > a,
.view-id-editors_faces_with_profile .card.teaser .teaser__image > a,
.view-id-writers_faces_view_with_profile .card.teaser .teaser__image > a {
  display: block;
  line-height: 0;
}

/* Keep the account icon small and in-flow (not absolute over the body). */
.view-id-newest_users .card.teaser > a[aria-hidden="true"],
.view-id-authors_with_profile .card.teaser > a[aria-hidden="true"],
.view-id-readers_faces_views .card.teaser > a[aria-hidden="true"],
.view-id-publishers_with_profile .card.teaser > a[aria-hidden="true"],
.view-id-readers_faces_with_profile .card.teaser > a[aria-hidden="true"],
.view-id-itp_top_reviewers .card.teaser > a[aria-hidden="true"],
.view-id-editors_faces_with_profile .card.teaser > a[aria-hidden="true"],
.view-id-writers_faces_view_with_profile .card.teaser > a[aria-hidden="true"] {
  display: block;
  width: 100%;
  text-align: center;
  flex: 0 0 auto;
}

.view-id-newest_users .card.teaser .teaser__teaser-type,
.view-id-authors_with_profile .card.teaser .teaser__teaser-type,
.view-id-readers_faces_views .card.teaser .teaser__teaser-type,
.view-id-publishers_with_profile .card.teaser .teaser__teaser-type,
.view-id-readers_faces_with_profile .card.teaser .teaser__teaser-type,
.view-id-itp_top_reviewers .card.teaser .teaser__teaser-type,
.view-id-editors_faces_with_profile .card.teaser .teaser__teaser-type,
.view-id-writers_faces_view_with_profile .card.teaser .teaser__teaser-type {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin: 0.25rem auto 0.5rem !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
  padding: 0.35rem !important;
}

.view-id-newest_users .card.teaser.no-image .teaser__teaser-type,
.view-id-authors_with_profile .card.teaser.no-image .teaser__teaser-type,
.view-id-readers_faces_views .card.teaser.no-image .teaser__teaser-type,
.view-id-publishers_with_profile .card.teaser.no-image .teaser__teaser-type,
.view-id-readers_faces_with_profile .card.teaser.no-image .teaser__teaser-type,
.view-id-itp_top_reviewers .card.teaser.no-image .teaser__teaser-type,
.view-id-editors_faces_with_profile .card.teaser.no-image .teaser__teaser-type,
.view-id-writers_faces_view_with_profile .card.teaser.no-image .teaser__teaser-type {
  width: 2.5rem !important;
  height: 2.5rem !important;
}

.view-id-newest_users .card.teaser .teaser__teaser-type-icon,
.view-id-authors_with_profile .card.teaser .teaser__teaser-type-icon,
.view-id-readers_faces_views .card.teaser .teaser__teaser-type-icon,
.view-id-publishers_with_profile .card.teaser .teaser__teaser-type-icon,
.view-id-readers_faces_with_profile .card.teaser .teaser__teaser-type-icon,
.view-id-itp_top_reviewers .card.teaser .teaser__teaser-type-icon,
.view-id-editors_faces_with_profile .card.teaser .teaser__teaser-type-icon,
.view-id-writers_faces_view_with_profile .card.teaser .teaser__teaser-type-icon {
  width: 1.25rem !important;
  height: 1.25rem !important;
  display: block;
  margin: 0 auto;
}

.view-id-newest_users .card.teaser .teaser__body,
.view-id-authors_with_profile .card.teaser .teaser__body,
.view-id-readers_faces_views .card.teaser .teaser__body,
.view-id-publishers_with_profile .card.teaser .teaser__body,
.view-id-readers_faces_with_profile .card.teaser .teaser__body,
.view-id-itp_top_reviewers .card.teaser .teaser__body,
.view-id-editors_faces_with_profile .card.teaser .teaser__body,
.view-id-writers_faces_view_with_profile .card.teaser .teaser__body {
  flex: 1 1 auto !important;
  max-width: 100% !important;
  width: 100%;
  flex-direction: column !important;
  min-height: 0;
  overflow: hidden;
}

.view-id-newest_users .teaser:not(.teaser--tile) .teaser__body,
.view-id-authors_with_profile .teaser:not(.teaser--tile) .teaser__body,
.view-id-readers_faces_views .teaser:not(.teaser--tile) .teaser__body,
.view-id-publishers_with_profile .teaser:not(.teaser--tile) .teaser__body,
.view-id-readers_faces_with_profile .teaser:not(.teaser--tile) .teaser__body,
.view-id-itp_top_reviewers .teaser:not(.teaser--tile) .teaser__body,
.view-id-editors_faces_with_profile .teaser:not(.teaser--tile) .teaser__body,
.view-id-writers_faces_view_with_profile .teaser:not(.teaser--tile) .teaser__body {
  flex: 1 1 auto !important;
  max-width: 100% !important;
}

.view-id-newest_users .teaser__content,
.view-id-authors_with_profile .teaser__content,
.view-id-readers_faces_views .teaser__content,
.view-id-publishers_with_profile .teaser__content,
.view-id-readers_faces_with_profile .teaser__content,
.view-id-itp_top_reviewers .teaser__content,
.view-id-editors_faces_with_profile .teaser__content,
.view-id-writers_faces_view_with_profile .teaser__content {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0.75rem 0.75rem 0.25rem;
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
}

/*
 * Bio: Socialbase field.html.twig uses class .field--item (hyphen) and puts it on THE
 * Selector: compound .field--name-field-profile-self-introduction.field--item — not "> .field--item".
 * Per-<p> line-clamp stacks; flatten top-level blocks so one clamp caps whole teaser text.
 */
.view-id-newest_users .teaser__content .field--name-field-profile-self-introduction.field--item,
.view-id-newest_users .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item,
.view-id-newest_users .teaser__content .field--name-field-profile-self-introduction > .field--item,
.view-id-authors_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item,
.view-id-readers_faces_views .teaser__content .field--name-field-profile-self-introduction.field--item,
.view-id-publishers_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item,
.view-id-readers_faces_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item,
.view-id-itp_top_reviewers .teaser__content .field--name-field-profile-self-introduction.field--item,
.view-id-editors_faces_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item,
.view-id-writers_faces_view_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item,
.view-id-authors_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item,
.view-id-readers_faces_views .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item,
.view-id-publishers_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item,
.view-id-readers_faces_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item,
.view-id-itp_top_reviewers .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item,
.view-id-editors_faces_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item,
.view-id-writers_faces_view_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item,
.view-id-authors_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item,
.view-id-readers_faces_views .teaser__content .field--name-field-profile-self-introduction > .field--item,
.view-id-publishers_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item,
.view-id-readers_faces_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item,
.view-id-itp_top_reviewers .teaser__content .field--name-field-profile-self-introduction > .field--item,
.view-id-editors_faces_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item,
.view-id-writers_faces_view_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item {
  position: relative;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  overflow: hidden !important;
  text-overflow: ellipsis;
  word-break: break-word;
  margin-bottom: 0.75rem;
  min-width: 0;
  max-height: 8.125rem;
}

.view-id-newest_users .teaser__content .field--name-field-profile-self-introduction.field--item > *:not(:first-child)::before,
.view-id-newest_users .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *:not(:first-child)::before,
.view-id-newest_users .teaser__content .field--name-field-profile-self-introduction > .field--item > *:not(:first-child)::before,
.view-id-authors_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item > *:not(:first-child)::before,
.view-id-readers_faces_views .teaser__content .field--name-field-profile-self-introduction.field--item > *:not(:first-child)::before,
.view-id-publishers_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item > *:not(:first-child)::before,
.view-id-readers_faces_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item > *:not(:first-child)::before,
.view-id-itp_top_reviewers .teaser__content .field--name-field-profile-self-introduction.field--item > *:not(:first-child)::before,
.view-id-editors_faces_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item > *:not(:first-child)::before,
.view-id-writers_faces_view_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item > *:not(:first-child)::before,
.view-id-authors_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *:not(:first-child)::before,
.view-id-readers_faces_views .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *:not(:first-child)::before,
.view-id-publishers_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *:not(:first-child)::before,
.view-id-readers_faces_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *:not(:first-child)::before,
.view-id-itp_top_reviewers .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *:not(:first-child)::before,
.view-id-editors_faces_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *:not(:first-child)::before,
.view-id-writers_faces_view_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *:not(:first-child)::before,
.view-id-authors_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item > *:not(:first-child)::before,
.view-id-readers_faces_views .teaser__content .field--name-field-profile-self-introduction > .field--item > *:not(:first-child)::before,
.view-id-publishers_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item > *:not(:first-child)::before,
.view-id-readers_faces_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item > *:not(:first-child)::before,
.view-id-itp_top_reviewers .teaser__content .field--name-field-profile-self-introduction > .field--item > *:not(:first-child)::before,
.view-id-editors_faces_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item > *:not(:first-child)::before,
.view-id-writers_faces_view_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item > *:not(:first-child)::before {
  content: "\A ";
  white-space: pre;
}

.view-id-newest_users .teaser__content .field--name-field-profile-self-introduction.field--item > *,
.view-id-newest_users .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *,
.view-id-newest_users .teaser__content .field--name-field-profile-self-introduction > .field--item > *,
.view-id-authors_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item > *,
.view-id-readers_faces_views .teaser__content .field--name-field-profile-self-introduction.field--item > *,
.view-id-publishers_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item > *,
.view-id-readers_faces_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item > *,
.view-id-itp_top_reviewers .teaser__content .field--name-field-profile-self-introduction.field--item > *,
.view-id-editors_faces_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item > *,
.view-id-writers_faces_view_with_profile .teaser__content .field--name-field-profile-self-introduction.field--item > *,
.view-id-authors_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *,
.view-id-readers_faces_views .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *,
.view-id-publishers_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *,
.view-id-readers_faces_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *,
.view-id-itp_top_reviewers .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *,
.view-id-editors_faces_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *,
.view-id-writers_faces_view_with_profile .teaser__content .field--name-field-profile-self-introduction.field--items > .field--item > *,
.view-id-authors_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item > *,
.view-id-readers_faces_views .teaser__content .field--name-field-profile-self-introduction > .field--item > *,
.view-id-publishers_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item > *,
.view-id-readers_faces_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item > *,
.view-id-itp_top_reviewers .teaser__content .field--name-field-profile-self-introduction > .field--item > *,
.view-id-editors_faces_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item > *,
.view-id-writers_faces_view_with_profile .teaser__content .field--name-field-profile-self-introduction > .field--item > * {
  display: inline !important;
  margin-block: 0 !important;
  margin-inline: 0 !important;
}

/*
 * Visible "…" when WebKit skips native ellipsis under flattened teaser markup.
 * Class .itp-bio-truncated is toggled by views-member-author-directory.js (overflow check).
 */
.path-all-members .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after,
.path-all-authors .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after,
.path-all-publishers .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after,
.path-all-readers .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after,
.path-top-reviewers .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after,
.path-all-editors .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after,
.path-all-writers .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after {
  content: "\2026";
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 0;
  line-height: inherit;
  font-size: inherit;
  pointer-events: none;
  padding-inline-start: 1.75em;
  z-index: 1;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff 52%);
}

[dir='rtl'] .path-all-members .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after,
[dir='rtl'] .path-all-authors .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after,
[dir='rtl'] .path-all-publishers .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after,
[dir='rtl'] .path-all-readers .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after,
[dir='rtl'] .path-top-reviewers .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after,
[dir='rtl'] .path-all-editors .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after,
[dir='rtl'] .path-all-writers .card.teaser .field--name-field-profile-self-introduction.itp-bio-truncated::after {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0), #ffffff 52%);
}

/* socialbase .card__actionbar uses negative margin-top — it overlaps the bio. */
.view-id-newest_users .card__actionbar,
.view-id-authors_with_profile .card__actionbar,
.view-id-readers_faces_views .card__actionbar,
.view-id-publishers_with_profile .card__actionbar,
.view-id-readers_faces_with_profile .card__actionbar,
.view-id-itp_top_reviewers .card__actionbar,
.view-id-editors_faces_with_profile .card__actionbar,
.view-id-writers_faces_view_with_profile .card__actionbar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.35rem 0.5rem;
  margin-top: 0 !important;
  padding: 0.5rem 0.55rem 0.55rem;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

.view-id-newest_users .card__actionbar .card__link,
.view-id-newest_users .card__actionbar > a,
.view-id-authors_with_profile .card__actionbar .card__link,
.view-id-readers_faces_views .card__actionbar .card__link,
.view-id-publishers_with_profile .card__actionbar .card__link,
.view-id-readers_faces_with_profile .card__actionbar .card__link,
.view-id-itp_top_reviewers .card__actionbar .card__link,
.view-id-editors_faces_with_profile .card__actionbar .card__link,
.view-id-writers_faces_view_with_profile .card__actionbar .card__link,
.view-id-authors_with_profile .card__actionbar > a,
.view-id-readers_faces_views .card__actionbar > a,
.view-id-publishers_with_profile .card__actionbar > a,
.view-id-readers_faces_with_profile .card__actionbar > a,
.view-id-itp_top_reviewers .card__actionbar > a,
.view-id-editors_faces_with_profile .card__actionbar > a,
.view-id-writers_faces_view_with_profile .card__actionbar > a {
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: auto;
  max-width: 100%;
  align-self: auto;
  padding: 0.3rem 0.45rem !important;
  font-size: 0.75rem !important;
  line-height: 1.25;
}

/*
 * Stream link-only (.card__link): outlined pill matching Social Blue primary / Follow accent.
 * Theme sets .card__link color to brand-primary — border follows via currentColor.
 */
.view-id-newest_users .card__actionbar > a.card__link,
.view-id-authors_with_profile .card__actionbar > a.card__link,
.view-id-readers_faces_views .card__actionbar > a.card__link,
.view-id-publishers_with_profile .card__actionbar > a.card__link,
.view-id-readers_faces_with_profile .card__actionbar > a.card__link,
.view-id-itp_top_reviewers .card__actionbar > a.card__link,
.view-id-editors_faces_with_profile .card__actionbar > a.card__link,
.view-id-writers_faces_view_with_profile .card__actionbar > a.card__link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border: 1px solid currentColor;
  border-radius: 10px;
  background-color: #fff;
  text-decoration: none !important;
}

.view-id-newest_users .card__actionbar > a.card__link:hover,
.view-id-newest_users .card__actionbar > a.card__link:focus,
.view-id-authors_with_profile .card__actionbar > a.card__link:hover,
.view-id-readers_faces_views .card__actionbar > a.card__link:hover,
.view-id-publishers_with_profile .card__actionbar > a.card__link:hover,
.view-id-readers_faces_with_profile .card__actionbar > a.card__link:hover,
.view-id-itp_top_reviewers .card__actionbar > a.card__link:hover,
.view-id-editors_faces_with_profile .card__actionbar > a.card__link:hover,
.view-id-writers_faces_view_with_profile .card__actionbar > a.card__link:hover,
.view-id-authors_with_profile .card__actionbar > a.card__link:focus,
.view-id-readers_faces_views .card__actionbar > a.card__link:focus,
.view-id-publishers_with_profile .card__actionbar > a.card__link:focus,
.view-id-readers_faces_with_profile .card__actionbar > a.card__link:focus,
.view-id-itp_top_reviewers .card__actionbar > a.card__link:focus,
.view-id-editors_faces_with_profile .card__actionbar > a.card__link:focus,
.view-id-writers_faces_view_with_profile .card__actionbar > a.card__link:focus {
  text-decoration: none !important;
}

/* Follow flag / Bootstrap btn in action bar — compact to sit beside links */
.view-id-newest_users .card__actionbar .btn,
.view-id-authors_with_profile .card__actionbar .btn,
.view-id-readers_faces_views .card__actionbar .btn,
.view-id-publishers_with_profile .card__actionbar .btn,
.view-id-readers_faces_with_profile .card__actionbar .btn,
.view-id-itp_top_reviewers .card__actionbar .btn,
.view-id-editors_faces_with_profile .card__actionbar .btn,
.view-id-writers_faces_view_with_profile .card__actionbar .btn {
  padding: 0.3rem 0.45rem !important;
  font-size: 0.75rem !important;
  line-height: 1.25;
}

.view-id-newest_users .card__actionbar .flag,
.view-id-authors_with_profile .card__actionbar .flag,
.view-id-readers_faces_views .card__actionbar .flag,
.view-id-publishers_with_profile .card__actionbar .flag,
.view-id-readers_faces_with_profile .card__actionbar .flag,
.view-id-itp_top_reviewers .card__actionbar .flag,
.view-id-editors_faces_with_profile .card__actionbar .flag,
.view-id-writers_faces_view_with_profile .card__actionbar .flag {
  margin: 0;
}

.view-id-newest_users .card__actionbar form,
.view-id-authors_with_profile .card__actionbar form,
.view-id-readers_faces_views .card__actionbar form,
.view-id-publishers_with_profile .card__actionbar form,
.view-id-readers_faces_with_profile .card__actionbar form,
.view-id-itp_top_reviewers .card__actionbar form,
.view-id-editors_faces_with_profile .card__actionbar form,
.view-id-writers_faces_view_with_profile .card__actionbar form {
  margin: 0;
  display: inline-flex;
  align-items: center;
}

.views-ef-fieldset-root .card__block {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}

.views-ef-fieldset-root .card__block > .form-item {
  margin: 0;
  flex: 0 1 14rem;
  min-width: 0;
}

.views-ef-fieldset-root .card__block > .form-item .form-control,
.views-ef-fieldset-root .card__block > .form-item .select2-container {
  width: 100% !important;
}

.views-ef-fieldset-root .card__block > button[type="submit"] {
  align-self: flex-end;
  margin: 0;
  flex: 0 0 auto;
}

/* Empty <p.help-block> from the form would otherwise add a row. */
.views-ef-fieldset-root .card__block > .help-block:empty {
  display: none;
}

.view-id-authors_with_profile.view-display-id-block_1 .views-view-grid .views-row {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  justify-content: center;
}

.view-id-authors_with_profile.view-display-id-block_1 .card.teaser .teaser__image img {
  display: block;
  width: 100%;
  height: auto;
}

/*
 * Exposed "Search Authors" filter on /author-community. With exposed_block:
 * false the form renders inline at the top of the block_1 view, so there's no
 * Open Social .card__block wrapper (that path styles page_1 above). Recreate the
 * card and lay it out as: "Search Authors Name" title, then one row of
 * [First name] [Surname] [Genre] [Search].
 *
 * The submit button lives outside the views_ef_fieldset (buttons pid: ''), so we
 * collapse the fieldset box with display:contents to bring the legend, the
 * fields wrapper and the button into a single flex flow on the form.
 */
.view-id-authors_with_profile.view-display-id-block_1 .views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1rem;
  margin-bottom: 1.25rem;
  padding: 1.25rem 1.5rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* Collapse the fieldset so its legend + fields join the form's flex row. */
.view-id-authors_with_profile.view-display-id-block_1 .views-exposed-form fieldset {
  display: contents;
}

/* "Search Authors Name" — full-width title above the field row. */
.view-id-authors_with_profile.view-display-id-block_1 .views-exposed-form legend,
.view-id-authors_with_profile.view-display-id-block_1 .views-exposed-form legend .fieldset-legend {
  flex: 0 0 100%;
  width: 100%;
  margin: 0 0 0.25rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 600;
  border: 0;
}

/* The three filters share one line, wrapping on narrow screens. */
.view-id-authors_with_profile.view-display-id-block_1 .views-exposed-form .fieldset-wrapper {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1rem;
  min-width: 0;
}

.view-id-authors_with_profile.view-display-id-block_1 .views-exposed-form .form-item {
  flex: 0 1 14rem;
  min-width: 0;
  margin: 0;
}

.view-id-authors_with_profile.view-display-id-block_1 .views-exposed-form .form-item .form-control,
.view-id-authors_with_profile.view-display-id-block_1 .views-exposed-form .form-item .select2-container {
  width: 100% !important;
}

/* Search button aligns to the bottom of the field row. */
.view-id-authors_with_profile.view-display-id-block_1 .views-exposed-form .form-actions {
  display: flex;
  align-items: flex-end;
  margin: 0;
}

/* Empty BEF help/description text would otherwise add a blank row. */
.view-id-authors_with_profile.view-display-id-block_1 .views-exposed-form .help-block:empty,
.view-id-authors_with_profile.view-display-id-block_1 .views-exposed-form .description:empty {
  display: none;
}

.view-id-authors_with_profile.view-display-id-block_1 .views-view-grid .views-row {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.view-id-authors_with_profile.view-display-id-block_1 .card.teaser .teaser__image img {
  display: block;
  width: 100%;
  height: auto;
}

/*
 * Reading Community (/reading-community) — readers_faces_views block_1.
 * Mirror of the authors_with_profile block_1 rules so the readers block gets
 * the same card grid + horizontal "Search Readers Name" exposed form.
 */
.view-id-readers_faces_views.view-display-id-block_1 .views-view-grid .views-row {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  justify-content: center;
}

.view-id-readers_faces_views.view-display-id-block_1 .card.teaser .teaser__image img {
  display: block;
  width: 100%;
  height: auto;
}

/*
 * Exposed "Search Authors" filter on /author-community. With exposed_block:
 * false the form renders inline at the top of the block_1 view, so there's no
 * Open Social .card__block wrapper (that path styles page_1 above). Recreate the
 * card and lay it out as: "Search Authors Name" title, then one row of
 * [First name] [Surname] [Genre] [Search].
 *
 * The submit button lives outside the views_ef_fieldset (buttons pid: ''), so we
 * collapse the fieldset box with display:contents to bring the legend, the
 * fields wrapper and the button into a single flex flow on the form.
 */
.view-id-readers_faces_views.view-display-id-block_1 .views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1rem;
  margin-bottom: 1.25rem;
  padding: 1.25rem 1.5rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* Collapse the fieldset so its legend + fields join the form's flex row. */
.view-id-readers_faces_views.view-display-id-block_1 .views-exposed-form fieldset {
  display: contents;
}

/* "Search Authors Name" — full-width title above the field row. */
.view-id-readers_faces_views.view-display-id-block_1 .views-exposed-form legend,
.view-id-readers_faces_views.view-display-id-block_1 .views-exposed-form legend .fieldset-legend {
  flex: 0 0 100%;
  width: 100%;
  margin: 0 0 0.25rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 600;
  border: 0;
}

/* The three filters share one line, wrapping on narrow screens. */
.view-id-readers_faces_views.view-display-id-block_1 .views-exposed-form .fieldset-wrapper {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1rem;
  min-width: 0;
}

.view-id-readers_faces_views.view-display-id-block_1 .views-exposed-form .form-item {
  flex: 0 1 14rem;
  min-width: 0;
  margin: 0;
}

.view-id-readers_faces_views.view-display-id-block_1 .views-exposed-form .form-item .form-control,
.view-id-readers_faces_views.view-display-id-block_1 .views-exposed-form .form-item .select2-container {
  width: 100% !important;
}

/* Search button aligns to the bottom of the field row. */
.view-id-readers_faces_views.view-display-id-block_1 .views-exposed-form .form-actions {
  display: flex;
  align-items: flex-end;
  margin: 0;
}

/* Empty BEF help/description text would otherwise add a blank row. */
.view-id-readers_faces_views.view-display-id-block_1 .views-exposed-form .help-block:empty,
.view-id-readers_faces_views.view-display-id-block_1 .views-exposed-form .description:empty {
  display: none;
}

.view-id-readers_faces_views.view-display-id-block_1 .views-view-grid .views-row {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.view-id-readers_faces_views.view-display-id-block_1 .card.teaser .teaser__image img {
  display: block;
  width: 100%;
  height: auto;
}

/*
 * Publisher Community (/your-publisher-community) — publishers_with_profile block_1.
 * Mirror of the authors_with_profile block_1 rules so the publishers block gets
 * the same card grid + horizontal "Search Publishers Name" exposed form.
 */
.view-id-publishers_with_profile.view-display-id-block_1 .views-view-grid .views-row {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  justify-content: center;
}

.view-id-publishers_with_profile.view-display-id-block_1 .card.teaser .teaser__image img {
  display: block;
  width: 100%;
  height: auto;
}

/*
 * Exposed "Search Authors" filter on /author-community. With exposed_block:
 * false the form renders inline at the top of the block_1 view, so there's no
 * Open Social .card__block wrapper (that path styles page_1 above). Recreate the
 * card and lay it out as: "Search Authors Name" title, then one row of
 * [First name] [Surname] [Genre] [Search].
 *
 * The submit button lives outside the views_ef_fieldset (buttons pid: ''), so we
 * collapse the fieldset box with display:contents to bring the legend, the
 * fields wrapper and the button into a single flex flow on the form.
 */
.view-id-publishers_with_profile.view-display-id-block_1 .views-exposed-form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1rem;
  margin-bottom: 1.25rem;
  padding: 1.25rem 1.5rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

/* Collapse the fieldset so its legend + fields join the form's flex row. */
.view-id-publishers_with_profile.view-display-id-block_1 .views-exposed-form fieldset {
  display: contents;
}

/* "Search Authors Name" — full-width title above the field row. */
.view-id-publishers_with_profile.view-display-id-block_1 .views-exposed-form legend,
.view-id-publishers_with_profile.view-display-id-block_1 .views-exposed-form legend .fieldset-legend {
  flex: 0 0 100%;
  width: 100%;
  margin: 0 0 0.25rem;
  padding: 0;
  font-size: 1rem;
  font-weight: 600;
  border: 0;
}

/* The three filters share one line, wrapping on narrow screens. */
.view-id-publishers_with_profile.view-display-id-block_1 .views-exposed-form .fieldset-wrapper {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem 1rem;
  min-width: 0;
}

.view-id-publishers_with_profile.view-display-id-block_1 .views-exposed-form .form-item {
  flex: 0 1 14rem;
  min-width: 0;
  margin: 0;
}

.view-id-publishers_with_profile.view-display-id-block_1 .views-exposed-form .form-item .form-control,
.view-id-publishers_with_profile.view-display-id-block_1 .views-exposed-form .form-item .select2-container {
  width: 100% !important;
}

/* Search button aligns to the bottom of the field row. */
.view-id-publishers_with_profile.view-display-id-block_1 .views-exposed-form .form-actions {
  display: flex;
  align-items: flex-end;
  margin: 0;
}

/* Empty BEF help/description text would otherwise add a blank row. */
.view-id-publishers_with_profile.view-display-id-block_1 .views-exposed-form .help-block:empty,
.view-id-publishers_with_profile.view-display-id-block_1 .views-exposed-form .description:empty {
  display: none;
}

.view-id-publishers_with_profile.view-display-id-block_1 .views-view-grid .views-row {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.view-id-publishers_with_profile.view-display-id-block_1 .card.teaser .teaser__image img {
  display: block;
  width: 100%;
  height: auto;
}