/* legal.css — olitbit.com 的 /privacy 與 /terms 共用排版。
   ⚠️ 這是**行銷站**的樣式，跟 App 的 public/styles/ 完全無關、不共用任何檔案。
   兩邊的設計系統本來就不同（暖紙 #FAF8F4 ＋ Noto Serif TC 標題 vs App 的 #fdfcfa ＋ 無襯線），
   要改配色請對照 marketing/index.html 的 :root，不要去翻 App 的 10-base.css。

   為什麼獨立一支而不是各寫一份 <style>：兩頁需要同一套長文排版，抄兩份遲早漂移。 */

:root {
  --paper:#FAF8F4; --ink:#2A2724; --ink-2:#5E574F; --ink-3:#6B645C;
  --faint-2:#8C857C; --accent:#3F5B4C; --line:#EBE5DB;
  --serif:'Noto Serif TC', serif;
}
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { -webkit-text-size-adjust:100%; }
body {
  background:var(--paper); color:var(--ink);
  font-family:'Noto Sans TC', -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Microsoft JhengHei', sans-serif;
  -webkit-font-smoothing:antialiased;
  max-width:720px; margin:0 auto; padding:56px 24px 96px;
  line-height:1.85;
}
a { color:var(--accent); text-decoration-thickness:1px; text-underline-offset:3px; }
a:hover { color:var(--ink); }

h1 { font-family:var(--serif); font-size:clamp(26px, 6vw, 32px); font-weight:600; line-height:1.5; margin-bottom:24px; }
h2 { font-family:var(--serif); font-size:19px; font-weight:500; line-height:1.6; margin:44px 0 12px; }
p, li { font-size:15.5px; line-height:1.9; color:var(--ink-2); }
p { margin-bottom:14px; }
strong { color:var(--ink); font-weight:500; }
.lede { color:var(--ink-3); margin-bottom:40px; }
ul { padding-left:20px; margin:12px 0 18px; }
li { margin-bottom:8px; }
.updated { color:var(--faint-2); font-size:13px; margin-top:48px; }
.legal-footer {
  margin-top:16px; padding-top:24px; border-top:1px solid var(--line);
  color:var(--faint-2); font-size:13.5px;
}
.legal-footer a { color:var(--faint-2); }
