.business-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 18px;
}

.business-card {
  grid-column: auto;
  min-height: 350px;
  padding: 22px;
  border-radius: 30px;
}

.business-card:nth-child(7) { animation-delay: 580ms; }
.business-card:nth-child(8) { animation-delay: 650ms; }
.business-card.is-xixi { --card-accent: #16483f; }
.business-card.is-evresume { --card-accent: #1769ff; }

.business-card .card-number {
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.12em;
}

.business-card .logo-stage {
  height: 60px;
  margin: 14px 0 16px;
}

.business-card .logo-stage img { max-height: 58px; }
.business-card.is-qingyi .logo-stage img { width: 50px; height: 50px; }
.business-card.is-engineseek .logo-stage img { max-height: 50px; }
.business-card.is-xixi .logo-stage img { width: 58px; height: 58px; }

/* Reuse EVresume's code-native header mark; no font or image download needed. */
.evresume-logo { display: flex; align-items: center; gap: 10px; color: #171a20; }
.evresume-mark { display: flex; flex: 0 0 29px; flex-direction: column; justify-content: center; gap: 4px; height: 32px; }
.evresume-mark > span { display: block; width: 24px; height: 4px; transform: skew(-18deg); background: #1769ff; }
.evresume-mark > span:nth-child(2) { width: 17px; }
.evresume-mark > span:nth-child(3) { width: 25px; }
.evresume-wordmark b { display: block; font-size: 17px; line-height: 1.25; letter-spacing: 0.065em; font-weight: 780; white-space: nowrap; }
.evresume-dot { color: #1769ff; }
.evresume-wordmark small { display: block; margin-top: 3px; font-size: 10px; line-height: 1.4; letter-spacing: 0.2em; color: #465b53; }

.business-card h3 { font-size: 22px; line-height: 1.3; }
.business-card p { margin: 12px 0 20px; font-size: 14px; line-height: 1.65; }
.business-card .card-action {
  min-height: 46px;
  padding: 7px 14px;
  border-radius: 16px;
  font-size: 13px;
  line-height: 1.4;
}
.business-card .card-action::after { flex-shrink: 0; margin-left: 8px; font-size: 17px; }

@media (max-width: 1179px) and (min-width: 761px) {
  .business-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .business-grid { grid-template-columns: minmax(0, 1fr); grid-auto-rows: auto; gap: 16px; }
  .business-card {
    min-height: 320px;
    padding: 24px;
    border-radius: 28px;
  }
}