/* ācta legal: the privacy policy and the terms, filed in the guide binder.
   One sheet, no index and no "On this page". The legal text is plain HTML,
   so its headings, paragraphs, and lists take the guide's g-h2, g-p, and
   g-list forms here. Loads after guide.css. */

.lg-binder {
  grid-template-columns: minmax(0, 1fr);
  max-width: 820px;
}

.lg-dated {
  margin-top: 12px;
  font-size: 0.875rem;
  color: var(--ink-2);
}
.lg-dated time {
  font-family: var(--font-type);
  color: var(--stamp);
  font-variant-numeric: tabular-nums;
}

.lg-draft { margin: 2.4em 0 0; max-width: 68ch; }
.lg-draft a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.lg-draft a:hover { text-decoration-thickness: 2px; }

.lg-body { margin-top: 30px; }

.lg-body h2 {
  margin: 2.1em 0 0;
  font-family: var(--font-forms);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -0.016em;
  text-wrap: balance;
}
.lg-body > p { margin-top: 0.85em; text-wrap: pretty; }
.lg-body > :first-child { margin-top: 0.85em; }
.lg-body h2 + p,
.lg-body h2 + ul { margin-top: 0.5em; }

.lg-body ul { margin-top: 0.85em; }
.lg-body li {
  position: relative;
  margin-top: 0.5em;
  padding-left: 1.4em;
}
.lg-body li::before {
  content: '';
  position: absolute;
  left: 0.2em;
  top: 0.68em;
  width: 6px;
  height: 6px;
  background: var(--ink-2);
}
.lg-body strong {
  font-family: var(--font-forms);
  font-size: 0.93em;
  font-weight: 700;
}

.lg-body a {
  color: var(--ink);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.lg-body a:hover { text-decoration-thickness: 2px; }

@media (max-width: 640px) {
  .lg-body h2 { font-size: 1.3125rem; }
}