/* About 가족 고유 규칙 (src/templates/about.j2). 공통 부품 값은 site.css — 여기에는 About에만 있는 것만 둔다. */

/* 책임 변호사 면허 줄: 20/700/1.45, 아래 .875rem 뒤 7.02(a) 줄(위 1px 선)이 온다 (component-map §5-2) */
.c-about-license{font-size:20px;font-weight:700;line-height:1.45;padding-bottom:.875rem;max-width:none}

/* 한눈에: 메일 주소는 어디서든 끊어 넘침을 막는다 */
#firm-facts a[href^="mailto:"]{overflow-wrap:anywhere}

/* span.nw-m(휴대폰·태블릿에서만 묶는 글자)은 site.css 공통 */
@media (max-width:899px){
  /* 면허 줄 20 → 19(현재 빌드 휴대폰: 20px 글자는 19) */
  .c-about-license{font-size:var(--fs-lead)}
  /* 업무 분야 영어 이름은 한 덩어리로 */
  html[lang="en"] #firm-facts a[href*="#"]{white-space:nowrap}
  /* 탭 영역 44 */
  #firm-facts a[href^="tel"],#firm-facts a[href^="mailto"]{display:inline-flex;align-items:center;min-height:var(--tap)}
}
/* ≤899 섹션 리듬(현재 빌드 About 휴대폰): 히어로 → 소개 블록 35(머리선 점 보정 7), 소개 → 카드 섹션 3,
   카드의 화살표 링크는 44 높이 블록(글이 한 줄이라 인라인 묶음이 필요 없다) */
@media (max-width:899px){
  .c-hero + .c-sec{padding-top:35px}
  .c-sec--pt-72 + .c-sec--pt-72{padding-top:7px}
  .c-cards--about .c-arrow{display:inline-flex;align-items:center;min-height:var(--tap);padding:0}
  .c-cards--about .c-arrow>.nw{display:contents}  /* 공통 ≤899 '.c-arrow>.nw{display:inline}'가 flex 항목을 쪼개 글이 찢기므로 되돌린다 */
  .c-cards--about .c-arrow svg{margin-left:0}
  /* ko 책임 변호사 블록 줄간(현재 빌드): 면허 줄 1.45, 7.02(a) 줄 1.55 */
  html[lang="ko"] .c-about-license{line-height:1.45}
  html[lang="ko"] .c-about-license + [data-disclosure="7.02a"]{line-height:1.55}
}
/* 한눈에·카드의 괄호 묶음(.nw-m)은 데스크톱에서도 한 덩어리로(ko '(Wrongful Death)', es '(Slip & Fall)', 업무 시간 범위 — 괄호 쪼개짐 방지. 가장 긴 묶음 약 200px, dd 폭 422) */
#firm-facts .nw-m,.c-cards--about .nw-m,.c-disclosure--list .nw-m{white-space:nowrap}
/* ≤899 About 고유 간격(현재 빌드 휴대폰): 히어로 리드 위 20, 제목 → 내용 16(공통 .c-split12 20), 한눈에 띠 안쪽 위 52 */
@media (max-width:899px){
  .c-hero--about .c-hero__lede{margin-top:20px}
  .c-split12{row-gap:16px}
  .c-sec--mist>.c-wrap{padding-top:48px}
}