/* This page is plain prose, not the application. It borrows the palette so
     it looks like the same piece of work, and nothing else. */
  /* style.css pins the app to the window (height 100%, overflow hidden) so
     the canvas can own every scroll; a page of prose has to scroll itself. */
  html, body { height: auto; min-height: 100%; overflow: auto; }
  body { display: block; }
  .legal { max-width: 47rem; margin: 0 auto; padding: 44px 20px 90px; }
  .legal a { color: var(--accent); }
  .legal h1 { font-family: var(--serif); font-size: 30px; margin: 0 0 6px; color: var(--read-1); }
  .legal .lede { color: var(--text-faint); font-size: 15px; margin: 0 0 34px; line-height: 1.6; }
  .legal h2 {
    font-size: 12px; text-transform: uppercase; letter-spacing: .09em;
    color: var(--accent); margin: 34px 0 12px;
    border-bottom: 1px solid var(--line-soft); padding-bottom: 7px;
  }
  .src { margin: 0 0 18px; }
  .src dt { font-weight: 600; color: var(--read-1); font-size: 14.5px; }
  .src dd {
    margin: 3px 0 0; color: var(--read-2); font-size: 13.5px; line-height: 1.6;
    font-family: var(--serif);
  }
  .lic {
    display: inline-block; font-family: var(--sans, inherit); font-size: 11px;
    padding: 2px 7px; border-radius: 999px; margin-left: 6px; vertical-align: 1px;
    background: var(--surface-2); border: 1px solid var(--line-soft); color: var(--text-faint);
    letter-spacing: .02em; text-transform: none; font-weight: 500;
  }
  .note {
    font-size: 13px; color: var(--text-faint); line-height: 1.6;
    border-left: 2px solid var(--line-soft); padding: 2px 0 2px 13px; margin: 14px 0 0;
  }
  .back { display: inline-block; margin-bottom: 26px; font-size: 13px; color: var(--text-faint); }
  .back:hover { color: var(--accent); }
  /* The full logo, wordmark and all. Too detailed to survive being shrunk to a
     home-screen icon, but this is the one page with room for it. */
  .logo {
    display: block; width: min(260px, 60vw); height: auto; margin: 0 auto 30px;
    border-radius: 18px;
  }
  .foot { margin-top: 44px; padding-top: 18px; border-top: 1px solid var(--line-soft);
          font-size: 12.5px; color: var(--text-faint); line-height: 1.65; }