/* Reading layout for the legal and support documents. One measure, no cards,
   nothing to look at but the text. Tokens come from `_style.css`. */

.doc {
  max-width: 44rem;
  margin: 0 auto;
  padding: 0 var(--gutter) 24px;
}

.doc header { padding: 32px 0 8px; }

.doc h1 {
  font-size: clamp(32px, 5vw, 40px);
  line-height: 1.1;
  letter-spacing: -.025em;
  margin: 0 0 10px;
}

.doc h2 {
  font-size: 22px;
  letter-spacing: -.02em;
  margin: 44px 0 8px;
}

.doc h3 { font-size: 17px; margin: 26px 0 4px; }

.doc p, .doc li { margin: 8px 0; color: var(--ink-2); }
.doc ul { padding-left: 22px; }
.doc a { color: var(--accent); }

.doc .updated { color: var(--muted); font-size: 15px; margin: 0 0 12px; }
.doc .lede { font-size: 19px; color: var(--ink); }

.doc table {
  border-collapse: collapse;
  width: 100%;
  margin: 12px 0;
  font-size: 15px;
  display: block;
  overflow-x: auto;
}

.doc th, .doc td {
  text-align: left;
  padding: 10px 12px 10px 0;
  border-bottom: 1px solid var(--rule);
  vertical-align: top;
}

.doc th { font-weight: 600; }