/* ===========================
   약관 문서 (2026-08-28)

   이용약관(/terms)과 개인정보처리방침(/privacy)이 함께 쓴다. 둘은 나란히
   읽히는 문서라 생김새가 갈리면 한쪽이 덜 갖춘 문서처럼 보인다.

   ⚠ 접지 않는다. FAQ 는 문답이라 접어 두지만 약관은 「제12조 제2항」처럼
     조항 번호로 인용되는 문서다. 찾으려는 사람이 열어 볼 곳을 찾게 하면 안 된다.
   =========================== */

.tm-main {
  min-height: calc(100vh - var(--header-height));
  padding: 48px 20px 96px;
  background: var(--surface-fill);
}

.tm-wrap {
  max-width: 760px;
  margin: 0 auto;
}

.tm-title {
  font-family: var(--font-brand);
  font-size: var(--t-26);
  font-weight: 800;
  color: var(--ink-900);
  margin-bottom: 8px;
}

.tm-lead {
  font-size: var(--t-15);
  line-height: 1.7;
  color: var(--ink-500);
  margin-bottom: 28px;
}

.tm-body {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 28px 28px 32px;
}

/* 머리띠가 고정이라 조항 앵커로 뛰면 제목이 그 아래로 숨는다 */
.tm-art {
  margin-bottom: 26px;
  scroll-margin-top: calc(var(--header-height) + 16px);
}

.tm-art:last-child { margin-bottom: 0; }

.tm-art h2 {
  font-size: var(--t-15);
  font-weight: 700;
  color: var(--ink-900);
  margin-bottom: 10px;
}

.tm-art p,
.tm-art li {
  font-size: var(--t-14);
  line-height: 1.8;
  color: var(--ink-500);
}

.tm-art p { margin: 0 0 8px; }
.tm-art p:last-child,
.tm-art ol:last-child,
.tm-art ul:last-child { margin-bottom: 0; }

.tm-art ol,
.tm-art ul { margin: 0 0 8px; padding-left: 20px; }

.tm-art li { margin-bottom: 4px; }
.tm-art strong { color: var(--ink-900); }
.tm-art a { color: var(--accent); }

/* 좁은 화면에서 표가 페이지를 밀지 않게 자기 안에서 넘긴다 */
.tm-table {
  display: block;
  overflow-x: auto;
  width: 100%;
  border-collapse: collapse;
  margin: 6px 0 14px;
  font-size: var(--t-13);
}

.tm-table th,
.tm-table td {
  padding: 8px 12px;
  text-align: left;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}

.tm-table th {
  font-size: var(--t-12);
  font-weight: 700;
  color: var(--ink-300);
  letter-spacing: 0.06em;
  background: var(--surface-fill);
  white-space: nowrap;
}

.tm-table tr:last-child td { border-bottom: none; }

/* 시행일과 개정 이력. 「언제부터의 문서인가」가 본문만큼 중요하다 */
.tm-supp {
  margin-top: 28px;
  padding-top: 20px;
  border-top: 1px solid var(--line);
  font-size: var(--t-13);
  color: var(--ink-400);
}

.tm-supp strong { color: var(--ink-700); }