/* 法律頁（隱私權政策／服務條款）共用樣式。
   刻意獨立於主應用程式的 bundle：這兩頁必須在 JS 掛掉、或 Google 的審核爬蟲
   不執行 JS 的情況下也讀得到——OAuth 品牌驗證會實際抓這兩個網址。 */
:root {
  --c-lime: #c6f24c;
  --c-teal: #0e2926;
  --c-ink: #16231f;
  --c-ink-soft: #566b64;
  --c-ink-faint: #93a29d;
  --c-bg: #f1f2ea;
  --c-surface: #ffffff;
  --c-border: #e5e7dd;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--c-bg);
  color: var(--c-ink);
  font-family: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', system-ui, sans-serif;
  line-height: 1.85;
  -webkit-font-smoothing: antialiased;
}
header {
  background: var(--c-teal);
  padding: 26px 24px;
}
.wrap { max-width: 780px; margin: 0 auto; }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.mark {
  width: 30px; height: 30px; border-radius: 9px; background: var(--c-lime);
  color: var(--c-teal); font-weight: 800; display: grid; place-items: center; font-size: 15px;
}
.brand-name { color: #fff; font-weight: 700; font-size: 15px; letter-spacing: .01em; }
.brand-en { color: var(--c-lime); font-size: 11px; font-weight: 600; letter-spacing: .12em; }
main { padding: 34px 24px 64px; }
h1 { font-size: 26px; margin: 0 0 6px; letter-spacing: -.01em; }
.updated { color: var(--c-ink-faint); font-size: 13px; margin: 0 0 30px; }
h2 {
  font-size: 16px; margin: 34px 0 10px; padding-left: 11px;
  border-left: 4px solid var(--c-lime); line-height: 1.4;
}
p, li { font-size: 14.5px; color: #33413c; }
ul { padding-left: 20px; }
li { margin-bottom: 6px; }
strong { color: var(--c-ink); }
.card {
  background: var(--c-surface); border: 1px solid var(--c-border);
  border-radius: 14px; padding: 16px 20px; margin: 16px 0;
}
table { width: 100%; border-collapse: collapse; margin: 14px 0; font-size: 14px; }
th, td { text-align: left; padding: 9px 12px; border-bottom: 1px solid var(--c-border); vertical-align: top; }
th { background: #f6f7f1; color: var(--c-ink-soft); font-weight: 600; white-space: nowrap; }
a { color: #16736a; }
footer {
  border-top: 1px solid var(--c-border); margin-top: 46px; padding-top: 18px;
  color: var(--c-ink-faint); font-size: 12.5px; display: flex; flex-wrap: wrap; gap: 6px 16px;
}
/* 寬內容在手機上自己捲，不要把整頁撐出橫向捲軸 */
.scroll-x { overflow-x: auto; }
@media (max-width: 560px) {
  h1 { font-size: 22px; }
  main { padding: 26px 18px 52px; }
  header { padding: 20px 18px; }
}