/* Generated by tools/gen_legal_html.py — do not edit. */
  @font-face { font-family: Manrope; font-weight: 400; font-display: swap;
               src: url(/assets/fonts/Manrope-Regular.woff2) format("woff2"); }
  @font-face { font-family: Manrope; font-weight: 600; font-display: swap;
               src: url(/assets/fonts/Manrope-SemiBold.woff2) format("woff2"); }
  @font-face { font-family: Manrope; font-weight: 700; font-display: swap;
               src: url(/assets/fonts/Manrope-Bold.woff2) format("woff2"); }
  @font-face { font-family: Manrope; font-weight: 800; font-display: swap;
               src: url(/assets/fonts/Manrope-ExtraBold.woff2) format("woff2"); }

  :root {
    --surface: #F4F5F7; --container: #FFFFFF; --container-high: #E9ECF1;
    --on-surface: #14181E; --on-variant: #5C6675;
    --primary: #5E7A11; --accent-container: #EDF6CE; --on-accent-container: #33420A;
    --hairline: #DDE2E9;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --surface: #0C0F13; --container: #151A21; --container-high: #1E242D;
      --on-surface: #E8ECF1; --on-variant: #98A2B0;
      --primary: #B8E23F; --accent-container: #252F0C; --on-accent-container: #D3EF87;
      --hairline: #262D37;
    }
  }

  * { box-sizing: border-box; }
  body { font-family: Manrope, -apple-system, "Segoe UI", Roboto, sans-serif;
         line-height: 1.65; color: var(--on-surface); background: var(--surface);
         max-width: 760px; margin: 0 auto; padding: 32px 20px 72px;
         -webkit-font-smoothing: antialiased; }
  .mark { display: block; width: 56px; height: 56px; margin-bottom: 20px; }
  h1 { font-weight: 800; font-size: 1.9em; letter-spacing: -0.02em; margin: 0 0 4px;
       color: var(--on-surface); }
  h2 { font-weight: 700; font-size: 1.25em; letter-spacing: -0.01em;
       margin-top: 2.2em; color: var(--on-surface); }
  h3 { font-weight: 700; font-size: 1.02em; margin-top: 1.8em; color: var(--on-surface); }
  h4 { font-weight: 600; font-size: 0.95em; margin: 1.5em 0 0.4em;
       color: var(--on-variant); text-transform: uppercase; letter-spacing: 0.06em; }
  p, li { color: var(--on-surface); }
  a { color: var(--primary); text-underline-offset: 2px; }
  strong { font-weight: 700; }
  /* The one place the accent is spent: the document's own date. */
  .updated { color: var(--primary); font-weight: 600; font-style: normal;
             font-size: 0.92em; margin: 0 0 28px; }
  blockquote { border-left: 3px solid var(--primary); margin: 1.2em 0;
               padding: 10px 18px; background: var(--accent-container);
               color: var(--on-accent-container); border-radius: 0 10px 10px 0; }
  blockquote a { color: var(--on-accent-container); }
  hr { border: none; border-top: 1px solid var(--hairline); margin: 2.4em 0; }
  ul { padding-left: 1.15em; }
  li { margin: 7px 0; }
  table { border-collapse: collapse; width: 100%; margin: 1.2em 0; font-size: 0.9em;
          display: block; overflow-x: auto; }
  th, td { border: 1px solid var(--hairline); padding: 9px 11px; text-align: left;
           vertical-align: top; }
  th { background: var(--container-high); font-weight: 700; }
  td { background: var(--container); }
  footer { margin-top: 3em; padding-top: 1.6em; border-top: 1px solid var(--hairline);
           color: var(--on-variant); font-size: 0.9em; }
  footer a { color: var(--on-variant); }
  .mark-dark { display: none; }
  @media (prefers-color-scheme: dark) {
    .mark-light { display: none; }
    .mark-dark { display: block; }
  }