/* 업무분야 상세 화면 (PC) */

/* 하위 메뉴 간격(업무분야 6개) */
.subnav { gap: 8px 36px; }

/* 분야 소개: 왼쪽 본문, 오른쪽 담당 변호사 상자 */
.practice-area { display: flex; flex-wrap: wrap; gap: 64px; align-items: flex-start; }
.practice-area__main { flex: 1 1 480px; min-width: 0; }
.practice-area__head { min-height: 72px; }
.practice-area__no { font-family: var(--en); font-size: 13px; line-height: 18px; font-weight: 700; letter-spacing: 3px; color: var(--gold); }
.practice-area__title { font-size: 32px; line-height: 44px; font-weight: 700; color: var(--green); }
.practice-area__summary { margin-bottom: 28px; font-size: 17px; line-height: 30px; color: var(--text-2); }
.practice-area__summary p + p { margin-top: 12px; }

/* 주요 업무 격자 */
.practice-services { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; font-size: 16px; font-weight: 500; }
.practice-services li { min-height: 64px; background: var(--beige-light); padding: 12px 20px; display: flex; align-items: center; }

/* 담당 변호사 상자 */
.practice-box { flex: 0 1 380px; min-width: 0; background: var(--green); color: #FFFFFF; padding: 32px; }
.practice-box__en { font-family: var(--en); font-size: 13px; font-weight: 700; letter-spacing: 3px; color: var(--beige); margin-bottom: 20px; }
.practice-lawyer { min-height: 80px; display: flex; align-items: center; gap: 16px; border-top: 1px solid #44554E; color: #FFFFFF; }
.practice-lawyer:hover { color: var(--beige); }
.practice-lawyer__photo { display: block; flex: none; width: 56px; height: 56px; border-radius: 28px; object-fit: cover; object-position: top; background: #2B3E37; }
.practice-lawyer__text { flex: 1; min-width: 0; }
.practice-lawyer__name { display: block; font-size: 17px; font-weight: 700; }
.practice-lawyer__fields { display: block; font-size: 13px; color: #C9D2CD; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.practice-lawyer svg { flex: none; }
.practice-box__call { margin-top: 20px; min-height: 52px; padding: 8px 16px; text-align: center; overflow-wrap: anywhere; display: flex; align-items: center; justify-content: center; background: var(--beige); color: var(--green); font-size: 16px; font-weight: 700; }
.practice-box__call:hover { color: var(--gold); }

/* 성공사례 분류 단추 줄 */
.practice-chips { margin-bottom: 24px; }

/* 어두운 상자 안의 초점 테두리는 밝은 색으로 */
.practice-box a:focus-visible { outline-color: #FFFFFF; }

/* 띄어쓰기 없는 긴 글(주소 등)이 들어와도 칸 밖으로 넘치지 않게 */
.practice-services li, .practice-area__title, .practice-area__summary, .practice-lawyer__name { min-width: 0; overflow-wrap: anywhere; }
.practice-lawyer__fields .field { display: inline; }