/* Shared by every page under web/site/.
 *
 * Lifted out of the API's old wwwroot/account-deletion.html, which carried this same block
 * inline. One page could; five copies of it would drift the first time one of them was edited
 * alone, and these pages are read by store reviewers who see them side by side. */

:root {
  color-scheme: light dark;
  --bg: #ffffff;
  --fg: #14161a;
  --muted: #5c6270;
  --rule: #e3e6ea;
  --accent: #1f6f43;
  --card: #f7f8fa;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #101317;
    --fg: #eceef1;
    --muted: #9aa2b0;
    --rule: #262b32;
    --accent: #7fd6a2;
    --card: #171b21;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: 48px 20px 96px;
  background: var(--bg);
  color: var(--fg);
  font: 16px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

main { max-width: 40rem; margin: 0 auto; }

h1 { font-size: 1.75rem; line-height: 1.25; margin: 0 0 0.25em; }
h2 { font-size: 1.15rem; margin: 2.25em 0 0.5em; }

.lede { color: var(--muted); margin-top: 0; }

ul, ol { padding-left: 1.35em; }
li { margin: 0.35em 0; }

a { color: var(--accent); }

hr { border: 0; border-top: 1px solid var(--rule); margin: 2.5em 0; }

footer { color: var(--muted); font-size: 0.875rem; }

/* The "this page is a placeholder" banner. DEV-100 replaces the text under it with the real
 * policy and terms; this exists so nobody mistakes a stub for a published document, least of
 * all a store reviewer. Delete the banner along with the stub. */
.stub {
  background: var(--card);
  border: 1px solid var(--rule);
  border-left: 3px solid var(--accent);
  border-radius: 6px;
  padding: 0.9em 1.1em;
  margin: 0 0 2em;
  font-size: 0.9375rem;
  color: var(--muted);
}

/* Landing-page link list. */
.links { list-style: none; padding: 0; margin: 2em 0 0; }
.links li { margin: 0 0 0.75em; }
.links a { font-weight: 600; text-decoration: none; }
.links a:hover { text-decoration: underline; }
.links span { display: block; color: var(--muted); font-size: 0.9375rem; font-weight: 400; }