/* 이용약관·개인정보처리방침 본문 (scripts/build-policies.mjs가 생성하는 HTML 전용).
   머리말·꼬리말과 기본 서체·색상은 css/style.css(홈페이지와 동일)를 그대로 쓰고, 여기서는 본문만 꾸민다. */

.policy-main {
  max-width: 880px;
  margin: 0 auto;
  padding: calc(var(--header-h) + 56px) 24px 80px;
  font-size: 15px;
  line-height: 1.75;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.policy-main a { color: var(--brand); text-decoration: underline; text-underline-offset: 2px; }

.policy-main h1 { font-size: 32px; font-weight: 900; color: var(--brand); margin-bottom: 32px; }

.policy-notice {
  background: #fff7e6; border: 1px solid #f3d79b; border-radius: 6px;
  padding: 12px 16px; margin-bottom: 24px; font-size: 14px;
}

.policy-body h2 { font-size: 19px; font-weight: 700; color: var(--text-dark); margin: 40px 0 12px; }
.policy-body h3 { font-size: 16px; font-weight: 700; color: var(--text-dark); margin: 24px 0 8px; }
.policy-body p { margin-bottom: 12px; color: var(--text-gray); }
.policy-body ul { list-style: disc; }
.policy-body ol { list-style: decimal; }
.policy-body ul, .policy-body ol { margin: 0 0 12px; padding-left: 22px; color: var(--text-gray); }
.policy-body li { margin-bottom: 4px; }
.policy-body li > ul, .policy-body li > ol { margin-top: 4px; margin-bottom: 4px; }
.policy-body strong { color: var(--text-dark); }

.policy-body table {
  display: block; overflow-x: auto; width: 100%;
  border-collapse: collapse; margin: 8px 0 20px; font-size: 13.5px;
}
.policy-body th, .policy-body td {
  border: 1px solid #e3e8eb; padding: 8px 10px; text-align: left; vertical-align: top;
  min-width: 110px;
}
.policy-body th { background: #f5f7f8; color: var(--text-dark); white-space: nowrap; }
.policy-body td { color: var(--text-gray); }

@media (max-width: 900px) {
  .policy-main { padding-top: calc(var(--header-h) + 36px); }
  .policy-main h1 { font-size: 26px; }
  .policy-body h2 { font-size: 17px; }
}

@media (max-width: 560px) {
  .policy-main { padding-left: 16px; padding-right: 16px; }
}