@font-face{font-family:FFDisplay;src:url('assets/display.woff2') format('woff2');font-display:swap}
:root{--paper:#ebe4d6;--sheet:#fffdf8;--ink:#262e35;--muted:#667078;--accent:#8e472c;--line:#c9c2b5;--wash:#d9cfc0;--reading-size:19px;--reading-line:1.72}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);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:3px solid var(--accent);outline-offset:3px}button:disabled{cursor:default;opacity:.38}a{color:inherit}
.app-shell{max-width:1700px;margin:auto}.topbar{height:74px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;border-bottom:1px solid var(--ink);gap:18px}.identity{display:flex;align-items:center;gap:13px;text-decoration:none;font:700 15px/1.05 Arial,sans-serif;letter-spacing:.02em}.brand-glyph{width:45px;height:45px;display:grid;place-items:center;border:2px solid var(--ink);font:700 16px Arial,sans-serif;white-space:nowrap}.brand-glyph span{color:var(--accent)}.edition{margin-left:auto;font:700 11px Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.icon-button,.menu-button{background:transparent;color:var(--ink);border:1px solid var(--ink);padding:10px 13px;font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.menu-button{display:none}
.brand-glyph{display:flex;align-items:center;justify-content:center;flex-shrink:0;white-space:nowrap}
.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);border-bottom:1px solid var(--ink)}.hero-copy{padding:clamp(35px,5vw,72px) clamp(22px,6vw,100px) clamp(35px,5vw,68px)}.eyebrow{display:flex;gap:20px;justify-content:space-between;max-width:700px;color:var(--accent);font:700 11px Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}.hero h1{font:normal clamp(38px,4.8vw,73px)/1.04 FFDisplay,Georgia,serif;letter-spacing:-.038em;max-width:860px;margin:30px 0 16px}.author{font:14px Arial,sans-serif;color:var(--muted);margin:0}.author span{padding:0 6px}.deck{max-width:630px;font-size:18px;line-height:1.55;margin:28px 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-actions button{border:1px solid var(--ink);padding:15px 18px;font:700 12px Arial,sans-serif;letter-spacing:.04em;display:flex;gap:28px;align-items:center}.primary{background:var(--ink);color:var(--sheet)}.secondary{background:transparent;color:var(--ink)}.hero-meta{display:flex;gap:24px;margin-top:34px;font:700 11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.hero-art{border-left:1px solid var(--ink);background:linear-gradient(145deg,#d5b391,#efe0cc);display:grid;place-items:center;position:relative;overflow:hidden}.paper-stack{width:74%;height:56%;position:relative;transform:rotate(-7deg)}.paper-stack span{position:absolute;display:flex;align-items:flex-end;width:88%;height:80%;padding:17px;background:#fffaf0;border:1px solid #6e6559;box-shadow:7px 9px 0 #8a715f55;font:700 10px Arial,sans-serif;letter-spacing:.14em}.paper-a{top:0;left:0}.paper-b{top:20%;left:17%;transform:rotate(12deg)}.folio{position:absolute;right:24px;bottom:22px;font:700 11px Arial,sans-serif;letter-spacing:.15em}
.workspace{display:grid;grid-template-columns:164px minmax(0,1fr) minmax(225px,295px);align-items:start}.rail{position:sticky;top:0;min-height:100vh;border-right:1px solid var(--line);padding:35px 15px 20px 22px;display:flex;flex-direction:column;gap:4px}.rail-heading{color:var(--accent);font:700 10px Arial,sans-serif;letter-spacing:.16em;margin:0 0 18px 10px}.rail button{border:0;background:none;text-align:left;padding:12px 10px;color:var(--ink);font:700 12px Arial,sans-serif}.rail button:hover{background:var(--wash)}.reader-area{min-width:0;padding:34px clamp(18px,4vw,65px) 75px;scroll-margin-top:10px}.reader-top{display:flex;justify-content:space-between;gap:15px;font:700 11px Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.section-label{color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-counter{color:var(--muted);white-space:nowrap}.progress-track{height:2px;background:var(--line);margin:17px 0 28px}.progress-track span{height:100%;display:block;background:var(--accent);width:0;transition:width .2s}.reading-sheet{background:var(--sheet);border:1px solid var(--line);padding:clamp(26px,4vw,64px);min-height:500px;box-shadow:7px 7px 0 #c9bfb1}.reading-sheet h2{font:normal clamp(28px,3.3vw,46px)/1.12 FFDisplay,Georgia,serif;letter-spacing:-.02em;margin:0 0 32px}.page-text{font-size:var(--reading-size);line-height:var(--reading-line);overflow-wrap:anywhere}.page-text p{margin:0 0 1.1em;white-space:pre-wrap}.page-text h3{font:700 1.12em/1.35 FFDisplay,Georgia,serif;margin:1.5em 0 .6em}.page-text .editorial{font-size:.85em;color:var(--muted);border-left:2px solid var(--accent);padding-left:12px}.page-actions{display:flex;gap:8px;justify-content:space-between;margin:22px 0 0}.page-actions button,.jump-row button{border:1px solid var(--ink);background:transparent;color:var(--ink);padding:10px 12px;font:700 11px Arial,sans-serif}.page-actions button:hover,.jump-row button:hover{background:var(--ink);color:var(--sheet)}.jump-row{display:flex;align-items:center;gap:9px;margin-top:15px;font:12px Arial,sans-serif}.jump-row input{width:67px;border:1px solid var(--line);background:var(--sheet);padding:9px}.jump-row #savedStatus{margin-left:auto;color:var(--muted)}
.comparison-desk{position:sticky;top:0;min-height:100vh;border-left:1px solid var(--ink);padding:31px 23px 40px;background:#ddd3c4}.comparison-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font:700 10px Arial,sans-serif;letter-spacing:.15em;color:var(--accent)}.comparison-head button{border:0;border-bottom:1px solid currentColor;background:none;color:var(--ink);padding:5px 0;font:700 11px Arial,sans-serif}.comparison-label{border-top:1px solid var(--ink);margin:28px 0 14px;padding-top:15px;font:700 11px Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.comparison-desk h2{font:normal 25px/1.14 FFDisplay,Georgia,serif;margin:0 0 22px}.comparison-desk #compareExcerpt{font:15px/1.58 Georgia,serif;max-height:48vh;overflow:auto;white-space:pre-wrap}.comparison-desk #compareGo{margin-top:18px;background:var(--accent);color:white;border:0;padding:12px 15px;font:700 11px Arial,sans-serif}.comparison-desk.collapsed{min-height:0}.comparison-desk.collapsed #compareBody{display:none}
.compare-switch{display:flex;gap:8px;align-items:center}
footer{border-top:1px solid var(--ink);padding:28px clamp(20px,4vw,64px) 42px;display:flex;justify-content:space-between;gap:25px;align-items:flex-start;font:12px/1.5 Arial,sans-serif}.footer-identity{display:flex;flex-direction:column;gap:5px}.footer-identity strong{font-size:15px}.footer-identity span{color:var(--muted)}.archive-note{max-width:510px;border-left:3px solid var(--accent);padding-left:16px}.archive-heading{color:var(--accent);font:700 11px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.archive-note p{margin:7px 0 0}
.scrim{position:fixed;inset:0;background:#172128a8;z-index:19}.drawer{position:fixed;z-index:20;inset:0 0 0 auto;width:min(460px,100vw);background:var(--sheet);box-shadow:-16px 0 60px #0003;display:flex;flex-direction:column}.scrim[hidden],.drawer[hidden],.session-status[hidden]{display:none}.drawer-head{padding:27px 25px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}.drawer-head h2{font:normal 32px/1.1 FFDisplay,Georgia,serif;margin:8px 0 0}.drawer-body{overflow:auto;padding:22px 25px 50px;flex:1}.drawer-body p{line-height:1.5}.panel-list{display:flex;flex-direction:column;gap:6px}.panel-list button{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;padding:12px;border:1px solid var(--line);background:none;color:var(--ink)}.panel-list button:hover,.panel-list .active{background:var(--paper);border-color:var(--accent)}.panel-list .num{min-width:36px;color:var(--accent);font:700 11px Arial,sans-serif}.panel-list .title{line-height:1.3}.panel-note{font:12px/1.5 Arial,sans-serif;color:var(--muted)}.panel-field{display:flex;flex-direction:column;gap:7px;margin:17px 0}.panel-field input,.panel-field textarea{border:1px solid var(--line);background:#fff;padding:11px;color:var(--ink);width:100%}.panel-field textarea{min-height:140px}.panel-actions{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.panel-actions button,.panel-primary{padding:11px 13px;border:1px solid var(--ink);background:var(--ink);color:white;font:700 11px Arial,sans-serif}.panel-actions .secondary-action{background:none;color:var(--ink)}.feature-stat{font:normal 38px FFDisplay,Georgia,serif;color:var(--accent)}.feature-card{border:1px solid var(--line);padding:16px;margin:11px 0}.feature-card blockquote{margin:0;font:italic 17px/1.5 Georgia,serif}.feature-card small{display:block;margin-top:8px;color:var(--muted)}.result-snippet{display:block;font:12px/1.4 Arial,sans-serif;color:var(--muted);margin-top:5px}.check-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.mini-preview{white-space:pre-wrap}.session-status{border:1px solid var(--accent);background:none;padding:8px 11px;margin:10px 0}.session-controls button{padding:10px}.session-clock{font-size:54px}
#exitFocus{display:none}.focus #exitFocus,.quiet #exitFocus{display:block;position:fixed;z-index:10;top:12px;right:12px;padding:11px;background:var(--sheet);border:1px solid var(--ink)}.focus .topbar,.focus .hero,.focus .rail,.focus footer,.focus .comparison-desk,.focus .reader-top,.focus .progress-track,.quiet .topbar,.quiet .hero,.quiet .rail,.quiet footer,.quiet .comparison-desk,.quiet .reader-top,.quiet .progress-track{display:none}.focus .workspace,.quiet .workspace{display:block}.focus .reader-area,.quiet .reader-area{max-width:880px;margin:auto;padding-top:70px}.focus .reading-sheet,.quiet .reading-sheet{border:0;box-shadow:none}.compact .reading-sheet{padding:20px}.compact .page-text{line-height:1.35}body.alternate{--paper:#1d2832;--sheet:#253440;--ink:#f0e8db;--muted:#c0b8aa;--line:#46535d;--wash:#33434e;--accent:#e2a278}
@media(max-width:1150px){.workspace{grid-template-columns:140px minmax(0,1fr) 245px}.reader-area{padding:30px 22px 65px}.hero{grid-template-columns:minmax(0,1fr) 260px}.hero-art .paper-stack{width:82%}}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-art{display:none}.workspace{grid-template-columns:1fr}.rail{position:static;min-height:0;flex-direction:row;overflow:auto;white-space:nowrap;border-right:0;border-bottom:1px solid var(--line);padding:8px 14px}.rail-heading{display:none}.rail button{padding:10px}.comparison-desk{position:static;min-height:0;border-left:0;border-top:1px solid var(--ink);padding:22px}.comparison-desk #compareExcerpt{max-height:190px}.reader-area{padding:27px 18px 45px}.menu-button{display:block}.edition{display:none}}
@media(max-width:560px){.topbar{height:64px;padding:0 15px}.identity{font-size:13px}.brand-glyph{width:39px;height:39px}.hero-copy{padding:32px 20px 38px}.eyebrow{font-size:9px}.hero h1{font-size:clamp(37px,10vw,54px);margin:22px 0 14px}.deck{font-size:16px}.hero-actions button{flex:1;justify-content:space-between}.hero-meta{font-size:10px;flex-wrap:wrap}.reader-area{padding:22px 12px 40px}.reading-sheet{padding:23px 19px;min-height:320px;box-shadow:4px 4px 0 #c9bfb1}.reading-sheet h2{font-size:30px}.page-text{font-size:var(--reading-size,18px)}.page-actions button{font-size:10px;padding:9px 7px}.jump-row{flex-wrap:wrap}.jump-row #savedStatus{width:100%;margin-left:0}footer{display:block;padding:28px 20px}.archive-note{margin-top:20px}}