/* Fictional recommendation portraits with a translucent white reading layer. */
.recommend-card {
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #e7ece8;
  background-image: linear-gradient(180deg, rgba(255,255,255,.3), rgba(255,255,255,.8) 72%), var(--recommend-photo);
  background-position: center, center 30%;
  background-size: cover;
  background-repeat: no-repeat;
}

.recommend-card--a { --recommend-photo: url("assets/recommend-yamada-hanako-20260928.jpg"); }
.recommend-card--b { --recommend-photo: url("assets/recommend-sato-taro-20260928.webp"); }
.recommend-card--c { --recommend-photo: url("assets/recommend-suzuki-midori-20260928.jpg"); }

.recommend-card .recommend-role {
  color: #495052;
  font-weight: 700;
}

.recommend-card > p:last-child {
  margin-bottom: 0;
  font-weight: 600;
}

@media (max-width: 560px) {
  .recommend-card { min-height: 340px; }
}