/* Mobile review thirds and journal fan. Desktop layouts are unchanged. */
@media (max-width: 740px) {
  body.page-review .review-stories,
  body.page-review #review-blog {
    overflow: hidden;
  }

  body.page-review .review-card-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    align-items: stretch;
  }

  body.page-review .review-card-grid .review-card {
    min-width: 0;
    min-height: 276px;
    padding: 12px 9px 11px !important;
  }

  body.page-review .review-card__top {
    height: 17px;
  }

  body.page-review .review-card__provider {
    gap: 4px;
    font-size: 9px;
    white-space: nowrap;
  }

  body.page-review .review-card__provider .review-provider-dot {
    width: 5px;
    height: 5px;
  }

  body.page-review .review-card__quote {
    display: none;
  }

  body.page-review .review-card__stars {
    margin-top: 11px;
    font-size: 8px;
    letter-spacing: 1px;
    white-space: nowrap;
  }

  body.page-review .review-card blockquote {
    display: -webkit-box;
    min-height: 8.2em;
    margin: 10px 0 12px;
    overflow: hidden;
    color: #292b27 !important;
    font-size: 11px;
    line-height: 1.48;
    word-break: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }

  body.page-review .review-card__excerpt {
    margin-top: 8px;
    font-size: 8px;
  }

  body.page-review .review-card__tags {
    gap: 3px;
    margin-bottom: 9px;
  }

  body.page-review .review-card__tags span {
    padding: 2px 4px;
    font-size: 8px;
  }

  body.page-review .review-card__tags span + span {
    display: none;
  }

  body.page-review .review-card footer {
    padding-top: 8px;
  }

  body.page-review .review-card footer > div {
    display: block;
  }

  body.page-review .review-card footer strong,
  body.page-review .review-card footer strong a {
    font-size: 9px;
    line-height: 1.35;
  }

  body.page-review .review-card footer span {
    display: none;
  }

  body.page-review .review-card__source {
    margin-top: 7px;
    font-size: 8px;
    line-height: 1.35;
  }

  body.page-review #review-blog .dbj-review-editorial {
    margin-bottom: 34px;
  }

  body.page-review #review-blog .dbj-bento {
    position: relative;
    display: block !important;
    width: 100%;
    height: 448px;
    margin: 20px 0 14px;
    overflow: visible;
    isolation: isolate;
  }

  body.page-review #review-blog .dbj-bento .dbj-card:nth-child(n) {
    position: absolute;
    top: 0;
    left: 50%;
    display: flex;
    grid-column: auto !important;
    grid-row: auto !important;
    width: min(72vw, 270px);
    height: 408px;
    margin: 0;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 18px 34px rgba(26, 24, 19, .28);
    transform-origin: 50% 112%;
  }

  body.page-review #review-blog .dbj-bento .dbj-card-link {
    display: flex !important;
    grid-template-columns: none !important;
    flex-direction: column;
    width: 100%;
  }

  body.page-review #review-blog .dbj-bento .dbj-card-photo,
  body.page-review #review-blog .dbj-bento .dbj-card:first-child .dbj-card-photo {
    position: relative;
    flex: 0 0 178px;
    min-height: 0;
  }

  body.page-review #review-blog .dbj-bento .dbj-card-photo img,
  body.page-review #review-blog .dbj-bento .dbj-card:first-child .dbj-card-photo img,
  body.page-review #review-blog .dbj-bento .dbj-card:nth-child(2) .dbj-card-photo img {
    position: static;
    width: 100%;
    height: 178px;
    aspect-ratio: auto !important;
    object-fit: cover;
  }

  body.page-review #review-blog .dbj-bento .dbj-card-copy {
    min-height: 0;
    padding: 17px 16px 18px;
  }

  body.page-review #review-blog .dbj-bento .dbj-card h3,
  body.page-review #review-blog .dbj-bento .dbj-card:first-child h3 {
    display: -webkit-box;
    min-height: 0;
    margin: 10px 0 14px;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.42;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }

  body.page-review #review-blog .dbj-bento .dbj-card-excerpt {
    display: none;
  }

  body.page-review #review-blog .dbj-bento .dbj-card:nth-child(1) {
    z-index: 1;
    transform: translateX(-88%) translateY(32px) rotate(-10deg) scale(.86);
  }

  body.page-review #review-blog .dbj-bento .dbj-card:nth-child(2) {
    z-index: 3;
    transform: translateX(-64%) translateY(7px) rotate(-4deg) scale(.96);
  }

  body.page-review #review-blog .dbj-bento .dbj-card:nth-child(3) {
    z-index: 4;
    transform: translateX(-36%) translateY(7px) rotate(4deg) scale(.96);
  }

  body.page-review #review-blog .dbj-bento .dbj-card:nth-child(4) {
    z-index: 2;
    transform: translateX(-12%) translateY(32px) rotate(10deg) scale(.86);
  }

  body.page-review #review-blog .dbj-guest-label {
    position: relative;
    z-index: 5;
    margin-top: 18px;
  }
}

@media (max-width: 340px) {
  body.page-review .review-card-grid { gap: 5px !important; }
  body.page-review .review-card-grid .review-card { min-height: 264px; padding-inline: 7px !important; }
  body.page-review .review-card blockquote { font-size: 10px; }
  body.page-review #review-blog .dbj-bento { height: 410px; }
  body.page-review #review-blog .dbj-bento .dbj-card:nth-child(n) {
    width: min(72vw, 238px);
    height: 374px;
  }
  body.page-review #review-blog .dbj-bento .dbj-card-photo,
  body.page-review #review-blog .dbj-bento .dbj-card:first-child .dbj-card-photo {
    flex-basis: 154px;
  }
  body.page-review #review-blog .dbj-bento .dbj-card-photo img,
  body.page-review #review-blog .dbj-bento .dbj-card:first-child .dbj-card-photo img,
  body.page-review #review-blog .dbj-bento .dbj-card:nth-child(2) .dbj-card-photo img {
    height: 154px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-review #review-blog .dbj-bento .dbj-card { transition: none !important; }
}