/* Layout for the standalone legal and security pages.
 *
 * They share the site's tokens and type but not its landing-page layout — these
 * are documents, so they get a reading measure and nothing else. */

@import url("./styles.css");

.doc {
  max-width: 74ch;
  margin: 0 auto;
  padding: 56px 24px 96px;
}

.doc h1 {
  font-family: var(--vmx-font-display);
  font-size: 38px;
  letter-spacing: -0.02em;
  margin-bottom: 6px;
}

.doc .updated {
  font-family: var(--vmx-font-mono);
  font-size: 11.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vmx-faint);
}

.doc h2 {
  font-family: var(--vmx-font-display);
  font-size: 22px;
  margin: 34px 0 10px;
}

.doc p,
.doc li {
  font-size: 16px;
  line-height: 1.65;
  color: var(--vmx-ink-2);
}

.doc p { margin-bottom: 12px; }
.doc ul { margin: 0 0 14px 20px; }
.doc li { margin-bottom: 6px; }
.doc code { font-family: var(--vmx-font-mono); font-size: 0.92em; }

.doc a { color: var(--vmx-ink); }

/* Unmissable on purpose: these pages carry commitments, and shipping one that
 * has not been through counsel is worse than not shipping it. */
.review {
  border: var(--vmx-border) solid var(--vmx-advisory);
  border-left-width: 3px;
  border-radius: var(--vmx-radius);
  padding: 14px 16px;
  margin-bottom: 28px;
  background: var(--vmx-surface);
}

.review strong {
  font-family: var(--vmx-font-mono);
  font-size: 11.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vmx-advisory);
  display: block;
  margin-bottom: 5px;
}

.doc-back {
  font-family: var(--vmx-font-mono);
  font-size: 12px;
  color: var(--vmx-faint);
  text-decoration: none;
  display: inline-block;
  margin-bottom: 26px;
}

.doc-back:hover { color: var(--vmx-ink); }