/* Privacy and terms: the same purple desktop, the text in the same glass window as the
   download, as a page that scrolls. */
html { background: #b04fd6 url(/assets/wall/purple.webp) center / cover fixed no-repeat; }
body { min-height: 100dvh; padding: 72px 16px; color: #fff; }
.doc {
  position: relative; max-width: 640px; margin: 0 auto; padding: 58px 52px 44px; border-radius: 22px;
  background: rgb(28 28 32 / 0.6); -webkit-backdrop-filter: blur(34px) saturate(1.8); backdrop-filter: blur(34px) saturate(1.8);
  box-shadow: 0 0 0 0.5px rgb(255 255 255 / 0.16), 0 24px 60px rgb(0 0 0 / 0.35);
  font-size: 15px; line-height: 1.6;
}
/* the window's traffic lights, as on the home page */
.doc::before {
  content: ""; position: absolute; left: 16px; top: 16px; width: 12px; height: 12px; border-radius: 50%;
  background: #ff5f57; box-shadow: 20px 0 0 #febc2e, 40px 0 0 #28c840;
}
.doc h1 { font-size: 32px; font-weight: 700; }
.doc .date { margin-top: 6px; color: rgb(255 255 255 / 0.72); font-size: 13px; }
.doc h2 { margin-top: 32px; font-size: 17px; font-weight: 600; }
.doc p, .doc ul { margin: 10px 0 0; }
.doc ul { padding-left: 20px; }
.doc li + li { margin-top: 6px; }
.doc code { font: 13px ui-monospace, SFMono-Regular, Menlo, monospace; }
.doc .back { display: inline-block; margin-top: 36px; font-size: 14px; }
@media (max-width: 560px) { .doc { padding: 50px 20px 32px; } }