/* ============================================================
   Standalone document pages (privacy, terms).

   These are plain HTML rather than routes in the app: they need to be
   linkable from outside — Google's consent screen wants a URL — and they
   should stay readable even if the app's JavaScript never runs. They borrow
   the app's tokens and font from app.css and override its layout, which is
   built for a full-height shell.
   ============================================================ */

html, body { height: auto; }

body {
  display: block;
  margin: 0;
  padding: 0 20px 80px;
  background: var(--bg);
  color: var(--text);
  overflow: auto;
}

.doc {
  max-width: 660px;
  margin: 0 auto;
  padding-top: 28px;
}

.doc-back {
  display: inline-flex; align-items: center; gap: 9px;
  margin-bottom: 30px; padding: 8px 14px 8px 10px;
  border-radius: 99px; background: var(--surf);
  box-shadow: var(--sh); color: var(--text);
  font-size: 13px; font-weight: 600; text-decoration: none;
}
.doc-back img { width: 22px; height: 22px; border-radius: 6px; display: block; }

.doc h1 { font-size: 30px; line-height: 1.2; margin: 0 0 6px; letter-spacing: -.02em; }
.doc .stamp { display: block; color: var(--muted); font-size: 13px; margin-bottom: 30px; }

.doc h2 {
  font-size: 17px; margin: 34px 0 10px; letter-spacing: -.01em;
  padding-top: 22px; border-top: 1px solid var(--line);
}
.doc h2:first-of-type { border-top: 0; padding-top: 0; }
.doc h3 { font-size: 14px; margin: 22px 0 8px; color: var(--lil-deep); }

.doc p, .doc li { font-size: 15px; line-height: 1.65; color: var(--text); }
.doc p { margin: 0 0 14px; }
.doc ul { margin: 0 0 16px; padding-left: 22px; }
.doc li { margin-bottom: 8px; }
.doc li::marker { color: var(--lil); }

.doc a { color: var(--lil-deep); text-underline-offset: 3px; }
.doc strong { font-weight: 700; }

.doc .lede {
  background: var(--lils); border-radius: var(--r-md);
  padding: 18px 20px; margin: 0 0 30px;
}
.doc .lede p:last-child { margin-bottom: 0; }

.doc footer {
  margin-top: 46px; padding-top: 22px; border-top: 1px solid var(--line);
  color: var(--muted); font-size: 13px;
}
.doc footer a { margin-right: 16px; }

@media (max-width: 520px) {
  .doc h1 { font-size: 25px; }
  .doc p, .doc li { font-size: 14.5px; }
}