/* 星際導航 · UnivMap — 法律頁（隱私權政策 / 使用條款）
   ⚠️ 這一份只給 privacy.html 與 terms.html 用，接在 site.css 後面載入。
   落地頁是置中的行銷版型，法律文件相反 —— 要靠左、要窄、要好讀，
   所以這裡把 .wrap 收窄成一欄文字寬（約 42em），而不是沿用 1000px。 */

.legal { padding: 64px 0 96px; }
.legal .wrap { max-width: 760px; }

.legal .kicker { text-align: left; }

.legal h1 {
  font-size: clamp(30px, 5vw, 44px);
  letter-spacing: -0.025em;
  margin: 0 0 10px;
}

.legal .updated {
  color: var(--ink-faint);
  font-size: 13.5px;
  margin: 0 0 40px;
}

.legal h2 {
  font-size: 21px;
  font-weight: 620;
  letter-spacing: -0.015em;
  text-align: left;
  margin: 46px 0 14px;
  scroll-margin-top: 72px;   /* 錨點跳轉時不要被固定的 header 蓋住 */
}

.legal h3 {
  font-size: 16.5px;
  font-weight: 600;
  margin: 26px 0 8px;
}

.legal p,
.legal li {
  color: var(--ink-dim);
  font-size: 16px;
  line-height: 1.78;
}

.legal p { margin: 0 0 14px; }

.legal strong, .legal b { color: var(--ink); font-weight: 600; }

.legal ul, .legal ol { margin: 0 0 16px; padding-left: 1.35em; }
.legal li { margin-bottom: 9px; }
.legal li::marker { color: var(--ink-faint); }

.legal code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.88em;
  padding: 1.5px 6px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.07);
  color: var(--ink);
}

/* 開頭那段「一句話版本」—— 讀者（與審核員）只看這一格也該得到正確答案 */
.legal .tldr {
  border: 1px solid rgba(10, 132, 255, 0.34);
  background: rgba(10, 132, 255, 0.075);
  border-radius: var(--radius);
  padding: 24px 26px;
  margin: 0 0 12px;
}
.legal .tldr b {
  display: block;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--blue-dim);
  margin-bottom: 10px;
}
.legal .tldr p:last-child { margin-bottom: 0; }

/* 文件中段需要被看見的澄清或警語 */
.legal .callout {
  border: 1px solid var(--card-line);
  background: var(--card);
  border-radius: var(--radius);
  padding: 22px 26px;
  margin: 0 0 18px;
}
.legal .callout p:last-child { margin-bottom: 0; }

.legal .callout.warn {
  border-color: rgba(255, 159, 10, 0.36);
  background: rgba(255, 159, 10, 0.075);
}

.legal .note {
  font-size: 14px;
  color: var(--ink-faint);
  line-height: 1.7;
}

.legal .tablewrap { margin: 0 0 18px; }
.legal table { min-width: 480px; font-size: 15px; }
.legal thead th { text-align: left; }
.legal tbody td:first-child { white-space: normal; }

.legal a { text-decoration: underline; text-underline-offset: 2px; }

@media (max-width: 600px) {
  .legal { padding: 44px 0 72px; }
  .legal h2 { margin-top: 38px; }
}