/* ============================================================
   ANK 세무회계 — 홈 업무 분야 미리보기 카드 (4개)
   카드 하나당 id 셀렉터로 규칙을 분리했습니다.
   #service-xxx 블록 하나를 수정해도 다른 카드에는 영향이 없습니다.
   ============================================================ */

.card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.card {
  --card-bg: var(--white);
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 26px;
  display: block;
  text-decoration: none;
  transition: border-color 0.15s ease, transform 0.15s ease;
}
.card:hover { text-decoration: none; border-color: var(--midblue); transform: translateY(-2px); }

.card .icon-badge {
  width: 44px; height: 44px;
  border-radius: 10px;
  margin-bottom: 16px;
}

.card h3 { margin: 0 0 8px; font-size: 1.05rem; color: var(--navy); }
.card p { margin: 0; font-size: 0.9rem; color: var(--text-muted); }
.card .card-more { display: block; margin-top: 12px; font-size: 0.85rem; font-weight: 600; color: var(--midblue); }

/* ---- 카드별 개별 규칙 (목록 항목 분리) ---- */
#service-bookkeeping   .icon-badge { background: linear-gradient(135deg, var(--blue), var(--midblue)); }
#service-incorporation .icon-badge { background: linear-gradient(135deg, var(--blue), var(--midblue)); }
#service-inheritance   .icon-badge { background: linear-gradient(135deg, var(--blue), var(--midblue)); }
#service-transfer-gift .icon-badge { background: linear-gradient(135deg, var(--blue), var(--midblue)); }

@media (max-width: 960px) {
  .card-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .card-grid { grid-template-columns: 1fr; }
}