:root {
    color-scheme: light;
    --ink: #36332f;
    --ink-soft: #605a53;
    --green: #457f36;
    --paper: #fffefb;
    --desk: #e8e5df;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0; padding: 0; background: var(--desk);
    font-family: "Courier New", Courier, "Nimbus Mono PS", monospace;
    font-size: 1rem; line-height: 1.85; color: var(--ink);
    -webkit-font-smoothing: antialiased;
  }
  .sheet {
    max-width: 46rem; margin: 3rem auto; padding: 4rem 4.5rem 3.5rem;
    background: var(--paper);
    box-shadow: 0 1px 2px rgba(54,51,47,.10), 0 12px 32px rgba(54,51,47,.09);
  }
  img.logo { display: block; width: 100%; max-width: 25rem; height: auto; margin: 0 0 3rem -.4rem; }
  h1 { margin: 0; }
  p { margin: 0 0 1.6rem; max-width: 62ch; }
  a { color: inherit; text-decoration: underline; text-underline-offset: .2em; }
  a:hover { color: var(--green); }
  h2 {
    font-size: 1rem; font-weight: 400; letter-spacing: .18em; text-transform: uppercase;
    color: var(--green); margin: 0 0 1.4rem;
    border-bottom: 1px solid var(--green); padding-bottom: .5rem; display: inline-block;
  }
  .rule { border: 0; border-top: 1px dashed #ccc7bf; margin: 3.5rem 0 2.5rem; }
  footer { font-size: .875rem; line-height: 1.8; color: var(--ink-soft); }
  footer p { margin: 0 0 1.3rem; }
  @media (max-width: 640px) {
    body { font-size: .9375rem; }
    .sheet { margin: 0; padding: 2.5rem 1.5rem 2.5rem; box-shadow: none; min-height: 100vh; }
    img.logo { margin-bottom: 2.25rem; margin-left: 0; }
  }
  footer.legal { margin-top: 3.5rem; padding-top: 1.5rem; border-top: 1px dashed #ccc7bf;
                 font-size: .875rem; color: var(--ink-soft); }
  footer.legal p { margin: 0; max-width: none; }
  a.back { display: inline-block; margin-top: 3rem; font-size: .875rem; }
  h1.page { font-size: 1rem; font-weight: 400; letter-spacing: .18em; text-transform: uppercase;
            color: var(--green); margin: 0 0 2rem; border-bottom: 1px solid var(--green);
            padding-bottom: .5rem; display: inline-block; }
  a.brand { display: block; margin-bottom: 2.5rem; }
  a.brand img { max-width: 18rem; }