/* ===================================================== legal pages ==========
 *
 * Terms, privacy and refunds. Shared because three pages of prose should not
 * be three sets of nearly-identical rules, and because a reader who has just
 * read one should recognise the shape of the next.
 *
 * Set wide-ish but not full width: legal prose is unreadable at 1100px, and a
 * policy nobody reads is a policy that does not do its job.
 */

.lg-wrap { max-width: 760px; }

.lg-updated {
  font-size: .85rem;
  color: var(--ink-mute);
  margin: 0 0 22px;
}

.lg-toc {
  background: var(--card-sunk);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 14px 18px;
  margin-bottom: 26px;
}
.lg-toc p { margin: 0 0 8px; font-weight: 600; font-size: .9rem; }
.lg-toc ol { margin: 0; padding-left: 20px; }
.lg-toc li { font-size: .9rem; margin-bottom: 3px; }
.lg-toc a { color: var(--brand-deep); }

.lg-body h2 {
  font-size: 1.2rem;
  margin: 34px 0 10px;
  padding-top: 6px;
  scroll-margin-top: 20px;
}
.lg-body h2:first-child { margin-top: 0; }
.lg-body h3 { font-size: 1rem; margin: 20px 0 6px; }
.lg-body p, .lg-body li {
  font-size: .95rem;
  line-height: 1.68;
  color: var(--ink-soft);
}
.lg-body ul { padding-left: 20px; }
.lg-body li { margin-bottom: 6px; }
.lg-body strong { color: var(--ink); }

/* The one or two sentences on each page that a reader must not miss. */
.lg-key {
  background: var(--brand-tint);
  border-left: 3px solid var(--brand);
  border-radius: var(--radius-sm);
  padding: 14px 17px;
  margin: 18px 0;
}
.lg-key p { margin: 0; color: var(--ink); font-weight: 500; }
.lg-key p + p { margin-top: 8px; }

.lg-warn {
  background: var(--card-sunk);
  border-left: 3px solid var(--warn, #d8a83a);
  border-radius: var(--radius-sm);
  padding: 14px 17px;
  margin: 18px 0;
}
.lg-warn p { margin: 0; }

.lg-contact {
  background: var(--card-sunk);
  border: 1px solid var(--line);
  border-radius: var(--radius-sm);
  padding: 16px 18px;
  margin-top: 30px;
}
.lg-contact p { margin: 0 0 4px; }

/* Footer links to the policies, on every page. */
.site-footer .lg-links {
  margin-top: 8px;
  font-size: .85rem;
}
.site-footer .lg-links a {
  color: inherit;
  opacity: .85;
  margin: 0 7px;
}
.site-footer .lg-links a:hover { opacity: 1; }