/*
 * 딜체커 사이트 공통 글자 기준 (2026-10-07 확정).
 * - 모든 페이지에서 마지막에 불러온다. 여기서는 기준 변수와 body 기본 서체만 정한다.
 * - 화면별 요소는 이 변수(var(--fs-*), var(--fc-*), var(--fw-*))를 써서 맞춘다.
 * - 예외: 칼럼 본문(명조, columns.css), 로고 DEAL CHECKER 워드마크.
 */
:root {
  --font-sans: "Apple SD Gothic Neo", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Malgun Gothic", sans-serif;

  /* 크기 단계 */
  --fs-xs: 11px;    /* 보조: 출처·각주·작은 배지 */
  --fs-sm: 12.5px;  /* 본문(작게): 카드 항목·설명 */
  --fs-md: 13.5px;  /* 본문: 안내문·목록 항목 */
  --fs-lg: 14.5px;  /* 카드 제목·주소 */
  --fs-num: 17px;   /* 강조 숫자: 금액·결과값 */
  --fs-xl: 22px;    /* 헤드라인(이상은 화면별) */

  /* 글자색 */
  --fc-text: #1f2a25;    /* 본문·값 */
  --fc-label: #56635d;   /* 항목명 */
  --fc-sub: #6f7b76;     /* 보조 */
  --fc-accent: #075b42;  /* 강조(초록) */

  /* 굵기 */
  --fw-regular: 500;  /* 일반 */
  --fw-value: 600;    /* 값 */
  --fw-title: 700;    /* 제목 */
  --fw-strong: 800;   /* 강조 숫자 */
}

body { font-family: var(--font-sans); }
button, input, select, textarea { font-family: inherit; }
.home-brand { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

/* iOS 기본 탭 하이라이트(회색·검은 덩어리) 제거. 특히 <label>로 감싼 사례 카드 본문을 누르면
   글씨 영역이 잠깐 검게 칠해졌다가 사라졌다. 선택 상태는 각 카드의 초록 테두리로 보여 준다. */
a, button, label, summary, [role="button"], .case-card, .deal-card { -webkit-tap-highlight-color: transparent; }

/* 화면 폭별 표기 전환 유틸: 데스크톱 전용(.desk-only) / 휴대폰 전용(.mob-only) */
.mob-only { display: none; }
@media (max-width: 899px) {
  .desk-only { display: none !important; }
  .mob-only { display: inline; }
}
/* 휴대폰 카드 토지 줄의 평당가 강조 */
.land-unit { margin-left: 2px; color: var(--fc-accent); font-weight: var(--fw-strong); white-space: nowrap; }
/* 휴대폰 토지 줄의 (건물 ○억)도 평 표기와 같은 크기·굵기 */
.mob-only .building-deduction { font-size: inherit; font-weight: inherit; color: inherit; }
/* 2026-10-07 카드 항목명(용도·토지·연면적·사용승인·용도지역) 네 글자 폭 양끝 정렬 */
.case-kv > b[data-spread="1"] { display: flex; justify-content: space-between; width: 4em; max-width: 100%; }
/* 2026-10-07 항목명-내용 간격 넓힘 (7px→14px) */
body[data-nav] .case-kv { column-gap: 14px; }