/* ============================================================
   THE LEGAL PAGES — privacy.html and terms.html.
   Deliberately plain: no framework, no fonts to fetch, no JavaScript. These
   are the two pages a person must be able to read on a bad connection, on a
   phone, before they trust the app — and the two a reviewer opens first.
   ============================================================ */
:root { color-scheme: light dark; }
* { box-sizing: border-box; }
body {
  margin: 0; padding: 40px 22px 90px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 16px; line-height: 1.65; color: #16261F; background: #F6F9F7;
  -webkit-text-size-adjust: 100%;
}
.doc { max-width: 760px; margin: 0 auto; }
header { border-bottom: 1px solid #E1E7E4; padding-bottom: 22px; margin-bottom: 26px; }
.mark { font-family: Georgia, "Times New Roman", serif; font-size: 26px; font-weight: 700; letter-spacing: -0.01em; color: #08312A; text-decoration: none; }
.mark b { color: #00B863; }
h1 { font-family: Georgia, "Times New Roman", serif; font-size: 30px; line-height: 1.2; margin: 18px 0 6px; }
h2 { font-family: Georgia, "Times New Roman", serif; font-size: 20px; margin: 34px 0 10px; scroll-margin-top: 20px; }
h3 { font-size: 15.5px; margin: 22px 0 6px; color: #16261F; }
.date { font-size: 13.5px; color: #6B7A72; margin: 0; }
p, li, td, th { color: #3E4F46; }
li { margin-bottom: 7px; }
strong { color: #16261F; }
a { color: #00875A; }
code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; background: #EEF2F0; padding: 1px 5px; border-radius: 5px; }
.box { background: #fff; border: 1px solid #E1E7E4; border-radius: 14px; padding: 16px 18px; margin: 22px 0; }
.box.key { border-color: #00B863; background: #EFFBF4; }
.box.warn { border-color: #B8771F; background: #FAEDD8; }
.box p:first-child { margin-top: 0; }
.box p:last-child { margin-bottom: 0; }
table { width: 100%; border-collapse: collapse; margin: 16px 0; font-size: 14.5px; }
th, td { text-align: left; padding: 9px 10px; border-bottom: 1px solid #E1E7E4; vertical-align: top; }
th { color: #6B7A72; font-weight: 600; font-size: 12.5px; text-transform: uppercase; letter-spacing: 0.04em; }
.wrap { overflow-x: auto; }
.toc { font-size: 14px; margin: 0 0 10px; padding: 0; list-style: none; column-width: 220px; column-gap: 26px; }
.toc li { margin-bottom: 4px; }
.lang { margin: 60px 0 0; padding-top: 26px; border-top: 2px solid #E1E7E4; }
footer { margin-top: 50px; padding-top: 20px; border-top: 1px solid #E1E7E4; font-size: 13.5px; color: #6B7A72; }
footer a { margin-right: 14px; }
@media (prefers-color-scheme: dark) {
  body { color: #E7EFEB; background: #0A1410; }
  header, footer, .lang, th, td { border-color: #284035; }
  h1, h2, h3, strong { color: #F2F7F4; }
  p, li, td, th { color: #B6CABF; }
  .mark { color: #E7EFEB; }
  .date, th { color: #8AA396; }
  .box { background: #101E18; border-color: #284035; }
  .box.key { background: #10291F; border-color: #11D584; }
  .box.warn { background: #2A2113; border-color: #E0A445; }
  code { background: #1C3128; }
  a { color: #11D584; }
}