/* how 가족 고유 규칙 (/how-your-case-works/ ×3). 공통 규칙은 site.css. */

/* ≤336: 한국어 범례 4행 '청구와 협상(Demand and negotiation)'의 영어 병기가 336폭 이하에서 오른쪽 여백을 넘는다.
   현재 빌드(ko, ≤335)와 같이 4행만 묶음을 풀어 줄을 바꾼다(다른 행의 괄호·하이픈은 끊지 않는다).
   공통 범례의 글자 시작점이 현재 빌드보다 1.2px 오른쪽이라 336폭에서도 0.6px 넘쳐, 경계를 1px 넓혔다. */
@media (max-width:336px){
  .c-legend>li:nth-child(4) .nw{white-space:normal}
}

/* ≥900: 본문 안 .nw 묶음은 부모의 줄바꿈을 따른다(현재 빌드 How 3언어와 같다).
   한국어 단계판 제목 '청구와 협상(Demand and negotiation)'이 344폭 왼쪽 열을 넘지 않게 한다.
   상호(첫 문단)와 띠의 전화번호는 현재 빌드의 인라인 nowrap과 같이 모든 폭에서 묶는다(es 956~1117에서 'Eden / Law Group' 갈림 방지). */
@media (min-width:900px){
  main .nw{white-space:inherit}
  .c-intro .nw,.c-cta .nw{white-space:nowrap}
}
/* ≤899: 단계판 제목 → '로펌이 하는 일' 라벨 14(현재 빌드. 공통 .c-split row-gap 20을 단계판에서만 되돌린다) */
@media (max-width:899px){
  .c-split--plate{row-gap:14px}
}