/* Shared by privacy.html, terms.html and refunds.html. Same paper and ink as the landing page;
   no fonts to download, because a policy page should render instantly and read like a letter. */
:root {
  --paper: #f4f1ea;
  --card: #fffdf9;
  --ink: #211f1c;
  --ink-soft: #645e55;
  --rule: #ddd5c7;
  --terra: #b8532e;
}
* { box-sizing: border-box; }
body {
  margin: 0 auto;
  max-width: 720px;
  padding: 40px 22px 72px;
  background: var(--paper);
  color: var(--ink);
  font: 17px/1.68 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', -apple-system,
    BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
h1 { font-size: 30px; margin: 0 0 6px; }
h2 { font-size: 20px; margin: 2em 0 0.5em; color: var(--terra); }
h3 { font-size: 17px; margin: 1.5em 0 0.4em; }
.updated { color: var(--ink-soft); font-size: 14px; margin: 0 0 26px; }
.box {
  background: var(--card);
  border: 1px solid var(--rule);
  border-left: 4px solid var(--terra);
  border-radius: 12px;
  padding: 16px 18px;
  margin: 24px 0;
}
.box h2 { margin-top: 0; }
table { border-collapse: collapse; width: 100%; margin: 1.1em 0; font-size: 15.5px; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--rule); vertical-align: top; }
th { color: var(--terra); font-weight: 600; }
code { background: #ebe6db; padding: 1px 5px; border-radius: 3px; font-size: 0.92em; }
ul { padding-left: 1.2em; }
li { margin: 5px 0; }
a { color: var(--terra); }
footer {
  margin-top: 3em;
  padding-top: 1.4em;
  border-top: 1px solid var(--rule);
  font-size: 14.5px;
  color: var(--ink-soft);
}