body.document{--surface:var(--paper);--color:var(--ink)}.document .masthead{position:relative}.document .masthead nav a{font-size:12px}.document-main{max-width:1250px;margin:auto;padding:65px var(--pad) 80px}.document-title{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:45px;margin-bottom:70px}.document-title h1{font-size:clamp(55px,7.2vw,110px)}.document-title p{font-size:16px;max-width:350px}.document-title .mono{font-size:10px;margin-bottom:25px}.document-nav{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:18px 0;display:flex;flex-wrap:wrap;gap:26px;font:11px var(--mono);margin-bottom:55px}.document-section{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding:55px 0;border-bottom:1px solid #14141444;scroll-margin-top:25px}.document-section h2{font-size:clamp(36px,4vw,62px)}.document-section h2 .mono{display:block;font-size:10px;margin-bottom:18px;letter-spacing:.07em}.document-copy{max-width:680px;font-size:17px;line-height:1.7}.document-copy p{margin-bottom:22px}.document-copy p:last-child{margin-bottom:0}.document-copy .lead{font-size:27px;line-height:1.35;letter-spacing:-.03em}.document-copy .small-copy{font-size:13px;line-height:1.6}.document-copy figure{margin-top:28px}.document-copy figcaption{font:10px/1.6 var(--mono);margin-top:14px}.credit-list{margin:0}.credit-list>div{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;border-top:1px solid #14141433;padding:14px 0}.credit-list dt{font:11px/1.5 var(--mono)}.credit-list dd{margin:0;font-size:14px;line-height:1.6}.document-footer{margin:0 var(--pad);padding:28px 0;border-top:1px solid #14141444;display:flex;justify-content:space-between;gap:30px;font:10px/1.5 var(--mono)}.reader-main{max-width:1500px;margin:auto;padding:25px var(--pad) 60px}.reader-top{display:flex;gap:25px;justify-content:space-between;align-items:center;margin:5px 0 20px}.reader-top h1{font-size:30px;letter-spacing:-.05em}.reader-top .mono{font-size:9px}.reader-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-top:1px solid #14141444;border-bottom:1px solid #14141444;font:11px var(--mono)}.reader-controls form{display:flex;gap:9px;align-items:center}.reader-controls input{background:transparent;border:1px solid #14141455;border-radius:0;padding:7px;width:65px}.reader-controls button{border:1px solid #14141455;padding:7px 12px;font:11px var(--mono)}.reader-actions{display:flex;gap:12px;align-items:center}.reader-actions button{font-size:20px;padding:1px 15px;min-width:55px}.reader-canvas{display:flex;justify-content:center;align-items:center;min-height:250px;height:calc(100svh - 260px);margin:20px 0;position:relative;background:#e8e5e0}.reader-canvas img{width:100%;height:100%;object-fit:contain}.reader-canvas img.cover{max-width:50%}.reader-notes{max-width:850px;margin:35px auto 0;font-size:13px}.reader-notes p{margin:15px 0}.reader-notes summary{cursor:pointer;padding:14px 0;border-top:1px solid #14141455;font:11px var(--mono)}.reader-notes pre{white-space:pre-wrap;font:16px/1.6 var(--sans);margin:12px 0 28px}.reader-shortcuts{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font:10px var(--mono)}.reader-shortcuts a{padding:10px 0}.reader-transcripts{display:none}.quality-label{display:flex;gap:8px;align-items:center}.quality-label select{font-size:10px;background:var(--ink);color:var(--paper);border:1px solid #ffffff55;padding:5px}.film-screen #film-error{position:absolute;left:20px;right:20px;bottom:20px;padding:15px;background:#111;color:#fff;font-size:12px}
.indexed-text{white-space:pre-wrap;font:16px/1.6 var(--sans)}
@media(max-width:760px){.document .masthead nav{gap:15px}.document .masthead nav a{font-size:10px}.document-main{padding-top:40px;padding-bottom:50px}.document-title{display:block;margin-bottom:35px}.document-title h1{font-size:58px}.document-title>div:last-child{margin-top:30px}.document-title p{font-size:14px}.document-nav{gap:20px;font-size:9px;margin-bottom:15px}.document-section{display:block;padding:35px 0}.document-section h2{font-size:38px;margin-bottom:30px}.document-copy{font-size:15px;line-height:1.65}.document-copy .lead{font-size:24px}.credit-list>div{grid-template-columns:1fr 1.5fr;gap:15px}.credit-list dt{font-size:9px}.credit-list dd{font-size:12px}.document-footer{font-size:8px}.reader-main{padding-top:20px}.reader-top{display:block;margin-bottom:22px}.reader-top h1{font-size:32px}.reader-top .mono{margin-top:14px}.reader-controls{gap:10px;flex-wrap:wrap;font-size:9px}.reader-controls input{width:50px}.reader-controls button{font-size:9px}.reader-actions{gap:8px}.reader-actions button{font-size:19px;min-width:40px;padding:0 12px}.reader-canvas{height:auto;aspect-ratio:1.2;min-height:0;margin:25px -15px}.reader-canvas img{max-height:80svh;object-fit:contain}.reader-canvas img.cover{max-width:100%;height:60svh;width:auto}.reader-notes{margin-top:25px;font-size:12px}.reader-notes pre{font-size:14px}.reader-shortcuts{gap:15px;font-size:9px}.reader-controls>a{font-size:9px}}

/* The explanatory typeface is consistent across the experience, reader and colophon. */
.document{font-family:var(--mono)}.document-copy{font:20px/1.55 var(--mono)}.document-copy .lead{font:22px/1.5 var(--mono)}.document-title p{font-size:18px}.document-copy .small-copy,.credit-list dd,.reader-notes{font-size:16px}.credit-list dt,.document-nav,.reader-controls,.reader-controls button,.reader-notes summary,.reader-shortcuts,.document-footer{font-size:14px}.document-copy figcaption{font-size:13px}.reader-notes pre,.indexed-text{font:18px/1.55 var(--mono)}.document-section h2 .mono,.document-title .mono,.reader-top .mono{font-size:13px}.document .masthead nav a{font-size:14px}
@media(max-width:760px){.document-copy{font-size:18px}.document-copy .lead{font-size:20px}.document-title p{font-size:18px}.document-copy .small-copy,.credit-list dd,.reader-notes{font-size:16px}.credit-list dt,.document-nav,.reader-controls,.reader-controls button,.reader-notes summary,.reader-shortcuts,.document-footer{font-size:13px}.reader-notes pre,.indexed-text{font-size:18px}.document .masthead nav a{font-size:12px}.document .masthead nav>a{font-size:12px}.document .masthead nav>a:before{display:none}.document .masthead nav>a:nth-child(2){display:block}.document .masthead nav{gap:12px}.document .masthead .wordmark{display:none}.document .masthead nav{margin-left:0;width:100%;justify-content:space-between}.document-title h1{font-size:50px}}

body.document{animation:document-enter .55s ease both}@keyframes document-enter{from{opacity:0}to{opacity:1}}