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

   ⚠️ **2026-08-30：這裡只剩標題與內文了。** 原本還有 .tldr（開頭那格
   「一句話版本」）、.callout（中段的警語方框）、.note、表格與 code 的
   樣式 —— 那四份文件現在是連貫的長段落，一個方框、一張表、一個項目
   符號都沒有。法律文件不是產品頁，讀者要的是一路讀下去，而每多一種
   視覺區塊就多一次「這格是不是比較重要」的判斷。要加回來之前先想清楚
   那個區塊在說什麼別的段落說不了的話。 */

.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 a { text-decoration: underline; text-underline-offset: 2px; }

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