/* Legal pages: same paper and ink as the landing page, no wind, no motion.
   These are documents, so they are set as documents. */
@font-face{font-family:'Archivo';src:url(assets/fonts/archivo-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url(assets/fonts/archivo-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url(assets/fonts/source-serif-4-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Source Serif 4';src:url(assets/fonts/source-serif-4-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap}

:root{
  --paper:#F6F7F8;
  --ink:#14181C;
  --ink-2:rgba(20,24,28,.80);
  --hair:rgba(20,24,28,.22);
  --hair-faint:rgba(20,24,28,.14);
  --red:#A8321E;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:'Source Serif 4',Georgia,'Times New Roman',serif;
  -webkit-font-smoothing:antialiased;
  hyphens:auto;
}
.legal{
  max-width:560px;
  margin:0 auto;
  padding:32px 24px 72px;
  font-size:19px;
  line-height:1.62;
}
h1{
  font-weight:600;
  font-size:32px;
  line-height:1.15;
  letter-spacing:-.02em;
  margin:24px 0 8px;
}
h2{
  font-family:'Archivo',system-ui,sans-serif;
  font-weight:600;
  font-size:17px;
  color:var(--ink-2);
  margin:34px 0 8px;
  padding-top:14px;
  border-top:1px solid var(--hair-faint);
}
p{margin-bottom:14px}
a{color:var(--ink);text-underline-offset:3px}
.back{
  font-family:'Archivo',system-ui,sans-serif;
  font-size:17px;
}
.back a{display:inline-flex;align-items:center;min-height:56px;color:var(--ink-2)}

/* the unfilled-fields warning. Deliberately loud: this block must not survive
   to launch, so it is built to be impossible to miss on a phone. */
.todo{
  font-family:'Archivo',system-ui,sans-serif;
  font-size:17px;
  line-height:1.5;
  border-left:3px solid var(--red);
  background:rgba(168,50,30,.06);
  padding:14px 16px;
  margin:16px 0 8px;
}
.ph{
  background:rgba(168,50,30,.12);
  box-shadow:0 1px 0 var(--red);
  padding:0 3px;
}