body.about { background: #000; }
body.about .top { pointer-events: auto; }
body.about .top .mark { text-decoration: none; }
.doc { max-width: calc(640px + 32px); margin: 0 auto; padding: 16vh 16px 20vh; position: relative; z-index: 2; }
.doc h1 { font-size: clamp(26px, 3.6vw, 34px); font-weight: 400; line-height: 1.25; color: #fff; margin: 0 0 18px; letter-spacing: -.01em; }
.doc .lede { font-size: 19px; line-height: 1.55; color: #d6d6d6; margin: 0 0 48px; }
.doc h2 { font-size: 11px; font-weight: 400; letter-spacing: .2em; text-transform: uppercase; color: #777; margin: 52px 0 14px; padding-top: 18px; border-top: 1px solid #262626; }
.doc p, .doc li { color: #c8c8c8; line-height: 1.6; }
.doc ul, .doc ol { padding-left: 1.1em; margin: 0; }
.doc li { margin: 0 0 10px; }
.doc li::marker { color: #555; }
.doc strong { color: #fff; font-weight: 400; }
.doc a { color: #fff; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: #555; }
.doc a:hover { text-decoration-color: #fff; }
.doc code { font-family: var(--mono); font-size: .86em; color: #fff; }
.doc blockquote { margin: 0 0 18px; padding: 0 0 0 18px; border-left: 1px solid #444; color: #fff; font-size: 19px; line-height: 1.5; }
.doc cite { display: block; font-style: normal; font-size: 13px; color: #777; margin-top: 8px; }
.doc pre { font-size: 12px; line-height: 1.8; color: #9b9b9b; white-space: pre; overflow-x: auto; margin: 18px 0; }
.doc .small { font-size: 13px; color: #777; }
.doc .sources li { font-size: 14px; color: #9b9b9b; }
.doc .back { margin-top: 60px; }