/* 기술 · 서비스 — 시안 캡처 「기술 · 서비스.png」(목록) · 「기술 · 서비스-1.png」(상세 팝업), 1920 기준
   Figma 데이터가 아니라 캡처를 픽셀로 재서 옮긴 값이다. 헤더 · 푸터 · 탭 · 카드 기본은 style.css,
   카드 상세 팝업은 홈과 같이 쓰려고 card-modal.css 로 옮겼다. */

/* ── 목록 ── */
.svc
{
  padding: 95px 0 170px;
}
.svc .cards
{
  row-gap: 60px;
}

/* 이 시안의 카드 글자: 날짜 14 · 제목 24 · 설명 16/21(3줄) · 태그 12 */
.svc .card__date
{
  font-size: 14px;
  line-height: 17px;
}
/* 시안은 한글을 글자 단위로 줄바꿈한다(「기회를 만 / 나보세요」) — 사이트 기본 keep-all 대신 normal */
.svc .card__desc
{
  /* height: 63px; */
  line-height: 24px;
  word-break: normal;
}
.svc .tags
{
  gap: 4px;
  margin-top: 15px;
}
.svc .tags li
{
  padding: 0 10px;
  font-size: 12px;
  line-height: 21px;
}

/* ── 좁은 화면 ── */
@media (max-width: 760px)
{
  .svc
  {
    padding: 56px 0 96px;
  }
  .svc .cards
  {
    row-gap: 40px;
  }
}