/* Standalone styling for the legal pages. Deliberately self-contained so these
   pages render correctly whether or not the redesign has landed. */
:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #08090c;
  color: #e8e8ed;
  -webkit-font-smoothing: antialiased;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.6;
}
a { color: #5b9cff; text-decoration: none; }
a:hover { color: #8fbaff; text-decoration: underline; }

.legal-nav {
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding: 16px 24px;
}
.legal-nav a { color: #f5f5f7; font-size: 17px; font-weight: 600; letter-spacing: -0.02em; }
.legal-nav a:hover { text-decoration: none; opacity: .8; }

main { max-width: 720px; margin: 0 auto; padding: 64px 24px 96px; }
h1 { font-size: 40px; line-height: 1.12; letter-spacing: -0.03em; font-weight: 600; color: #f5f5f7; margin: 0 0 12px; }
h2 { font-size: 22px; line-height: 1.3; letter-spacing: -0.02em; font-weight: 600; color: #f5f5f7; margin: 40px 0 12px; }
p, li { color: #c7c7cf; }
ul { padding-left: 22px; }
li { margin-bottom: 8px; }
.updated { font-size: 14px; color: #7d7d85; margin: 0 0 8px; }
.lede { font-size: 19px; color: #9a9aa1; margin: 0 0 8px; }

.legal-footer {
  border-top: 1px solid rgba(255,255,255,0.07);
  margin-top: 72px;
  padding: 32px 24px 56px;
  font-size: 14px;
  color: #7d7d85;
  text-align: center;
}
.legal-footer a { margin: 0 10px; font-size: 14px; }

@media (max-width: 640px) {
  main { padding: 40px 20px 72px; }
  h1 { font-size: 32px; }
  h2 { font-size: 20px; }
  body { font-size: 16px; }
}