:root{--paper:#f5f0e6;--paper-deep:#e6dcc9;--desk:#b9aa92;--desk-dark:#2b2722;--ink:#211f1b;--muted:#615b51;--blue:#285b72;--blue-soft:#d7e4e8;--red:#9b3f35;--red-soft:#ead6d0;--green:#365f4b;--green-soft:#d8e3dc;--line:#211f1b33;--shadow:0 24px 55px #33291d33;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--desk-dark)}
body.writing-page{margin:0;background:var(--desk);color:var(--ink);font-family:var(--sans);overflow-x:clip}
button,input,a,summary{font:inherit}
button{color:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #0d6387;outline-offset:3px}
.skip-link{position:fixed;z-index:1000;left:1rem;top:-5rem;padding:.75rem 1rem;background:white;color:#111}.skip-link:focus{top:1rem}
.writer-nav{position:fixed;z-index:100;inset:0 0 auto;height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;background:#f5f0e6e8;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);font:700 11px var(--sans);letter-spacing:.04em}
.writer-nav__brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none}.writer-nav__brand img{width:24px;height:24px}.writer-nav__folio{color:var(--muted);letter-spacing:.12em}.writer-nav__back{justify-self:end;color:var(--ink);text-decoration:none}
.writing-world{position:relative;width:100%;max-width:none;margin:0;padding:58px 0 0;background:linear-gradient(90deg,#00000007 1px,transparent 1px),linear-gradient(var(--desk),#c2b49d 42%,#afa087);background-size:40px 100%,100% 100%}
.act{position:relative;width:min(1280px,calc(100% - 56px));margin:0 auto;padding:120px 0}
.act-label{margin:0 0 20px;color:var(--blue);font:800 10px var(--sans);letter-spacing:.18em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.05em;line-height:.95}
h1 em,h2 em{font-weight:400;color:var(--red)}
.chapter-heading{max-width:950px;margin-bottom:60px}.chapter-heading h2,.editor-intro h2{font-size:clamp(3.2rem,7vw,7.5rem);margin:0}.chapter-heading--split{display:grid;grid-template-columns:1.25fr .55fr;max-width:none;gap:80px;align-items:end}.chapter-heading--split>p{margin:0 0 8px;color:var(--muted);font:400 18px/1.55 var(--serif)}

/* opening desk */
.opening{width:100%;min-height:calc(100vh - 58px);padding:0;display:grid;place-items:center;background:#9d8b72;overflow:hidden}
.desk-mat{position:relative;width:min(1380px,100%);min-height:840px;background:radial-gradient(circle at 50% 30%,#decfb4 0,#c9b99e 43%,#9d8b72 100%);box-shadow:inset 0 0 120px #3b2e2055}
.desk-mat::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(93deg,#ffffff08 0 1px,transparent 1px 17px);mix-blend-mode:soft-light}
.opening-copy{position:absolute;z-index:4;left:6%;top:10%;max-width:610px}.opening-copy h1{margin:0;font-size:clamp(4.6rem,10vw,9rem)}
.rough-note{position:absolute;z-index:8;left:32%;top:38%;width:390px;min-height:265px;padding:38px 35px;background:#f0de91;color:#2e2a1d;box-shadow:0 30px 55px #49391f55;transform:rotate(-2.5deg);transition:transform .7s var(--ease),left .7s var(--ease),top .7s var(--ease),opacity .5s}
.rough-note::before{content:"";position:absolute;left:0;right:0;top:35px;border-top:1px solid #9f884766}.rough-note span,.context-slip span,.source-pad>span,.voice-transcript>span,.new-note>span{font:800 8px var(--sans);letter-spacing:.16em}.rough-note p{margin:42px 0 0;font:400 30px/1.45 "Comic Sans MS",cursive}.rough-note i{position:absolute;width:70px;height:2px;background:#9b3f35;right:25px;bottom:38px;transform:rotate(-7deg)}
.context-scatter{position:absolute;inset:0;pointer-events:none}.context-slip{position:absolute;z-index:3;width:205px;min-height:115px;padding:20px;background:var(--paper);border:1px solid #7a6b5544;box-shadow:0 15px 30px #33291d2e;transition:transform .7s var(--ease),left .7s var(--ease),top .7s var(--ease),opacity .5s}.context-slip span,.context-slip strong,.context-slip small{display:block}.context-slip span{color:var(--blue)}.context-slip strong{margin-top:18px;font:400 19px var(--serif)}.context-slip small{margin-top:5px;color:var(--muted);font-size:11px}.context-slip--customer{left:6%;top:51%;transform:rotate(-4deg)}.context-slip--case{left:11%;top:72%;transform:rotate(2deg)}.context-slip--supplier{right:8%;top:24%;transform:rotate(3deg)}.context-slip--calendar{right:7%;top:48%;transform:rotate(-2deg)}.context-slip--tone{right:18%;top:71%;transform:rotate(4deg)}
.opening-prompt{position:absolute;z-index:10;left:50%;bottom:6%;transform:translateX(-50%);display:flex;align-items:center;gap:30px;padding:16px 18px 16px 28px;background:#27231fe8;color:white;box-shadow:var(--shadow)}.opening-prompt p{margin:0;font:400 19px var(--serif);white-space:nowrap}
.ink-button{appearance:none;border:1px solid currentColor;background:transparent;padding:13px 18px;cursor:pointer;font-weight:800;font-size:12px;letter-spacing:.05em}.ink-button--primary{background:#f5f0e6;color:var(--ink);border-color:#f5f0e6}.ink-button--approve{background:var(--green);border-color:var(--green);color:white}
[data-phase=gather] .rough-note{left:39%;top:40%;transform:rotate(0) scale(.9)}[data-phase=gather] .context-slip{left:52%;top:49%;transform:scale(.72);opacity:.55}[data-phase=draft] .rough-note,[data-phase=approved] .rough-note{left:10%;top:65%;transform:rotate(-5deg) scale(.8);opacity:.6}[data-phase=draft] .context-slip,[data-phase=approved] .context-slip{opacity:.7}

/* central editor */
.editor-act{width:100%;padding:140px max(28px,calc((100% - 1280px)/2));background:#d4c6ae;border-top:1px solid #ffffff55;border-bottom:1px solid #6f5d4744}
.editor-intro{width:min(1280px,100%);margin:0 auto 70px}.editor-desk{width:min(1280px,100%);margin:auto;display:grid;grid-template-columns:250px minmax(420px,660px) 230px;gap:28px;align-items:start}
.context-drawer{padding:22px;background:#2d2a26;color:#f4efe5;box-shadow:var(--shadow)}.drawer-heading{padding-bottom:18px;border-bottom:1px solid #ffffff22}.drawer-heading span,.drawer-heading strong{display:block}.drawer-heading span{color:#a6cad5;font:800 8px var(--sans);letter-spacing:.16em}.drawer-heading strong{margin-top:6px;font:400 17px var(--serif)}.context-drawer label{position:relative;display:grid;grid-template-columns:18px 1fr;gap:2px 8px;padding:14px 0;border-bottom:1px solid #ffffff18;cursor:pointer}.context-drawer input{grid-row:1/3;align-self:start;accent-color:#88b2c0}.context-drawer label span{font-size:12px;font-weight:700}.context-drawer label small{color:#b9b0a3;font-size:10px}.context-drawer .is-restricted{opacity:.72}.context-drawer .is-restricted::after{content:"INTERN";position:absolute;right:0;top:14px;color:#e5aa9f;font-size:7px;letter-spacing:.12em}.drawer-rule{margin:20px 0 0;color:#cdc3b5;font:400 15px/1.45 var(--serif)}
.writing-sheet,.document-sheet,.role-paper{position:relative;background:var(--paper);box-shadow:var(--shadow);background-image:linear-gradient(90deg,transparent 54px,#a1443533 54px 55px,transparent 55px),repeating-linear-gradient(0deg,transparent 0 27px,#38627612 27px 28px)}
.writing-sheet{min-height:650px;padding:34px 48px 38px 78px;transition:transform .5s var(--ease),filter .4s}
.sheet-meta,.sheet-foot{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:800 8px var(--sans);letter-spacing:.14em}.sheet-meta{padding-bottom:24px;border-bottom:1px solid var(--line)}.sheet-address{display:grid;grid-template-columns:70px 1fr;gap:9px 15px;margin:28px 0;color:var(--muted);font-size:11px}.sheet-address span{font-size:8px;font-weight:800;letter-spacing:.14em}.sheet-address strong{color:var(--ink);font-weight:600}.draft-copy{min-height:370px;padding-top:12px}.draft-copy p{margin:0 0 22px;font:400 18px/1.6 var(--serif);transition:opacity .35s,transform .35s}.draft-copy mark{background:#efd5a5;padding:0 2px}.sheet-foot{position:absolute;left:78px;right:48px;bottom:25px;padding-top:14px;border-top:1px solid var(--line)}.sheet-foot span:last-child{color:var(--red)}.text-cursor{position:absolute;right:42px;bottom:85px;width:1px;height:20px;background:var(--blue);opacity:.25}
.js [data-phase=rough] .writing-sheet,.js [data-phase=gather] .writing-sheet{filter:grayscale(.3);transform:translateY(15px)}.js [data-phase=rough] .draft-copy p,.js [data-phase=gather] .draft-copy p{opacity:.16;transform:translateY(8px)}
.margin-notes{display:grid;gap:18px}.margin-notes article{padding:18px;background:#e7d9b8;box-shadow:0 13px 27px #44372524;transform:rotate(1deg)}.margin-notes article:nth-child(2){background:#e4d3ce;transform:rotate(-1.5deg)}.margin-notes article:nth-child(3){background:#d7e3e4}.margin-notes span{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.15em}.margin-notes p{margin:11px 0 0;font:400 14px/1.5 var(--serif)}.margin-notes a{display:block;margin-top:12px;color:#234e61;font-size:10px;font-weight:800}
.editing-rail{width:min(660px,calc(100% - 56px));margin:26px auto 0;display:flex;flex-wrap:wrap;gap:5px}.editing-rail>span{display:grid;place-items:center;padding:10px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.15em}.editing-rail button,.structure-tools button,.document-tabs button,.voice-outputs nav button,.voice-compare nav button,.lab-tabs button,.roles-act nav button{appearance:none;border:1px solid var(--line);background:#eee6d7;padding:11px 13px;cursor:pointer;font-size:11px;font-weight:700}.editing-rail button.is-active,.document-tabs button.is-active,.voice-outputs nav button.is-active,.voice-compare nav button.is-active,.lab-tabs button[aria-selected=true],.roles-act nav button.is-active{background:var(--ink);color:white}
.approval-pause{width:min(900px,calc(100% - 56px));margin:70px auto 0;display:grid;grid-template-columns:85px 1fr auto;align-items:center;gap:28px;padding:28px;border-top:2px solid var(--red);border-bottom:2px solid var(--red);background:#e2d2c0;transition:opacity .4s,transform .4s}.pause-mark{display:flex;gap:11px;justify-content:center}.pause-mark i{display:block;width:9px;height:55px;background:var(--red)}.approval-pause span,.approved-actions span{color:var(--red);font-size:8px;font-weight:800;letter-spacing:.16em}.approval-pause h3{margin:8px 0 6px;font:400 35px var(--serif)}.approval-pause p{margin:0;color:var(--muted);font:400 15px/1.5 var(--serif)}.approval-actions{display:flex;gap:8px}.js [data-phase=rough] .approval-pause,.js [data-phase=gather] .approval-pause{opacity:.35;transform:translateY(14px);pointer-events:none}
.approved-actions{width:min(900px,calc(100% - 56px));margin:20px auto 0;padding:22px;background:var(--green-soft);border:1px solid #365f4b66;display:grid;grid-template-columns:1fr repeat(3,auto);gap:9px;align-items:center}.approved-actions[hidden]{display:none}.approved-actions strong{display:block;margin-top:5px;font:400 18px var(--serif)}.approved-actions button{border:1px solid var(--green);background:transparent;padding:11px;cursor:pointer;font-size:10px;font-weight:800}.approved-actions p{grid-column:1/-1;margin:8px 0 0;padding-top:12px;border-top:1px solid #365f4b44;color:var(--green);font-size:12px}.ownership-line{text-align:center;margin:110px 0 0;font:400 clamp(2.7rem,6vw,6rem)/1 var(--serif)}.ownership-line span{color:var(--muted)}

/* uncertainty */
.uncertainty-act{background:#b5a58e}.question-desk{display:grid;grid-template-columns:.8fr 1.2fr;gap:0;box-shadow:var(--shadow)}.incoming-mail,.uncertain-output{min-height:340px;padding:48px}.incoming-mail{background:#e8dfd0}.incoming-mail span,.uncertain-output>span,.fact-preservation span,.template-card>span,.voice-compare article span,.attention-list>span,.contract-stack article span,.lane-path+span{font-size:8px;font-weight:800;letter-spacing:.15em;color:var(--blue)}.incoming-mail blockquote{margin:70px 0 45px;font:400 30px/1.4 var(--serif)}.incoming-mail small{color:var(--muted)}.uncertain-output{background:#2b2824;color:#f4eee4}.uncertain-output>span{color:#a8cfda}.uncertain-output strong{display:block;margin:35px 0 20px;font:400 34px var(--serif);color:#efc6bc}.uncertain-output p{color:#d1c8bb;font:400 17px/1.6 var(--serif)}.text-action{appearance:none;padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;color:#b9d9e1;cursor:pointer;font-weight:800;font-size:11px}.technical-question{margin-top:22px!important;padding:14px;border-left:3px solid #bd7769;background:#ffffff0b;font-size:12px!important}.technical-question[hidden]{display:none}
.clarification-strip{display:grid;grid-template-columns:.55fr 1fr .5fr;gap:0;margin-top:45px;border:1px solid var(--line);background:#dfd2bd}.clarification-strip>div,.clarification-strip>p{padding:25px;border-right:1px solid var(--line)}.clarification-strip span{display:block;margin-bottom:10px;color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.14em}.clarification-strip strong{font:400 18px var(--serif)}.clarification-question nav{display:flex;gap:5px;margin-top:18px}.clarification-question button{border:1px solid var(--line);background:transparent;padding:8px;cursor:pointer;font-size:11px}.clarification-question button.is-active{background:var(--blue);color:white}.clarification-strip>p{margin:0;color:var(--muted);font:400 14px/1.5 var(--serif);border:0}
.fact-preservation{margin-top:70px;padding:40px;background:#ede5d8}.fact-preservation header{display:grid;grid-template-columns:.4fr 1fr;gap:35px}.fact-preservation h3{font:400 30px/1.2 var(--serif)}.fact-preservation dl{display:grid;grid-template-columns:repeat(3,1fr);margin:25px 0 0;border:1px solid var(--line)}.fact-preservation dl div{padding:25px;border-right:1px solid var(--line)}.fact-preservation dl div:last-child{border:0}.fact-preservation dt{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.14em}.fact-preservation dd{margin:25px 0 0;font:400 20px var(--serif)}.fact-preservation mark{background:#eed18d}.fact-preservation .is-bad{background:var(--red-soft)}.fact-preservation .is-bad dd{text-decoration:line-through;text-decoration-color:var(--red)}.fact-preservation .is-good{background:var(--green-soft)}

/* voice fragment */
.fragment-act{background:#d8cbb6}.voice-desk{display:grid;grid-template-columns:.7fr 60px 1.3fr;align-items:center}.voice-transcript{position:relative;padding:38px;background:#e9d991;transform:rotate(-1.5deg);box-shadow:var(--shadow)}.voice-transcript p{margin:35px 0 10px;font:400 27px/1.5 "Comic Sans MS",cursive}.voice-transcript i{display:block;height:35px;margin-top:20px;background:repeating-linear-gradient(90deg,var(--red) 0 3px,transparent 3px 8px);clip-path:polygon(0 50%,4% 35%,8% 60%,12% 20%,16% 70%,20% 45%,24% 60%,28% 20%,32% 80%,36% 40%,40% 52%,44% 10%,48% 74%,52% 30%,56% 55%,60% 24%,64% 70%,68% 40%,72% 56%,76% 18%,80% 80%,84% 38%,88% 56%,92% 28%,96% 64%,100% 50%,100% 55%,0 55%)}.voice-arrow{font:400 45px var(--serif);text-align:center;color:var(--red)}.voice-outputs{background:#2a2723;padding:28px;box-shadow:var(--shadow)}.voice-outputs nav{display:flex;gap:5px}.voice-outputs nav button{background:#3d3933;color:#ddd3c5;border-color:#ffffff22}.voice-outputs article{min-height:320px;margin-top:10px;padding:36px;background:var(--paper)}.voice-outputs article>span{font-size:8px;font-weight:800;letter-spacing:.15em;color:var(--blue)}.voice-outputs h3{margin:25px 0;font:400 33px var(--serif)}.voice-outputs li{margin:12px 0;font:400 16px/1.45 var(--serif)}

/* document transformation */
.document-act{width:100%;padding-left:max(28px,calc((100% - 1280px)/2));padding-right:max(28px,calc((100% - 1280px)/2));background:#9c8c74}.document-desk{display:grid;grid-template-columns:300px 1fr;gap:25px;align-items:start}.source-pad{position:sticky;top:85px;padding:30px;background:#e5d492;box-shadow:var(--shadow);transform:rotate(-1deg)}.source-pad ul{padding-left:18px;margin:30px 0}.source-pad li{margin:15px 0;font:400 17px var(--serif)}.source-pad small{display:block;padding-top:17px;border-top:1px solid var(--line);color:var(--muted)}
.document-workspace{min-width:0}.document-tabs{display:flex;overflow-x:auto;gap:4px;padding-bottom:9px}.document-tabs button{white-space:nowrap;background:#d3c5af}.document-sheet{min-height:690px;padding:55px 80px}.document-sheet header{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.15em}.document-sheet h3{margin:42px 0 12px;font:400 27px var(--serif)}.document-sheet p,.document-sheet li{font:400 16px/1.65 var(--serif)}.document-sheet.is-short p{line-height:1.35}.document-sheet.is-highlight h3:first-of-type,.document-sheet.is-highlight h3:first-of-type+p{background:#efd9a3;padding:10px}.structure-tools{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}.structure-tools>span{padding:12px;color:#ede7dc;font-size:8px;font-weight:800;letter-spacing:.15em}.structure-tools button{background:#c9baa2}

/* templates, lab, rules */
.voice-template-act{background:#cfc0a8}.template-desk{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px}.template-card{padding:40px;background:#e9dfce;box-shadow:var(--shadow);transform:rotate(-1deg)}.template-card h3{margin:30px 0;font:400 31px var(--serif)}.template-card dl{margin:0}.template-card dl div{display:grid;grid-template-columns:90px 1fr;padding:13px 0;border-top:1px solid var(--line)}.template-card dt{font-size:10px;font-weight:800}.template-card dd{margin:0;font:400 15px var(--serif)}.voice-compare{padding:35px;background:#2c2925;color:white}.voice-compare nav{display:flex;gap:5px}.voice-compare nav button{background:#403c36;color:#eee4d5;border-color:#ffffff22}.voice-compare article{min-height:240px;margin-top:15px;padding:45px;background:var(--paper);color:var(--ink)}.voice-compare article p{margin:35px 0 0;font:400 24px/1.5 var(--serif)}.voice-compare>p{margin:24px 0 0;color:#cfc5b6;font:400 17px var(--serif)}
.document-lab{background:#b1a088}.lab-tabs{display:flex;gap:5px}.lab-tabs button{background:#cdbda4}.lab-surface{display:grid;grid-template-columns:1.2fr .8fr;min-height:490px;margin-top:12px;background:#292622;box-shadow:var(--shadow)}.contract-stack{position:relative;min-height:490px;padding:45px}.contract-stack article{position:absolute;width:55%;min-height:320px;padding:35px;background:#e5ddcf;box-shadow:0 20px 40px #0005;transform:rotate(-3deg)}.contract-stack article+article{left:37%;top:90px;background:var(--paper);transform:rotate(2deg)}.contract-stack article p{margin-top:50px;font:400 20px/2 var(--serif)}.contract-stack mark{background:#efc89f}.attention-list{padding:50px;background:#efe4d3}.attention-list strong{display:block;margin:30px 0;font:400 35px var(--serif)}.attention-list li{margin:17px 0;font:400 16px var(--serif)}.attention-list small{display:block;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}
.summary-paper,.intake-paper{padding:48px;background:var(--paper);color:var(--ink)}.summary-paper{grid-column:1/-1}.summary-paper header,.intake-paper header{border-bottom:1px solid var(--line);padding-bottom:15px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px;border:1px solid var(--line)}.summary-grid article{padding:25px;border-right:1px solid var(--line)}.summary-grid article:last-child{border:0}.summary-grid span,.intake-paper dt{font-size:8px;font-weight:800;letter-spacing:.14em;color:var(--blue)}.summary-grid strong{display:block;margin-top:20px;font:400 20px var(--serif)}.summary-grid p{margin-top:12px;color:var(--muted);font:400 14px/1.5 var(--serif)}
.intake-paper{grid-column:1/-1}.intake-paper dl{display:grid;grid-template-columns:repeat(5,1fr);margin:25px 0}.intake-paper dl div{padding:20px;border:1px solid var(--line);border-right:0}.intake-paper dl div:last-child{border-right:1px solid var(--line)}.intake-paper dd{margin:12px 0 0;font:400 18px var(--serif)}.intake-state{display:flex;align-items:center;gap:20px}.intake-state strong{padding:9px 12px;background:#e8d29e;color:#5b461b;font-size:9px;letter-spacing:.14em}.intake-state button{border:1px solid var(--green);background:transparent;padding:11px;cursor:pointer;color:var(--green);font-weight:800}.intake-state.is-adopted strong{background:var(--green-soft);color:var(--green)}
.rules-act{background:#d7c8b0}.rule-lanes{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.rule-lanes article{padding:40px;border-right:1px solid var(--line);background:#e5dac8}.rule-lanes article:last-child{border:0;background:#cec0aa}.rule-lanes article>span{font-size:8px;font-weight:800;letter-spacing:.15em;color:var(--blue)}.rule-lanes blockquote{min-height:140px;margin:50px 0 25px;font:400 27px/1.4 var(--serif)}.lane-path{padding-top:25px;border-top:2px solid var(--blue)}.lane-path strong{font:400 24px var(--serif)}.lane-path p{margin:13px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.rule-principle{margin:65px 0 0;text-align:center;font:400 38px var(--serif)}

/* builder */
.builder-act{width:100%;padding-left:max(28px,calc((100% - 1280px)/2));padding-right:max(28px,calc((100% - 1280px)/2));background:#a7967c}.builder-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.builder-controls fieldset{padding:22px;border:1px solid var(--line);background:#d7cab5}.builder-controls legend{padding:0 7px;color:#284e61;font-size:9px;font-weight:800;letter-spacing:.12em}.builder-controls label{display:flex;gap:8px;padding:7px 0;color:#37322b;font-size:11px}.builder-controls input{accent-color:var(--blue)}
.built-desk{position:relative;min-height:570px;margin-top:20px;background:radial-gradient(circle at 50% 25%,#d8c8ab,#97846a);box-shadow:inset 0 0 80px #4c38293b;overflow:hidden}.built-desk__label{position:absolute;left:25px;top:22px;color:#3b342c;font-size:8px;font-weight:800;letter-spacing:.16em}.desk-object{position:absolute;width:210px;min-height:125px;padding:25px;background:var(--paper);box-shadow:var(--shadow);transition:opacity .3s,transform .4s}.desk-object[hidden]{display:none}.desk-object span{display:block;color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.15em}.desk-object strong{display:block;margin-top:23px;font:400 20px var(--serif)}.desk-object--mail{left:7%;top:20%;transform:rotate(-3deg)}.desk-object--meeting{left:32%;top:12%;transform:rotate(2deg);background:#e6d698}.desk-object--review{right:8%;top:18%;transform:rotate(3deg)}.desk-object--template{left:17%;bottom:13%;transform:rotate(1deg);background:#dce3de}.desk-object--knowledge{right:18%;bottom:11%;transform:rotate(-2deg);background:#d7e4e8}.desk-route{position:absolute;left:47%;top:40%;width:190px;height:90px;display:grid;place-items:center}.desk-route i{position:absolute;left:0;right:0;top:50%;border-top:3px dashed var(--green)}.desk-route span{position:relative;padding:8px;background:#2c2925;color:white;font-size:8px;font-weight:800;letter-spacing:.14em}.writing-world[data-processing=cloud] .desk-route i{border-color:var(--blue)}.writing-world[data-processing=cloud] .desk-route span{background:var(--blue)}.desk-gate{position:absolute;right:0;bottom:0;width:100%;padding:18px 25px;background:#9e493e;color:white;display:flex;justify-content:space-between}.desk-gate span{font-size:8px;font-weight:800;letter-spacing:.15em}.desk-gate strong{font:400 18px var(--serif)}.builder-summary{max-width:800px;margin:35px auto;text-align:center;font:400 24px/1.5 var(--serif)}.builder-links{display:flex;justify-content:center;gap:30px}.builder-links a{color:#263c43;font-size:11px;font-weight:800}

/* roles, trace, finale */
.roles-act{background:#d2c4ad}.roles-act>nav{display:flex;gap:5px}.roles-act>nav button{background:#e2d8c7}.role-paper{min-height:340px;margin-top:12px;padding:60px 80px}.role-paper>span{color:var(--blue);font-size:8px;font-weight:800;letter-spacing:.16em}.role-paper h3{margin:45px 0 20px;font:400 38px var(--serif)}.role-paper p{max-width:620px;font:400 19px/1.65 var(--serif)}
.trace-act{width:100%;padding-left:max(28px,calc((100% - 1280px)/2));padding-right:max(28px,calc((100% - 1280px)/2));background:#2a2723;color:#f3ecdf}.trace-act .act-label,.trace-act h2 em{color:#d99c8e}.trace-act .chapter-heading--split>p{color:#c4b9a9}.trace-line{display:grid;grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;border-top:1px solid #ffffff33;border-bottom:1px solid #ffffff33}.trace-line li{position:relative;padding:30px 20px;border-right:1px solid #ffffff22}.trace-line li:last-child{border:0}.trace-line li::before{content:"";position:absolute;top:-5px;left:20px;width:9px;height:9px;border-radius:50%;background:#d99c8e}.trace-line span,.trace-line strong,.trace-line small{display:block}.trace-line span{color:#d99c8e;font-size:8px;font-weight:800;letter-spacing:.14em}.trace-line strong{margin-top:20px;font:400 18px var(--serif)}.trace-line small{margin-top:8px;color:#aaa093}.technical-drawer{margin-top:55px;border-top:1px solid #ffffff2b;border-bottom:1px solid #ffffff2b}.technical-drawer summary{padding:22px 0;cursor:pointer;font:400 25px var(--serif);list-style:none}.technical-drawer summary::after{content:"+";float:right}.technical-drawer[open] summary::after{content:"−"}.technical-drawer>div{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding:20px 0 50px}.technical-drawer ol{margin:0;padding-left:20px}.technical-drawer li{margin:12px 0;color:#c8beaf;line-height:1.5}.technical-drawer dl{margin:0}.technical-drawer dl div{padding:15px 0;border-top:1px solid #ffffff22}.technical-drawer dt{color:#d99c8e;font-size:8px;font-weight:800;letter-spacing:.14em}.technical-drawer dd{margin:7px 0 0;color:#eee6d9;font:400 16px var(--serif)}.case-door{display:block;margin-top:50px;padding:25px;border:1px solid #ffffff38;color:white;text-align:center;text-decoration:none;font:400 20px var(--serif)}
.finale{width:100%;min-height:760px;padding-left:max(28px,calc((100% - 1280px)/2));padding-right:max(28px,calc((100% - 1280px)/2));display:grid;place-items:center;background:radial-gradient(circle at 30% 40%,#d9c8aa,#a08d72)}.empty-desk{width:min(1100px,100%);display:grid;grid-template-columns:.55fr 1fr;gap:90px;align-items:center}.new-note{min-height:220px;padding:35px;background:#e9d98e;box-shadow:var(--shadow);transform:rotate(-2deg)}.new-note p{margin:70px 0 0;font:400 28px "Comic Sans MS",cursive}.finale h2{margin:0 0 35px;font-size:clamp(3.2rem,7vw,7rem)}.final-cta{display:inline-block;padding:16px 20px;background:var(--ink);color:white;text-decoration:none;font-size:12px;font-weight:800}.reset-button{display:block;margin-top:18px;padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;cursor:pointer;color:#443b31;font-size:11px;font-weight:800}
.writer-footer{display:flex;justify-content:space-between;gap:25px;padding:25px max(28px,calc((100% - 1280px)/2));background:#211f1b;color:#bdb2a2;font-size:10px}.writer-footer nav{display:flex;gap:20px}.writer-footer a{color:#e8dfd2}

@media(max-width:1050px){
 .act{width:min(100% - 36px,900px);padding:90px 0}.opening{width:100%}.desk-mat{min-height:900px}.opening-copy{left:5%}.rough-note{left:27%;top:36%}.context-slip--customer{left:4%;top:62%}.context-slip--case{left:8%;top:78%}.context-slip--supplier{right:4%;top:30%}.context-slip--calendar{right:3%;top:48%}.context-slip--tone{right:13%;top:68%}
 .editor-desk{grid-template-columns:220px 1fr}.margin-notes{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.writing-sheet{padding-right:38px}.sheet-foot{right:38px}
 .document-desk{grid-template-columns:240px 1fr}.document-sheet{padding:45px}.builder-controls{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
 html{scroll-behavior:auto}.writer-nav{grid-template-columns:1fr auto;height:54px;padding:0 14px}.writer-nav__folio{display:none}.writer-nav__brand span{font-size:10px}.writing-world{padding-top:54px;background-size:24px 100%,100% 100%}
 .act{width:100%;padding:75px 18px}.chapter-heading,.editor-intro{margin-bottom:38px}.chapter-heading h2,.editor-intro h2{font-size:clamp(3rem,15vw,5.2rem)}.chapter-heading--split{grid-template-columns:1fr;gap:25px}.chapter-heading--split>p{font-size:16px}
 .opening{padding:0;min-width:0}.desk-mat{width:100%;min-width:0;min-height:auto;padding:70px 18px 45px;display:flex;flex-direction:column}.opening-copy,.rough-note,.context-scatter,.context-slip,.opening-prompt{position:relative;inset:auto;min-width:0;max-width:100%;transform:none}.opening-copy h1{font-size:clamp(4rem,20vw,6.5rem)}.rough-note{order:2;width:100%;min-height:230px;margin-top:55px}.rough-note p{font-size:24px}.context-scatter{order:3;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.context-slip{width:auto;min-height:100px}.context-slip--tone{grid-column:1/-1}.opening-prompt{order:4;left:auto;bottom:auto;display:grid;margin-top:18px;padding:20px}.opening-prompt p{white-space:normal}.opening-prompt .ink-button{width:100%}
 [data-phase=gather] .rough-note,[data-phase=draft] .rough-note,[data-phase=approved] .rough-note,[data-phase=gather] .context-slip,[data-phase=draft] .context-slip,[data-phase=approved] .context-slip{inset:auto;transform:none;opacity:1}
 .editor-act{padding:80px 18px}.editor-desk{display:flex;flex-direction:column}.context-drawer{width:100%;order:1}.writing-sheet{order:2;width:100%;min-height:600px;padding:30px 24px 70px 48px;background-image:linear-gradient(90deg,transparent 32px,#a1443533 32px 33px,transparent 33px),repeating-linear-gradient(0deg,transparent 0 27px,#38627612 27px 28px)}.sheet-foot{left:48px;right:24px}.draft-copy p{font-size:16px}.margin-notes{order:3;display:grid;grid-template-columns:1fr}.editing-rail{width:100%;margin-top:18px}.editing-rail button{flex:1 1 40%}.editing-rail button:last-child{flex-basis:100%}.approval-pause{width:100%;grid-template-columns:55px 1fr;margin-top:45px}.approval-actions{grid-column:1/-1;width:100%}.approval-actions button{flex:1}.approved-actions{width:100%;grid-template-columns:1fr}.approved-actions button{width:100%}.ownership-line{margin-top:75px;font-size:3.4rem}
 .question-desk{grid-template-columns:1fr}.incoming-mail,.uncertain-output{min-height:0;padding:30px 24px}.incoming-mail blockquote{margin:45px 0 30px;font-size:25px}.clarification-strip{grid-template-columns:1fr}.clarification-strip>div,.clarification-strip>p{border-right:0;border-bottom:1px solid var(--line)}.clarification-question nav{flex-wrap:wrap}.fact-preservation{padding:25px 18px}.fact-preservation header{grid-template-columns:1fr}.fact-preservation dl{grid-template-columns:1fr}.fact-preservation dl div{border-right:0;border-bottom:1px solid var(--line)}
 .voice-desk{grid-template-columns:1fr}.voice-arrow{transform:rotate(90deg);padding:12px}.voice-outputs{padding:12px}.voice-outputs nav{overflow-x:auto}.voice-outputs nav button{white-space:nowrap}.voice-outputs article{padding:25px}
 .document-act,.builder-act,.trace-act,.finale{padding-left:18px;padding-right:18px}.document-desk{grid-template-columns:1fr}.source-pad{position:relative;top:auto;transform:none}.document-tabs{padding-top:8px}.document-sheet{min-height:620px;padding:35px 25px;background-image:repeating-linear-gradient(0deg,transparent 0 27px,#38627612 27px 28px)}.structure-tools button{flex:1 1 43%}
 .template-desk{grid-template-columns:1fr}.template-card{transform:none}.voice-compare{padding:18px}.voice-compare article{padding:28px}.voice-compare article p{font-size:20px}
 .lab-tabs{overflow-x:auto}.lab-tabs button{white-space:nowrap}.lab-surface{grid-template-columns:1fr}.contract-stack{min-height:520px;padding:25px}.contract-stack article{width:75%;padding:25px}.contract-stack article+article{left:22%;top:130px}.attention-list{padding:30px 24px}.summary-grid{grid-template-columns:1fr 1fr}.summary-grid article{border-bottom:1px solid var(--line)}.intake-paper{padding:28px 18px}.intake-paper dl{grid-template-columns:1fr}.intake-paper dl div{border-right:1px solid var(--line);border-bottom:0}.intake-paper dl div:last-child{border-bottom:1px solid var(--line)}
 .rule-lanes{grid-template-columns:1fr}.rule-lanes article{padding:28px 22px;border-right:0;border-bottom:1px solid var(--line)}.rule-lanes blockquote{min-height:0;margin:35px 0;font-size:23px}.rule-principle{font-size:30px}
 .builder-controls{grid-template-columns:1fr}.built-desk{min-height:auto;padding:70px 18px 65px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.built-desk__label,.desk-object,.desk-route,.desk-gate{position:relative;inset:auto;transform:none}.built-desk__label{grid-column:1/-1}.desk-object{width:auto;min-height:110px}.desk-route{grid-column:1/-1;width:100%;height:70px}.desk-gate{grid-column:1/-1;width:auto;display:grid;gap:5px}.builder-links{flex-direction:column;align-items:center}
 .roles-act>nav{overflow-x:auto}.roles-act>nav button{white-space:nowrap}.role-paper{padding:40px 30px}.trace-line{grid-template-columns:1fr}.trace-line li{border-right:0;border-bottom:1px solid #ffffff22}.technical-drawer>div{grid-template-columns:1fr;gap:30px}.empty-desk{grid-template-columns:1fr;gap:55px}.finale{min-height:800px}.writer-footer{flex-direction:column}.writer-footer nav{flex-wrap:wrap}
}
.desk-object--dynamic{width:155px;min-height:92px;padding:17px;z-index:2}.desk-object--dynamic strong{margin-top:14px;font-size:15px}.desk-object--dynamic-1{left:51%;top:9%;transform:rotate(-2deg)}.desk-object--dynamic-2{right:2%;top:46%;transform:rotate(2deg)}.desk-object--dynamic-3{left:42%;bottom:12%;transform:rotate(1deg)}.desk-object--dynamic-4{left:2%;top:47%;transform:rotate(-1deg)}
@media(max-width:760px){.opening-copy h1{font-size:clamp(3.4rem,16vw,5.2rem);max-width:100%;overflow-wrap:anywhere}.opening-copy h1 em{display:inline}.built-desk{width:100%;min-width:0}.built-desk__label{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.desk-object,.desk-object--dynamic,.desk-object--dynamic-1,.desk-object--dynamic-2,.desk-object--dynamic-3,.desk-object--dynamic-4{position:relative;inset:auto;width:auto;min-width:0;min-height:110px;padding:25px;transform:none}.desk-object--dynamic strong{margin-top:23px;font-size:20px}}
.act-label{color:#173f51}h1 em,h2 em{color:#68241f}.chapter-heading--split>p{color:#39352f}.document-act .act-label,.document-lab .act-label,.builder-act .act-label{color:#102b37}.document-act .chapter-heading--split>p,.builder-act .chapter-heading--split>p{color:#292721}.context-drawer .is-restricted{opacity:1}.context-drawer .is-restricted span{color:#f0e8dc}.context-drawer .is-restricted small{color:#c8beb0}.editing-rail>span{color:#39352f}.js [data-phase=rough] .approval-pause,.js [data-phase=gather] .approval-pause{opacity:1}.structure-tools>span{color:#201f1c}.rule-lanes article>span{color:#173f51}.lane-path p{color:#3d3932}.builder-links a{color:#172c33}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}