/* ---------------------------------------------------------------------------
 * SUPPORT AND DELETE-ACCOUNT PAGES
 *
 * Two plain prose pages. They exist because the app stores require them:
 * Apple wants a Support URL in the listing, and Google Play requires a WEB
 * route to request account deletion for people who have already uninstalled
 * the app - the in-app Delete button does not satisfy that on its own.
 *
 * Deliberately no new fonts, colours or components: everything here leans on
 * styles.css so these pages age with the rest of the site rather than
 * becoming two orphans that nobody updates.  2026-10-22
 * ------------------------------------------------------------------------ */

.doc-hero {
  padding: 140px 24px 48px;
  background: linear-gradient(180deg, #fff6f2 0%, #ffffff 100%);
}

.doc-wrap {
  max-width: 760px;
  margin: 0 auto;
}

.doc-hero h1 {
  font-size: clamp(2rem, 5vw, 3rem);
  font-weight: 800;
  color: #1a1a2e;
  margin: 0 0 16px;
  letter-spacing: -0.02em;
}

.doc-lede {
  font-size: 1.125rem;
  line-height: 1.7;
  color: #4b5563;
  margin: 0;
}

.doc-body {
  padding: 8px 24px 96px;
}

.doc-body h2 {
  font-size: 1.375rem;
  font-weight: 700;
  color: #1a1a2e;
  margin: 48px 0 12px;
  letter-spacing: -0.01em;
}

.doc-body h3 {
  font-size: 1.0625rem;
  font-weight: 700;
  color: #e05a2b;
  margin: 28px 0 8px;
}

.doc-body p {
  font-size: 1rem;
  line-height: 1.75;
  color: #374151;
  margin: 0 0 16px;
}

.doc-body ul {
  margin: 0 0 20px;
  padding-left: 22px;
}

.doc-body li {
  font-size: 1rem;
  line-height: 1.75;
  color: #374151;
  margin-bottom: 6px;
}

.doc-body strong { color: #1a1a2e; font-weight: 700; }

.doc-body a {
  color: #e05a2b;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.doc-body a:hover { color: #c44a1f; }

.doc-mail {
  font-weight: 600;
  word-break: break-all;
}

@media (max-width: 640px) {
  .doc-hero { padding: 110px 20px 36px; }
  .doc-body { padding: 8px 20px 72px; }
}