/* doc.css — the shared stylesheet for the plain legal/reference pages:
 * privacy.html and eula.html. Replaces privacy.css (2026-09-16); the two pages shipped
 * near-identical rule sets and a third such page is likely, so they share one file.
 *
 * ⚠️ KEEP IT EXTERNAL. The site ships `style-src 'self'` with no 'unsafe-inline', so an inline
 * <style> block is BLOCKED OUTRIGHT in production — and a local static server sends no CSP at all,
 * so the page looks perfect on localhost and renders as unstyled Times New Roman on Vercel. That
 * already happened once to privacy.html, which is the page both store listings point at for their
 * privacy-policy URL. eula.html arrived from the Mac with the same inline block and was extracted
 * here before it could repeat. check.mjs fails the build on any inline style. See ISS-169.
 *
 * These pages are deliberately plainer than index.html: they are documents, not marketing, and
 * they should stay readable if every other asset fails to load. */

:root {
  color-scheme: light;
  --paper: #F4F2EA;
  --ink: #1A1A1A;
  --mute: #5F5C55;
  --blue: #1F2BD8;
  --mono: "Space Mono", "SFMono-Regular", Menlo, Consolas, monospace;
}

body { margin: 0; background: var(--paper); color: var(--ink);
       font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
main { max-width: 44rem; margin: 0 auto; padding: 3rem 1.25rem 4rem; }

h1   { font-family: var(--mono); letter-spacing: .04em; font-size: 1.6rem; margin: 0 0 .25rem; }
.sub { font-family: var(--mono); color: var(--mute); font-size: .85rem; margin: 0 0 2rem; }
h2   { font-family: var(--mono); font-size: 1rem; letter-spacing: .06em; text-transform: uppercase;
       margin: 2rem 0 .5rem; border-top: 2px solid var(--ink); padding-top: .75rem; }

/* privacy.html — the "what the app sends" table */
table   { border-collapse: collapse; width: 100%; font-size: .95rem; }
th, td  { text-align: left; vertical-align: top; padding: .5rem .6rem; border-bottom: 1px solid #CFCBC0; }
th      { font-family: var(--mono); font-size: .8rem; letter-spacing: .05em; color: var(--mute); }

/* eula.html — the clause lists */
ul { padding-left: 1.2rem; }
li { margin: .35rem 0; }

code   { font-family: var(--mono); font-size: .85em; }
a      { color: var(--blue); }
footer { margin-top: 3rem; font-family: var(--mono); font-size: .8rem; color: var(--mute); }

/* Back to the site — these pages are reached from the footer and from store listings, so a
   visitor can land here cold with no way home. */
.backlink { font-family: var(--mono); font-size: .85rem; margin: 0 0 1.5rem; }