/* ========================================
   PAGES-PRIVACY.CSS — 法務條文頁（隱私權政策）
   純文字長文排版，沿用全站 tokens；共用 class 前綴 legal- 以便未來服務條款等頁面複用
   ======================================== */

/* ── Hero（深色窄版，無大圖：法務頁重點是可讀性不是視覺）── */
.legal-hero {
  background: var(--color-dark);
  padding: calc(var(--space-24) + 40px) var(--space-5) var(--space-16);
  text-align: center;
}

.legal-hero__inner {
  max-width: 760px;
  margin: 0 auto;
}

.legal-hero__label {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: var(--fw-medium);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--color-primary);
  margin-bottom: var(--space-4);
}

.legal-hero__title {
  font-family: var(--font-serif);
  font-size: var(--text-4xl);
  font-weight: var(--fw-medium);
  line-height: var(--lh-tight);
  color: var(--color-white);
  margin-bottom: var(--space-5);
}

.legal-hero__sub {
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: var(--lh-loose);
  color: rgba(255, 255, 255, 0.72);
  max-width: 640px;
  margin: 0 auto;
}

.legal-hero__meta {
  margin-top: var(--space-8);
  padding-top: var(--space-6);
  border-top: 1px solid rgba(201, 164, 91, 0.28);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  color: var(--color-text-lighter);
}

/* ── 條文本體 ── */
.legal-body {
  background: var(--color-white);
  padding: var(--space-20) var(--space-5) var(--space-24);
}

.legal-body__inner {
  max-width: 760px;
  margin: 0 auto;
}

.legal-section + .legal-section {
  margin-top: var(--space-12);
}

.legal-section__title {
  font-family: var(--font-serif);
  font-size: var(--text-xl);
  font-weight: var(--fw-semibold);
  line-height: var(--lh-tight);
  color: var(--color-dark);
  padding-bottom: var(--space-3);
  margin-bottom: var(--space-5);
  border-bottom: 2px solid var(--color-primary);
}

.legal-section__body p {
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: var(--lh-loose);
  color: var(--color-text);
  /* 條文常有「1. 2. 3.」手動編號，換行時縮排對齊視覺上更整齊 */
  white-space: pre-wrap;
}

.legal-section__body p + p {
  margin-top: var(--space-4);
}

/* 載入中 / 載入失敗狀態 */
.legal-status {
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: var(--lh-loose);
  color: var(--color-text-light);
  text-align: center;
  padding: var(--space-12) var(--space-4);
}

.legal-status--error {
  color: var(--color-accent);
}

/* ── 平板 ── */
@media (max-width: 1199px) {
  .legal-hero {
    padding: calc(var(--space-20) + 40px) var(--space-5) var(--space-12);
  }
}

/* ── 手機 ── */
@media (max-width: 767px) {
  .legal-hero {
    padding: calc(var(--space-16) + 40px) var(--space-4) var(--space-10);
  }

  .legal-hero__title {
    font-size: var(--text-2xl);
  }

  .legal-hero__sub {
    font-size: var(--text-sm);
  }

  .legal-body {
    padding: var(--space-12) var(--space-4) var(--space-16);
  }

  .legal-section + .legal-section {
    margin-top: var(--space-10);
  }

  .legal-section__title {
    font-size: var(--text-lg);
  }

  .legal-section__body p {
    font-size: var(--text-sm);
  }
}