/* ============================================================
   Life Base — the legal pages

   Served at /privacy and /terms by server.js. Deliberately the same
   reading face and measure as a page inside the app: these documents
   are about somebody's notebook, and reading them should not feel like
   leaving it.

   No script. No fonts fetched. No analytics. A privacy policy that
   loads a tracker is a joke that writes itself.
   ============================================================ */

:root{
  --ink:#141414;
  --ink-soft:#4a4845;
  --ink-grey:#757575;
  --rule:#e8e5e2;
  --purple:#7719aa;
  --paper:#fff;
  --font:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
body{
  background:var(--paper);color:var(--ink);
  font:16px/1.62 var(--font);
  -webkit-font-smoothing:auto;
  padding:0 22px 120px;
}
.wrap{max-width:680px;margin:0 auto}

header.top{
  padding:34px 0 0;margin-bottom:44px;
  border-bottom:1px solid var(--rule);
}
header.top .mark{
  font-family:Charter,"Bitstream Charter",Cambria,Georgia,serif;
  font-size:19px;letter-spacing:.2px;color:var(--ink);
  text-decoration:none;display:inline-block;margin-bottom:26px;
}
header.top .mark:hover{color:var(--purple)}

h1{
  font-size:34px;font-weight:500;line-height:1.2;letter-spacing:-.012em;
  margin-bottom:10px;
}
.updated{color:var(--ink-grey);font-size:13.5px;margin-bottom:30px}

h2{
  font-size:19px;font-weight:600;line-height:1.35;
  margin:44px 0 12px;letter-spacing:-.005em;
}
h3{font-size:16px;font-weight:600;margin:26px 0 8px}

p{margin:0 0 15px;color:var(--ink-soft)}
p strong,li strong{color:var(--ink);font-weight:600}

ul,ol{margin:0 0 16px;padding-left:22px;color:var(--ink-soft)}
li{margin-bottom:8px}

a{color:var(--purple)}

.lede{
  font-size:17.5px;line-height:1.6;color:var(--ink);
  border-left:2px solid var(--rule);padding-left:18px;margin:0 0 34px;
}

/* the short version, up top, because most people read only this */
.summary{
  background:#faf9f8;border:1px solid var(--rule);border-radius:10px;
  padding:20px 22px;margin:0 0 40px;
}
.summary h2{margin-top:0;font-size:15px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--ink-grey);font-weight:600}
.summary ul{margin-bottom:0;padding-left:19px}
.summary li{color:var(--ink)}

table{
  width:100%;border-collapse:collapse;margin:0 0 20px;font-size:14.5px;
  display:block;overflow-x:auto;
}
th,td{
  text-align:left;padding:9px 12px 9px 0;
  border-bottom:1px solid var(--rule);vertical-align:top;
}
th{font-weight:600;color:var(--ink);white-space:nowrap}
td{color:var(--ink-soft)}

.note{
  font-size:14px;color:var(--ink-grey);
  border-top:1px solid var(--rule);margin-top:44px;padding-top:18px;
}
.note a{color:var(--ink-grey);text-decoration:underline}

footer.bot{
  margin-top:56px;padding-top:20px;border-top:1px solid var(--rule);
  font-size:14px;color:var(--ink-grey);
}
footer.bot a{margin-right:16px}

@media (max-width:620px){
  body{font-size:15.5px;padding:0 18px 80px}
  h1{font-size:28px}
}