/* ---------------------------------------------------------------------------
   The written pages: privacy, terms, disclosures.

   One column, generous measure, no ornament beyond the checker band and the
   wordmark. These are pages people read when they are worried; the design's job
   is to get out of the way.
   --------------------------------------------------------------------------- */

.doc { max-width: 760px; margin: 0 auto; padding: 30px var(--gutter) 70px; }
.doc h1 { font-size: 36px; line-height: 1.1; margin-bottom: 10px; }
@media (min-width: 1000px) { .doc h1 { font-size: 52px; } }
.doc h2 {
  font-size: 22px; margin: 40px 0 12px;
  padding-top: 22px; border-top: 1px solid var(--rule);
}
.doc h3 { font-family: var(--ui); font-size: 15px; font-weight: 700; letter-spacing: 0.04em; margin: 22px 0 6px; }
.doc p, .doc li { font-size: 16px; line-height: 1.65; color: var(--ink-2); }
.doc p + p { margin-top: 14px; }
.doc ul, .doc ol { margin: 12px 0; padding-left: 22px; }
.doc li { margin: 8px 0; }
.doc__meta { font-family: var(--ticket); font-size: 11px; letter-spacing: 0.14em; color: var(--ink-4); margin-bottom: 26px; }
.doc__lede { font-size: 18px; line-height: 1.55; color: var(--ink); }
.doc table { width: 100%; border-collapse: collapse; margin: 16px 0; }
.doc th, .doc td {
  text-align: left; vertical-align: top; padding: 12px 10px;
  border-bottom: 1px solid var(--rule); font-size: 15px; line-height: 1.5;
}
.doc th { font-family: var(--ticket); font-size: 11px; letter-spacing: 0.12em; color: var(--ink-3); text-transform: uppercase; }
.doc__note { border: 1px solid var(--espresso); background: var(--cream-menu); padding: 16px 18px; margin: 20px 0; }
.doc__back { display: inline-block; margin-bottom: 22px; font-family: var(--ticket); font-size: 12px; letter-spacing: 0.14em; }