@font-face{font-family:Quattro;src:url('../../../fonts/iAWriterQuattroS-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--ground:#f1eee7;--sheet:#f5f0e5;--editor:rgb(97.6% 96.9% 94.9%);--ink:#1d1a15;--serif:'Iowan Old Style',Palatino,Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #9b793e;outline-offset:5px}button{cursor:pointer}.study-header{display:flex;align-items:center;gap:22px;padding:25px 4.5%;color:#817a6c;font-size:12px}.brand{font:32px var(--serif);color:#302e27}.previous{margin-left:auto}.states{display:flex;justify-content:center;gap:34px;margin:20px 20px 28px}.states button{border:0;border-bottom:1px solid transparent;padding:8px 0;color:#817a6c;background:none}.states button[aria-pressed=true]{color:#302e27;border-bottom-color:#9c8459}.paper{position:relative;isolation:isolate;width:calc(100% - 40px);max-width:1840px;margin:0 auto;padding:48px 24px 52px;background:var(--sheet);border:1px solid #cec5b342;border-radius:2px 3px 3px 1px;box-shadow:0 1px 1px #6556410d,0 16px 26px -22px #55473050}.paper::before{content:'';position:absolute;inset:0;z-index:-1;background:url('../paper-sheets/grain.svg') repeat;background-size:640px;opacity:.4;pointer-events:none}.paper::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 12% 4%,#fff7,transparent 65%);pointer-events:none}.editor{position:relative;width:100%;max-width:1024px;margin-inline:auto;height:590px;border:1px solid rgb(36 33 28 / .11);border-radius:18px;background:var(--editor);box-shadow:0 2px 8px rgb(36 33 28 / .025),0 22px 56px -32px rgb(36 33 28 / .2);overflow:hidden}.composition{position:relative;display:grid;grid-template-columns:220px minmax(0,460px) 220px;justify-content:center;column-gap:24px;padding:64px 36px 45px}.draft{font:17px/27px Quattro,monospace;min-width:0;color:rgb(29 26 21 / .88)}.draft h1{position:relative;font:inherit;margin:0 0 16px;letter-spacing:0}.draft h1 .hash{position:absolute;right:calc(100% + 10px);opacity:.4}.draft p{margin:0 0 12px}.draft .context{color:rgb(29 26 21 / .43)}.continuation{padding-top:5px}.left-margin,.right-margin{transition:opacity 250ms ease;min-width:0}.left-margin{padding-right:0}.recall-note{display:flex;gap:10px;align-items:stretch;font:15.2px/1.4 var(--serif);position:relative}.note-stick{width:4px;flex:none;align-self:stretch;background:rgb(29 26 21 / .95);border-radius:4px;margin:0 9px;transition:transform 250ms ease}.note-stick:hover{transform:scaleX(1.5)}.note-content{width:210px;max-width:calc(100% - 32px)}.note-content em{display:block}.note-content blockquote{margin:8px 0;line-height:1.65;max-height:75.24px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:auto;color:rgb(29 26 21 / .82)}.note-content blockquote::-webkit-scrollbar{display:none}.note-content blockquote:focus-visible{outline:1px solid #9b793e88;outline-offset:4px}.note-content blockquote span{background:rgb(245 189 46 / .32);box-decoration-break:clone;-webkit-box-decoration-break:clone}.source{font:13.376px/1.4 var(--serif);color:rgb(29 26 21 / .6)}.right-margin{font-family:var(--serif);color:rgb(29 26 21 / .8)}
.right-margin summary{list-style:none;cursor:pointer;outline-offset:4px}
.right-margin summary::-webkit-details-marker{display:none}
.section-title{display:flex;align-items:baseline;gap:6.3px;font-size:15.75px;line-height:1.5;color:rgb(29 26 21 / .8)}
.section-title .hash{opacity:.5}.count{color:rgb(29 26 21 / .42);white-space:nowrap;font-style:normal}
.section[open]>.section-title,.section-title:hover{color:var(--ink)}
.pile{margin:14.766px 0 0 9.45px}.pile+.pile{margin-top:20px}
.pile-title{font-size:13.86px;line-height:1.5;display:flex;gap:6.3px;align-items:baseline;color:rgb(29 26 21 / .6)}
.pile[open]>.pile-title,.pile-title:hover{color:var(--ink)}
.pile-title em{font-weight:400}.bullet{width:4.725px;height:4.725px;flex:none;border-radius:50%;background:currentColor;position:relative;top:-2px}
.filed-note{display:flex;align-items:stretch;gap:8.4px;width:calc(100% - 25.2px);padding:0;border:0;background:none;text-align:left;font:italic 13.125px/1.5 var(--serif);margin:8.4px 0 0 12.6px;color:rgb(29 26 21 / .75);min-height:20px}
.filed-note>span:last-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.filed-note:hover,.filed-note[aria-expanded=true]{color:var(--ink)}
.filed-stick{width:4.2px;flex:none;background:rgb(29 26 21 / .95);border-radius:2.1px;transition:transform 180ms ease}
.filed-note:hover .filed-stick{transform:scaleX(1.5)}
.revisited-note{margin-top:30px}.revisited-note[hidden]{display:none}
.caption{position:absolute;top:190px;left:24px;width:min(200px,calc((100% - 1024px)/2 - 44px));color:#3b382f}
.caption h2{font:400 clamp(25px,1.8vw,30px)/1.12 var(--serif);letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}
.caption p{font:13px/1.65 -apple-system,BlinkMacSystemFont,sans-serif;color:#7c7568;margin:0;text-wrap:pretty}
.paper[data-caption=right] .caption{left:auto;right:24px}
.editor[data-state=left] .right-margin,.editor[data-state=right] .left-margin{opacity:0;pointer-events:none}.study-footer{text-align:center;margin:27px 24px 35px;color:#5d574a}.study-footer p{margin:0}.study-footer .quiet{font-size:12px;color:#8b8374;margin-top:7px}
@media(max-width:1439px){.paper{padding-top:34px}.caption,.paper[data-caption=right] .caption{position:relative;left:auto;right:auto;top:auto;width:auto;max-width:460px;min-height:64px;margin:0 auto 28px;text-align:center}.caption h2{font-size:28px;margin-bottom:10px}.caption h2 br{display:none}.caption h2 br::after{content:" "}.caption p{font-size:13px}}
@media(max-width:1120px){main,.study-header{min-width:1000px}.paper{width:calc(100% - 40px);padding-inline:16px}.composition{grid-template-columns:200px minmax(0,460px) 200px;padding-inline:24px;column-gap:22px}.study-header{padding:20px 3%}.states{gap:22px}}
@media(prefers-reduced-motion:reduce){.left-margin,.right-margin,.note-stick,.filed-stick{transition:none}}