/* Traditions page overrides */
.grid .card img { max-height: 260px; object-fit: cover; }

/* 确保网页端图片在同一水平线上 */
@media (min-width: 900px) {
  .grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  
  .card {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  
  /* 让内容区域自适应，确保图片位于底部 */
  .card > :not(img) {
    flex-grow: 1;
  }
  
  /* 对于包含链接的卡片，确保底部对齐 */
  .card:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}