/* contact 가족 고유 규칙 (/contact/ ×3). 공통 부품은 site.css — 여기에는 이 페이지에만 있는 배치·모바일 규격만 둔다.
   기준: 현재 빌드(pages/contact.html)의 ≤899 규칙과 style-guide §10·§12 D24(폼·사실 칸: 600~899 두 열, ≤599 한 열). 값은 site.css 토큰. */

/* 폼 왼쪽 열(칩 + 제목 + 안내): 격자 칸이 내용 폭으로 넓어지지 않게 */
.c-consult__aside{min-width:0}
/* 연락처 칸 라벨 아이콘: 라벨 줄 가운데(현재 빌드 dt align-items:center). site.css의 About용 flex-start를 이 칸에서만 되돌린다 */
.c-facts--cards dt>.c-ico{align-self:center}
/* 전화·메일·사무실 칸의 dd 자체는 본문 18(현재 빌드: dd에 크기 없음 — 링크가 40·24, 주소가 19를 갖는다). 시간 칸 dd는 19 그대로 */
.c-facts--cards dd:has(>.c-facts__big,>.c-facts__mid,>address){font-size:var(--fs-body)}
.c-facts--cards address{font-size:var(--fs-lead);line-height:1.5}

@media (max-width:899px){
  /* 히어로 바로 뒤 회색 폼 띠: 띠 위 여백은 띠 안쪽 32만(.c-hero + .c-sec 28을 끈다), 아래 48 */
  .c-hero + #consult{padding-top:0}
  #consult>.c-wrap{padding-top:32px}
  #consult .c-split{row-gap:32px}
  #consult .c-aside-rule{margin-top:16px}

  /* 히어로의 전화 링크·연락처 칸의 메일 링크: 인라인 위아래 8로 탭 영역 41~42(현재 빌드. 흐름은 바꾸지 않는다) */
  .c-hero__sub a,.c-facts--cards a[href^="mailto"]{padding:8px 0}

  /* 폼 글자(현재 빌드 휴대폰 값) */
  .c-form__req{font-size:var(--fs-body)}
  .c-check--sms label{font-size:var(--fs-body)}
  .c-radio[lang="ko"]{font-size:var(--fs-note)}
  .form-status:empty{margin:0}

  /* '연락 뒤 일어나는 일' 정거장 줄: 번호 왼쪽 열 + 칩·글 오른쪽 열, 행 1px, 현재 단계 왼쪽 6px 녹색 */
  .c-stops--contact{margin-top:16px;row-gap:0}
  .c-stops--contact>li{display:grid;grid-template-columns:2.2em minmax(0,1fr);align-items:baseline;padding:14px 0 14px 16px;border-top:1px solid var(--ink)}
  .c-stops--contact>li[aria-current]{box-shadow:inset 6px 0 0 var(--green)}
  .c-stops--contact .c-stops__rail{display:none}
  .c-stops--contact .c-stops__n{grid-row:1 / span 2;align-self:start;font-size:26px}
  .c-stops--contact .c-chip{grid-column:2;margin:0 0 10px}
  .c-stops--contact .c-stops__text{grid-column:2;padding-right:0;font-size:var(--fs-body)}

  /* ko 고지 판: 휴대폰 한국어 문단 줄간 1.6(현재 빌드 html[lang=ko] main p와 같다 — 고지 줄이 li라 site.css 규칙이 닿지 않는다) */
  html[lang="ko"] .c-disclosure--mist :is(.c-disclosure__lead,li){line-height:1.6}

  /* 고지 판 → 연락처 블록: 앞 잉크 → 다음 잉크 56(현재 빌드 24/0 · 63/56) */
  .c-sec[aria-labelledby="h-after"]{padding-bottom:0}
  .c-sec[aria-labelledby="h-office"]{padding-top:63px}

  /* 연락처 섹션: 큰 전화 24, 주소 18/1.5 (사실 칸 ≤599 한 열·라디오 ≤599/≤389·.nw-m 은 site.css 공통) */
  .c-sec[aria-labelledby="h-office"] .c-split{row-gap:16px}
  .c-facts__big{font-size:24px;padding:6px 0}
  .c-facts--cards address{font-size:var(--fs-body)}
}
/* ≤899 히어로 안 전화 링크: 인라인 위아래 8로 탭 영역 41(현재 빌드. 흐름은 바꾸지 않는다) */
@media (max-width:899px){
  .c-hero--contact .c-hero__in a{padding:8px 0}
}
/* 연락처 칸: 라벨 아이콘 검정(B·현재 빌드 — 글자만 라벨색), dd 줄간 1.55(현재 빌드), 히어로 링크 밑줄 5px(B) */
.c-facts--cards dt>.c-ico{color:var(--ink)}
.c-facts--cards dd{line-height:1.55}
.c-hero--contact .c-hero__lede a{text-underline-offset:5px}