.document_page__IVI8d{min-height:100vh;padding:40px 24px 96px;background:#0b0d10;color:#e8eaed;font:16px/1.65 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.document_page__IVI8d *{box-sizing:border-box}.document_prose__ws2P3{max-width:40rem;margin:0 auto}

/* !important on h1 and h2 is load-bearing. globals.css carries unscoped
   `h1 { font-size: clamp(30px, 7vw, 44px) !important }` and
   `h2 { font-size: clamp(24px, 5vw, 34px) !important }` inside its
   max-width:900px block, which would otherwise blow up this document's
   heading hierarchy on every phone -- and there are eleven h2s here, so the
   page would read as though every section were a title. A descendant
   selector outranks a bare element selector, but only once both are
   !important. */.document_prose__ws2P3 h1{font-size:1.6rem!important;font-weight:600;color:#d6a64a;margin:0 0 1.5rem}.document_prose__ws2P3 h2{font-size:1.1rem!important;font-weight:600;color:#e8eaed;margin:2.5rem 0 .75rem;padding-top:1.25rem;border-top:1px solid #23272d}.document_prose__ws2P3 h3{font-size:1rem;font-weight:600;color:#d6a64a;margin:1.75rem 0 .5rem}.document_prose__ws2P3 li,.document_prose__ws2P3 p{color:#b6bcc6;margin:0 0 1rem}.document_prose__ws2P3 li{margin-bottom:.5rem}.document_prose__ws2P3 ul{padding-left:1.25rem;margin:0 0 1rem}.document_prose__ws2P3 strong{color:#e8eaed;font-weight:600}.document_prose__ws2P3 code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;color:#d6a64a}.document_prose__ws2P3 a{color:#d6a64a;text-decoration:underline}.document_prose__ws2P3 table{border-collapse:collapse;width:100%;margin:0 0 1.25rem;display:block;overflow-x:auto}.document_prose__ws2P3 td,.document_prose__ws2P3 th{text-align:left;padding:.6rem .75rem;border-bottom:1px solid #23272d;color:#b6bcc6;font-weight:400;vertical-align:top}.document_prose__ws2P3 th{color:#e8eaed;font-weight:600}.document_prose__ws2P3 footer{margin-top:3rem;padding-top:1.25rem;border-top:1px solid #23272d;color:#6d747e;font-size:.875rem}