/* The document pages — privacy, terms, help.
 *
 * These three carried three near-identical copies of this stylesheet inline,
 * differing only in how the :root line was wrapped and one --ink-light value.
 * Three copies of one design is how two of them quietly stop matching the
 * third, so it lives here now. (The capability pages — /i /v /g /q — keep
 * _shared.css: those are narrow cards, not documents, and the two have
 * genuinely different jobs.)
 *
 * Deliberately plainer than the landing page. A policy is read, not browsed,
 * and animation or ornament on a legal document is worse than useless. What it
 * does take from the landing page is the paper wash and the palette, so it
 * reads as the same site rather than a PDF someone bolted on.
 */
:root{
  --cream:#EDE6D8; --warm-white:#F5EFE2; --warm-white-hi:#FBF6EA;
  --ink:#3D2C20; --ink-mid:#5C4D3F; --ink-light:#8E8275;
  --sage:#8FA08A; --gold:#B89968; --gold-deep:#8F7442;
  --border:#DCD2BD; --border-soft:#E6DEC9;
  --serif:Georgia,'Times New Roman',serif;
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:var(--cream);color:var(--ink-mid);font-family:var(--sans);
  line-height:1.65;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(760px 420px at 85% -6%, rgba(184,153,104,.13), transparent 70%);
  background-repeat:no-repeat;
}
.wrap{max-width:680px;margin:0 auto;padding:0 24px 64px}
header{padding:24px 0 8px}
.brand{font-family:var(--serif);font-size:20px;color:var(--ink);text-decoration:none;
       display:inline-flex;align-items:center;gap:9px}
.brand img{width:27px;height:auto;display:block}

h1{font-family:var(--serif);font-weight:400;color:var(--ink);font-size:32px;margin:32px 0 6px}
.updated{font-size:13px;color:var(--ink-light);margin-bottom:32px}
h2{font-family:var(--serif);font-weight:400;color:var(--ink);font-size:22px;margin:36px 0 10px;
   scroll-margin-top:16px}
h3{font-family:var(--sans);font-weight:600;color:var(--ink);font-size:15px;margin:20px 0 4px}
p,li{font-size:15px;margin-bottom:12px}
ul{padding-left:22px;margin-bottom:12px}
li{margin-bottom:6px}
strong{color:var(--ink)}
a{color:var(--ink-mid)}
a:hover{color:var(--ink)}

/* Section index. A fifteen-section policy that can only be read top to bottom
   is a policy nobody reads twice — and App Review, or anyone asking "what do
   you do with X", arrives looking for one section. */
.toc{background:var(--warm-white);border:1px solid var(--border-soft);border-radius:14px;
     padding:18px 22px;margin-bottom:36px}
.toc h2{font-family:var(--sans);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;
        color:var(--gold-deep);margin:0 0 10px}
.toc ul{list-style:none;padding:0;margin:0;columns:2;column-gap:28px}
.toc li{margin-bottom:5px;font-size:14px;break-inside:avoid}
.toc a{text-decoration:none;color:var(--ink-mid)}
.toc a:hover{color:var(--ink);text-decoration:underline}
@media (max-width:560px){ .toc ul{columns:1} }

footer{border-top:1px solid var(--border-soft);padding-top:20px;margin-top:48px;
       font-size:13px;color:var(--ink-light)}

/* A policy gets printed and saved as a PDF more often than a marketing page
   does — usually by the person who most wants to keep a copy of what they
   agreed to. */
@media print{
  body{background:none}
  .toc,header{display:none}
  a{color:var(--ink-mid);text-decoration:none}
  h2{page-break-after:avoid}
}