/* Long-form legal pages. Every rule is scoped to .doc so the marketing pages'
   display type is untouched by the body copy settings a notice needs. */
main.legal{padding:72px 0 96px}
.doc{max-width:70ch;margin:0 auto;padding:0 24px}
.doc h1{font-size:clamp(2.2rem,5vw,3.2rem);line-height:1.08;letter-spacing:-.03em;
  font-weight:700;margin:16px 0 20px;max-width:18ch}
.doc h2{font-size:1.3rem;letter-spacing:-.02em;font-weight:700;margin:44px 0 12px;
  padding-top:24px;border-top:1px solid var(--line)}
.doc h2:first-of-type{border-top:none;padding-top:0}
.doc p,.doc li{font-size:1rem;color:var(--muted);line-height:1.6}
.doc p{margin-bottom:14px}
.doc ul{margin:0 0 14px 22px;list-style:disc}
.doc li{margin-bottom:8px}
.doc b,.doc strong{color:var(--ink);font-weight:700}
.doc a{color:var(--blue)}
.doc .lede{font-size:1.125rem;color:var(--ink);opacity:.8;margin-bottom:8px}
.doc .updated{font-size:.8125rem;color:var(--muted);margin-bottom:36px}
.doc .callout{background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:24px 26px;margin:28px 0}
.doc .callout p:last-child{margin-bottom:0}
@media(max-width:560px){main.legal{padding:48px 0 64px}}