/* Long pages of text (privacy, terms, delete your account) in the site's light look. The words on
   them are kept as they were written; only the look changed. */
.doc { padding: clamp(130px, 13vw, 170px) 0 clamp(64px, 8vw, 110px); }
.doc .wrap { max-width: 820px; }
.doc .kicker { margin-bottom: 18px; }
.doc h1 { font-size: clamp(44px, 7vw, 84px); margin: 0 0 18px; }
.doc h2 { font-size: clamp(26px, 3vw, 34px); letter-spacing: -.02em; line-height: 1.1; margin: 56px 0 14px; scroll-margin-top: 110px; }
.doc h3 { font: 700 19px/1.3 var(--body); letter-spacing: 0; margin: 28px 0 8px; }
.doc p, .doc li { color: var(--ink2); }
.doc .lead { max-width: none; }
.doc .updated { color: var(--faint); font-size: 14px; margin-top: 10px; }
.doc a:not(.btn) { color: var(--ink); font-weight: 600; text-decoration: underline; text-decoration-color: var(--ember); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.doc ul.list { padding-left: 22px; }
.doc ul.list li { margin: 6px 0; }
.doc ul.list li::marker { color: var(--ember); }
.doc strong { color: var(--ink); }
.doc .promises { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 34px 0 8px; padding: 0; list-style: none; }
.doc .promises li { background: var(--white); border-radius: var(--r-lg); padding: 22px; display: grid; gap: 12px; align-content: start; }
.doc .promises .ic { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: var(--ember-soft); }
.doc .promises .ic svg { stroke: var(--ember-deep); }
.doc .promises b { display: block; color: var(--ink); font: 700 18px/1.2 var(--display); }
.doc .promises span { color: var(--muted); font-size: 15px; line-height: 1.45; }
.doc .toc { margin: 30px 0 0; padding: 20px 24px; background: var(--paper2); border-radius: var(--r-lg); columns: 2; column-gap: 28px; }
.doc .toc a { display: block; color: var(--ink2); text-decoration: none; font-weight: 600; padding: 5px 0; font-size: 15px; break-inside: avoid; }
.doc .toc a:hover { color: var(--ember-deep); }
.doc .table { width: 100%; border-collapse: separate; border-spacing: 0; margin: 16px 0; font-size: 15px; background: var(--white); border-radius: var(--r-md); overflow: hidden; }
.doc .table th, .doc .table td { text-align: left; vertical-align: top; padding: 13px 16px; border-bottom: 1px solid var(--line); }
.doc .table th { color: var(--muted); font-weight: 700; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; background: var(--paper2); }
.doc .table tr:last-child td { border-bottom: 0; }
.doc .table td:first-child { color: var(--ink); font-weight: 700; white-space: nowrap; }
.doc .callout { background: var(--night); color: var(--cream); border-radius: var(--r-lg); padding: 24px 26px; margin: 26px 0; }
.doc .callout p, .doc .callout li { color: var(--cream); }
.doc .callout .kicker { background: var(--night3); color: var(--pop); }
.doc .steps { list-style: none; padding: 0; margin: 22px 0; display: grid; gap: 10px; counter-reset: s; }
.doc .steps li { counter-increment: s; display: flex; gap: 14px; align-items: center; background: var(--white); border-radius: var(--r-md); padding: 16px 18px; }
.doc .steps li::before { content: counter(s); flex: none; width: 38px; height: 38px; border-radius: 50%; background: var(--ember); color: var(--ink); display: grid; place-items: center; font: 800 18px/1 var(--display); }
.doc .btn { margin-top: 8px; }
@media (max-width: 680px) {
  .doc .promises { grid-template-columns: 1fr; }
  .doc .promises li { grid-template-columns: 46px 1fr; align-items: center; }
  .doc .toc { columns: 1; }
  .doc .table, .doc .table tbody, .doc .table tr, .doc .table td { display: block; }
  .doc .table thead { display: none; }
  .doc .table { background: none; border-radius: 0; }
  .doc .table tr { background: var(--white); border-radius: var(--r-md); padding: 14px 16px; margin-bottom: 10px; }
  .doc .table td { border: 0; padding: 2px 0; }
  .doc .table td:first-child { white-space: normal; font: 700 19px/1.3 var(--display); margin-bottom: 6px; }
  .doc .table td + td::before { content: attr(data-k); display: block; color: var(--faint); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; margin-top: 6px; }
}
@media print { .strip, .head, .sheet, .foot, .doc .toc { display: none; } }