@font-face{font-family:EHDisplay;src:url('assets/display.woff2') format('woff2');font-display:swap}
:root{--night:#17242b;--night-2:#20333d;--paper:#ebe9df;--sheet:#f8f6ee;--ink:#28383f;--muted:#7a8889;--accent:#bba481;--line:#40515a;--reading-size:19px;--reading-line:1.85}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--night);color:var(--paper);font-family:Georgia,serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.35;cursor:default}a{color:inherit}.app-shell{max-width:1700px;margin:auto}
.topbar{height:72px;padding:0 clamp(20px,4vw,65px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px}.identity{display:flex;align-items:center;gap:14px;text-decoration:none;font:700 17px EHDisplay,Georgia,serif;white-space:nowrap}.archive-emblem{width:37px;height:37px;border:1px solid var(--accent);display:grid;place-items:center;color:var(--accent);font:700 12px Arial,sans-serif;letter-spacing:.05em}.edition{margin-left:auto;color:var(--accent);font:700 10px Arial,sans-serif;letter-spacing:.19em}.icon-button,.menu-button{background:none;color:var(--paper);border:1px solid var(--line);padding:9px 12px;font:700 11px Arial,sans-serif}.menu-button{display:none}
.hero{min-height:490px;display:grid;grid-template-columns:150px minmax(0,1fr) 240px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 77% 50%,#304951 0,transparent 37%),var(--night)}.hero-index{padding:42px 22px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;color:var(--accent);font:700 10px/1.5 Arial,sans-serif;letter-spacing:.16em}.hero-index strong{font:normal 89px/1 EHDisplay,Georgia,serif;opacity:.4}.hero-copy{padding:clamp(48px,6vw,92px) clamp(35px,6vw,95px) 60px}.eyebrow{color:var(--accent);font:700 11px Arial,sans-serif;letter-spacing:.2em}.eyebrow span{padding:0 7px}.hero h1{max-width:780px;font:normal clamp(48px,5vw,84px)/.99 EHDisplay,Georgia,serif;letter-spacing:-.04em;margin:34px 0 18px}.author{color:var(--accent);font-size:18px;margin:0}.deck{max-width:580px;font-size:17px;line-height:1.6;color:#cad2cd;margin:27px 0 29px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions button{padding:14px 17px;border:1px solid var(--accent);display:flex;gap:26px;align-items:center;font:700 12px Arial,sans-serif}.primary{background:var(--accent);color:var(--night)}.secondary{background:transparent;color:var(--paper)}.hero-meta{display:flex;gap:22px;margin-top:36px;color:#aebdbb;font:700 10px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}.hero-mark{border-left:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:19px;color:var(--accent);font:700 10px Arial,sans-serif;letter-spacing:.16em}.mark-circle{width:134px;height:134px;display:grid;place-items:center;border:3px double var(--accent);border-radius:50%;font:normal 93px/1 EHDisplay,Georgia,serif}.mark-rule{width:54px;height:1px;background:var(--accent)}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) 235px;align-items:start;background:var(--paper);color:var(--ink)}.reader-area{padding:46px clamp(25px,6vw,100px) 85px;max-width:1040px;width:100%;margin:auto;min-width:0;scroll-margin-top:10px}.reader-top{display:flex;justify-content:space-between;gap:12px;font:700 11px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.section-label{color:#7a6043;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-counter{color:#53646a;white-space:nowrap}.progress-track{height:1px;background:#a7b0ac;margin:18px 0 33px}.progress-track span{height:2px;display:block;width:0;background:#8a633c}.reading-sheet{max-width:790px;margin:auto;min-height:460px;padding:clamp(26px,4vw,62px);background:var(--sheet);box-shadow:0 16px 50px #20303910}.sheet-label{font:700 10px Arial,sans-serif;color:#8a633c;letter-spacing:.16em;margin-bottom:28px}.reading-sheet h2{font:normal clamp(30px,3vw,43px)/1.14 EHDisplay,Georgia,serif;margin:0 0 32px;overflow-wrap:anywhere}.page-text{font:var(--reading-size)/var(--reading-line) Georgia,serif;overflow-wrap:anywhere}.page-text p{margin:0 0 1.2em;white-space:pre-wrap}.page-text h3{font:700 1.1em/1.35 EHDisplay,Georgia,serif;margin:1.5em 0 .6em}.page-text .editorial{font-size:.82em;color:#66777b;border-left:2px solid #8a633c;padding-left:12px}.page-actions{max-width:790px;margin:23px auto 0;display:flex;gap:10px;justify-content:space-between}.page-actions button,.jump-row button{background:none;color:var(--ink);border:1px solid #aeb7b2;padding:10px 13px;font:700 11px Arial,sans-serif}.page-actions button:hover,.jump-row button:hover{border-color:var(--ink)}.jump-row{max-width:790px;margin:14px auto 0;display:flex;gap:9px;align-items:center;font:12px Arial,sans-serif}.jump-row input{background:var(--sheet);color:var(--ink);border:1px solid #aeb7b2;padding:8px;width:70px}.jump-row #savedStatus{margin-left:auto;color:#637278}
.rail{min-height:100vh;position:sticky;top:0;border-left:1px solid #bac2bc;background:#e2e4dc;padding:35px 0}.rail-intro{padding:0 24px 30px}.rail-intro span,.rail-progress span{font:700 10px Arial,sans-serif;letter-spacing:.15em;color:#8a633c}.rail-intro p{font:14px/1.5 Georgia,serif;margin:12px 0 0}.rail button{display:flex;justify-content:space-between;width:100%;border:0;border-top:1px solid #bdc6bf;text-align:left;background:none;color:var(--ink);padding:15px 24px;font:700 12px Arial,sans-serif}.rail button:hover{background:#d5dad0}.rail button span{color:#87928b}.rail-progress{margin:31px 24px 0;padding-top:18px;border-top:1px solid #8f9c96;display:flex;justify-content:space-between;gap:8px;align-items:baseline}.rail-progress strong{font:normal 23px EHDisplay,Georgia,serif}
.quiet-dock{display:none}footer{border-top:1px solid var(--line);padding:32px clamp(20px,4vw,65px) 45px;display:flex;justify-content:space-between;align-items:flex-start;gap:25px;font:12px/1.5 Arial,sans-serif}.footer-identity{display:flex;flex-direction:column;gap:5px}.footer-identity strong{color:var(--accent);font-size:16px}.footer-identity span{color:#c1cbc7}.archive-note{max-width:520px}.archive-heading{color:var(--accent);font:700 11px Arial,sans-serif;letter-spacing:.14em}.archive-note p{margin:8px 0 0;color:#c1cbc7}
.scrim{position:fixed;inset:0;background:#0e171cc4;z-index:19}.drawer{position:fixed;z-index:20;inset:0 0 0 auto;width:min(470px,100vw);background:var(--sheet);color:var(--ink);box-shadow:-13px 0 60px #0005;display:flex;flex-direction:column}.scrim[hidden],.drawer[hidden],.session-status[hidden]{display:none}.drawer-head{padding:29px 26px 20px;border-bottom:1px solid #c3cbc4;display:flex;justify-content:space-between;gap:12px}.drawer-head h2{font:normal 31px EHDisplay,Georgia,serif;margin:8px 0 0}.drawer-head .eyebrow{color:#8a633c}.drawer-head .icon-button{color:var(--ink);border-color:#9ba9a3}.drawer-body{overflow:auto;padding:24px 26px 50px;flex:1}.drawer-body p{line-height:1.5}.panel-list{display:flex;flex-direction:column;gap:5px}.panel-list button{width:100%;display:flex;gap:11px;align-items:flex-start;text-align:left;color:var(--ink);background:transparent;border:1px solid #c5ccc5;padding:12px}.panel-list button:hover,.panel-list .active{border-color:#8a633c;background:#ece7da}.panel-list .num{min-width:36px;color:#8a633c;font:700 11px Arial,sans-serif}.panel-list .title{line-height:1.3}.panel-note{font:12px/1.5 Arial,sans-serif;color:#647278}.panel-field{display:flex;flex-direction:column;gap:7px;margin:18px 0}.panel-field input,.panel-field textarea{width:100%;border:1px solid #aab5ad;padding:11px;background:white;color:var(--ink)}.panel-field textarea{min-height:145px}.panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.panel-actions button{background:var(--night);color:white;border:1px solid var(--night);padding:10px 13px;font:700 11px Arial,sans-serif}.panel-actions .secondary-action{background:transparent;color:var(--night)}.feature-stat{font:normal 41px EHDisplay,Georgia,serif;color:#8a633c}.feature-card{border:1px solid #c5ccc5;padding:17px;margin:12px 0}.feature-card blockquote{margin:0;font:italic 17px/1.5 Georgia,serif}.feature-card small{display:block;color:#647278;margin-top:10px}.result-snippet{display:block;color:#647278;font:12px/1.4 Arial,sans-serif;margin-top:5px}.check-row{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #c5ccc5}.mini-preview{white-space:pre-wrap}.session-status{border:1px solid #8a633c;background:none;padding:8px 11px}
#exitFocus{display:none}.quiet{background:#d8d9d0}.quiet .topbar,.quiet .hero,.quiet .rail,.quiet footer,.quiet .reader-top,.quiet .progress-track,.quiet .sheet-label,.quiet .reading-sheet h2,.quiet .page-actions,.quiet .jump-row{display:none}.quiet .workspace{display:block;background:#d8d9d0}.quiet .reader-area{max-width:760px;padding:clamp(35px,6vw,80px) 25px 125px}.quiet .reading-sheet{background:transparent;box-shadow:none;padding:0;min-height:0}.quiet .page-text{font-size:var(--reading-size);line-height:var(--reading-line)}.quiet .quiet-dock{display:flex;position:fixed;z-index:10;left:50%;bottom:max(13px,env(safe-area-inset-bottom));transform:translateX(-50%);align-items:center;gap:4px;background:var(--night);color:var(--paper);padding:7px;box-shadow:0 12px 35px #0003;white-space:nowrap}.quiet-dock button{border:0;background:none;color:inherit;padding:10px 13px;font:700 12px Arial,sans-serif}.quiet-dock #quietPage{font:700 11px Arial,sans-serif;letter-spacing:.08em;min-width:82px;text-align:center}.quiet-dock #quietLeave{border-left:1px solid var(--line);color:var(--accent)}.quiet #exitFocus{display:none}.focus .topbar,.focus .hero,.focus .rail,.focus footer,.focus .reader-top,.focus .progress-track{display:none}.focus .workspace{display:block}.focus .reader-area{padding-top:70px}.compact .reading-sheet{padding:16px}.compact .page-text{line-height:1.4}body.alternate{--night:#0c1216;--night-2:#182127;--paper:#d7d4c9;--sheet:#ece8db;--ink:#142127;--accent:#d3ad78}
@media(max-width:1120px){.hero{grid-template-columns:100px minmax(0,1fr) 170px}.hero-index{padding:33px 15px}.hero-copy{padding:60px 45px}.hero h1{font-size:61px}.mark-circle{width:100px;height:100px;font-size:70px}.workspace{grid-template-columns:minmax(0,1fr) 190px}.rail button{padding:13px 17px}.rail-intro{padding:0 17px 23px}.rail-progress{margin-left:17px;margin-right:17px}}
@media(max-width:780px){.hero{grid-template-columns:80px minmax(0,1fr)}.hero-mark{display:none}.hero-index{font-size:8px}.hero-index strong{font-size:60px}.hero-copy{padding:45px 32px}.hero h1{font-size:clamp(47px,7vw,67px)}.workspace{grid-template-columns:1fr}.rail{position:static;min-height:0;border-left:0;border-top:1px solid #bac2bc;display:flex;overflow:auto;padding:0}.rail-intro,.rail-progress{display:none}.rail button{width:auto;white-space:nowrap;gap:15px;border-top:0;border-right:1px solid #bdc6bf}.reader-area{padding:35px 20px 60px}.menu-button{display:block}.edition{display:none}}
@media(max-width:560px){.topbar{height:62px;padding:0 16px}.identity{font-size:16px}.hero{display:block;min-height:0}.hero-index{display:none}.hero-copy{padding:40px 22px 45px}.eyebrow{font-size:9px}.hero h1{font-size:clamp(46px,12vw,66px);margin:27px 0 17px}.deck{font-size:16px}.hero-actions button{flex:1;justify-content:space-between}.hero-meta{font-size:9px;flex-wrap:wrap}.reader-area{padding:27px 12px 45px}.reading-sheet{padding:26px 19px}.reading-sheet h2{font-size:30px}.page-text{font-size:var(--reading-size,18px)}.page-actions button{font-size:10px;padding:9px 8px}.jump-row{flex-wrap:wrap}.jump-row #savedStatus{width:100%;margin-left:0}.quiet .reader-area{padding:38px 22px 115px}.quiet .quiet-dock{width:calc(100% - 24px);justify-content:center}.quiet-dock #quietPage{min-width:65px}.quiet-dock button{padding:10px 7px}footer{display:block;padding:30px 22px}.archive-note{margin-top:20px}}