:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #111; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; }
[hidden] { display: none !important; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 2px solid #111; outline-offset: 5px; }
.home { max-width: 540px; margin: 0 auto; padding: 100px 28px 48px; }
.wordmark { margin: 0 0 32px; font-size: 13px; }
.home h1 { margin: 0 0 36px; font-size: 27px; font-weight: 500; letter-spacing: -.7px; }
.notes { border-top: 1px solid #e8e8e8; }
.notes a { min-height: 66px; padding: 22px 0; border-bottom: 1px solid #e8e8e8; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: 15px; }
.notes a:hover { text-decoration: underline; text-underline-offset: 4px; }
.reader-header { display: grid; grid-template-columns: 1fr auto 1fr; gap: 16px; align-items: center; padding: 19px 28px; border-bottom: 1px solid #e8e8e8; background: #fff; }
.reader-header a { font-size: 13px; }
.reader-header h1 { font-size: 14px; font-weight: 500; margin: 0; }
#open-pdf { justify-self: end; }
.status { margin: 24px auto; text-align: center; font-size: 13px; }
.pages { width: min(100%, 880px); margin: 12px auto 40px; padding: 0 12px; }
.pdf-page { position: relative; margin: 0 auto 20px; background: #fff; }
.pdf-page canvas { display: block; width: 100%; height: auto; }
.text-layer { --min-font-size: 1; --text-scale-factor: calc(var(--total-scale-factor) * var(--min-font-size)); --min-font-size-inv: calc(1 / var(--min-font-size)); position: absolute; top: 0; left: 0; overflow: hidden; line-height: 1; text-align: initial; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; }
.text-layer :is(span, br) { color: transparent; position: absolute; white-space: pre; cursor: text; transform-origin: 0 0; }
.text-layer > :not(.markedContent), .text-layer .markedContent span:not(.markedContent) { z-index: 1; --font-height: 0; font-size: calc(var(--text-scale-factor) * var(--font-height)); --scale-x: 1; --rotate: 0deg; transform: rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv)); }
.text-layer .markedContent { display: contents; }
.text-layer ::selection { background: rgb(160 190 240 / .4); }
.noscript { max-width: 540px; margin: 20px auto; padding: 0 28px; font-size: 14px; }
@media (max-width: 600px) {
  .home { padding-top: 64px; }
  .reader-header { grid-template-columns: 1fr auto; padding: 16px; gap: 14px; }
  .reader-header h1 { grid-row: 2; grid-column: 1 / -1; }
  .pages { padding: 0 4px; margin-top: 8px; }
}