/* Terms, Privacy, Risk and Contact.
   Reading, not selling: one column at a readable measure, quiet type, and
   enough space between clauses that someone can find the one they came for.
   Inherits every token from home.css. */

.lg {
  max-width: 78ch;
  margin: 0 auto;
  padding: clamp(72px, 9vw, 128px) clamp(24px, 3.4vw, 48px) clamp(80px, 9vw, 140px);
}

.lg__kicker {
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0 0 14px;
}

.lg__h {
  margin: 0 0 18px;
  font-size: clamp(34px, 4.4vw, 52px);
  line-height: 1.05;
  letter-spacing: -.022em;
  color: var(--fg);
}

.lg__lede {
  margin: 0;
  font-size: 17px;
  line-height: 1.65;
  color: var(--fg-2);
  max-width: 62ch;
}

.lg__stamp {
  margin: 26px 0 0;
  padding-top: 22px;
  border-top: 1px solid var(--line);
  font-family: var(--mono);
  font-size: 13px;
  color: var(--fg-3);
}

/* A document is a run of <section>s, each with an h2 and prose. */
.lg__body { margin-top: clamp(40px, 5vw, 64px); display: grid; gap: clamp(36px, 4vw, 52px); }

.lg__body h2 {
  margin: 0 0 14px;
  font-size: 22px;
  font-weight: 510;
  letter-spacing: -.014em;
  color: var(--fg);
}

.lg__body h3 {
  margin: 24px 0 10px;
  font-size: 16px;
  font-weight: 510;
  color: var(--fg-2);
}

.lg__body p,
.lg__body li {
  margin: 0 0 14px;
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--fg-3);
}

.lg__body p:last-child, .lg__body li:last-child { margin-bottom: 0; }
.lg__body ul { margin: 0 0 14px; padding-left: 20px; }
.lg__body li { margin-bottom: 8px; }
.lg__body li::marker { color: var(--color-smoke); }
.lg__body strong { color: var(--fg-2); font-weight: 510; }
.lg__body a { color: var(--fg-2); text-decoration: underline; text-underline-offset: 3px; }
.lg__body a:hover { color: var(--chalk); }

/* The one thing a reader must not skim past: this is not advice, and the
   money at risk is theirs. */
.lg__warn {
  border: 1px solid var(--line-lift);
  border-radius: var(--radius-cards);
  background: var(--bg-card);
  padding: clamp(22px, 2.6vw, 30px);
}
.lg__warn p { color: var(--fg-2); }

/* Shown only while the operator's own details are still placeholders. The
   page is noindex in that state, and this says why out loud so a draft
   cannot quietly become the published terms. */
.lg__draft {
  border: 1px solid var(--loss);
  border-radius: var(--radius-cards);
  background: rgba(235, 87, 87, .07);
  padding: 18px 22px;
  margin: 0 0 clamp(32px, 4vw, 44px);
}
.lg__draft p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--fg-2); }

.lg__contact {
  display: grid;
  gap: 2px;
  border: 1px solid var(--line);
  border-radius: var(--radius-cards);
  background: var(--bg-card);
  padding: clamp(22px, 2.6vw, 30px);
  margin-bottom: 14px;
}
.lg__contact dt { font-family: var(--mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--fg-3); }
.lg__contact dd { margin: 0 0 18px; font-size: 16px; color: var(--fg-2); }
.lg__contact dd:last-child { margin-bottom: 0; }

@media (max-width: 620px) {
  .lg__body p, .lg__body li { font-size: 15px; }
}