/* ============================================================
   RowPal — the plain page: privacy

   Deliberately plain. The app opens this page inside itself, so
   there is no header, no menu and no footer to get in the way.
   It follows the light or dark setting of whoever is reading it.

   The colours start with doc- so they don't clash with the ones in
   styles.css, which has its own --ink. The Paper design uses the same
   names, with -dark on the end for the dark setting.
   ============================================================ */

:root {
  --doc-paper:    #ffffff;
  --doc-ink:      #101828;
  --doc-ink-soft: #5b6478;
  --doc-rule:     #e4e7ee;
  --doc-link:     #005aae;
}

@media (prefers-color-scheme: dark) {
  :root {
    --doc-paper:    #000d36;
    --doc-ink:      #eef3fb;
    --doc-ink-soft: #a8b3d5;
    --doc-rule:     #1e2c54;
    --doc-link:     #12a99a;
  }
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--doc-paper);
  color: var(--doc-ink);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-size: 1.0625rem;                      /* 17px */
  line-height: 1.65;
  -webkit-text-size-adjust: 100%;
}

.doc {
  max-width: 38rem;                          /* 608px */
  margin: 0 auto;
  padding: clamp(1.75rem, 6vw, 3.5rem) clamp(1.25rem, 5vw, 2rem) clamp(3rem, 9vw, 5rem);
}

.doc__logo {
  display: block;
  width: 4.375rem;                           /* 70px */
  height: auto;
  margin-bottom: clamp(1.5rem, 5vw, 2.5rem);
}

h1 {
  margin: 0;
  font-size: clamp(1.75rem, 6vw, 2.25rem);   /* 28 → 36px */
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.doc__date {
  margin: 0.5rem 0 0;
  color: var(--doc-ink-soft);
  font-size: 0.9375rem;                      /* 15px */
}

/* The opening paragraph. On the privacy page a line under it separates
   the summary from the sections; on a page with nothing after it there is
   no line to draw. */
.doc__lede {
  margin-top: 1.75rem;
  font-size: 1.125rem;                       /* 18px */
}

.doc__lede--ruled {
  padding-bottom: 1.75rem;
  border-bottom: 1px solid var(--doc-rule);
}

h2 {
  margin: 2.25rem 0 0.5rem;
  font-size: 1.1875rem;                      /* 19px */
  font-weight: 600;
  line-height: 1.3;
}

p { margin: 0 0 1rem; }

p:last-child { margin-bottom: 0; }

ul {
  margin: 0 0 1rem;
  padding-left: 1.25rem;
}

li { margin-bottom: 0.5rem; }

a {
  color: var(--doc-link);
  text-underline-offset: 0.15em;
}

a:hover,
a:focus-visible { text-decoration: none; }