/* ══════════════════════════════════════════════════
   부동산 취득세 계산기 전용 (page-acquisition-tax.php)
   ※ 계산기 공통 UI(calc-wrap/calc-card/form-input/result-card)는 income.css 재사용
   ※ 탭(.vc-tabs) · 입력그룹(.vc-group) · 체크(.vc-check) 는 vatcalc.css 재사용
   ※ 선택 카드(.pt-choice/.pt-opt) 와 그룹 보조설명(.pt-g-sub) 은 propertytax.css 재사용
   ※ 이 파일은 '취득원인 4탭' 과 '세율표' 전용입니다.
══════════════════════════════════════════════════ */

/* ── 취득원인 탭 (4개) ── */
.at-tabs{grid-template-columns:repeat(4,1fr);}

/* ── 세율표 ── */
/* 공통 .calc-help-table 은 첫 칸을 nowrap 으로 두는데, 세율표는 문장이 길어 줄바꿈을 허용합니다 */
.at-rate-table td:first-child{white-space:normal;}
.at-rate-table th{text-align:center;vertical-align:middle;}
.at-rate-table th small{display:block;font-size:11px;font-weight:400;opacity:.8;margin-top:2px;}
.at-rate-table td{text-align:center;}
.at-rate-table td:first-child,
.at-rate-table td:nth-child(2){text-align:left;}
.at-rate-table td[rowspan]{vertical-align:middle;}

.at-rate-note{
  margin-top:12px;font-size:13px;color:var(--text-sub);line-height:1.75;
}
.at-rate-note strong{color:var(--ink);font-weight:700;}

/* ── 결과: 신고·납부기한 안내 ── */
.at-due{
  margin-top:14px;padding:12px 14px;border-radius:10px;
  background:var(--primary-light);border:1px solid var(--border-card);
  font-size:12.5px;color:var(--text-sub);line-height:1.7;
}
.at-due strong{color:var(--primary-dark);font-weight:800;}

/* ── 반응형 ── */
@media(max-width:768px){
  .at-tabs{grid-template-columns:repeat(2,1fr);}
  /* 세율표는 칸이 많아 가로 스크롤을 허용합니다 */
  .at-rate-table{display:block;overflow-x:auto;white-space:nowrap;}
  .at-rate-table td:first-child{white-space:nowrap;}
  .at-rate-note{font-size:12.5px;}
}