:root{font-family:Georgia,Times New Roman,Times,serif;color:#111;background:#fbfaf4;font-size:15px;line-height:1.35;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #fbfaf4;--paper-alt: #f4f1e8;--line: #b9b4a7;--line-light: #ded9ca;--ink-soft: #5f594c;--link: #0645ad}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(to right,rgba(105,95,78,.08) 1px,transparent 1px) 0 0 / 34px 34px,linear-gradient(to bottom,rgba(105,95,78,.06) 1px,transparent 1px) 0 0 / 34px 34px,var(--paper)}button,input{font:inherit}button{cursor:pointer}a{color:var(--link);text-underline-offset:2px}.canvas-page{min-height:100vh;padding:.85rem}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,24rem) auto auto;gap:1rem;align-items:end;border-top:3px double var(--line);border-bottom:1px solid var(--line);background:#fbfaf4f5;padding:.55rem 0 .75rem}.back-link,.topbar span,.inspector-head p,.date,.node-facts,.context-copy p{color:var(--ink-soft);font-size:.74rem;text-transform:uppercase;letter-spacing:0}h1,h2{font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(2rem,4vw,3.5rem)}h2{font-size:1.2rem}.topbar label{display:grid;gap:.2rem}input[type=search]{width:100%;border:1px solid var(--line);background:#fffdf6;padding:.35rem .45rem}.topbar button,.zoom-controls button{border:1px solid var(--line);background:#f8f5eb;color:#111;padding:.35rem .55rem}.topbar button.active,.zoom-controls button:active{background:#e9e2cf;border-color:#837b69}.zoom-controls{display:flex;flex-wrap:wrap;gap:.25rem}.canvas-help{margin:.55rem 0 0;color:var(--ink-soft);font-size:.86rem}.canvas-wrap{margin-top:.85rem;height:calc(100vh - 8.8rem);min-height:34rem;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fffdf673;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-wrap:active{cursor:grabbing}.canvas-board{position:relative;transform-origin:0 0;background:linear-gradient(to right,rgba(105,95,78,.08) 1px,transparent 1px) 0 0 / 48px 48px,linear-gradient(to bottom,rgba(105,95,78,.06) 1px,transparent 1px) 0 0 / 48px 48px}.connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.root-node{position:absolute;z-index:2;width:240px;min-height:152px;border:3px double #8d846f;background:#f7f2e4;color:#111;padding:1rem;text-align:left;cursor:grab}.root-node:active,.node-title:active{cursor:grabbing}.root-node span,.root-node small{display:block;color:var(--ink-soft);font-size:.74rem;text-transform:uppercase}.root-node strong{display:block;font-size:1.65rem;line-height:1.05;font-weight:400;margin:.25rem 0}.workflow-node{position:absolute;z-index:3;width:300px;border-top:3px solid var(--node-color);border-bottom:1px solid var(--line-light);background:#fffdf6f0;padding:.5rem;box-shadow:0 1px #786e5a2e;-webkit-user-select:text;user-select:text}.workflow-node.active{outline:2px solid var(--node-color);background:#f4eedc}.node-title{display:grid;width:100%;border:0;background:transparent;color:#111;padding:0;text-align:left;cursor:grab;-webkit-user-select:none;user-select:none}.node-title span{font-size:1.12rem}.node-title small{color:var(--ink-soft)}.workflow-node p{margin:.35rem 0}.node-facts{display:grid;gap:.1rem;border-top:1px solid var(--line-light);padding-top:.3rem}.post-dots,.context-dots,.tag-row{display:flex;flex-wrap:wrap;gap:.12rem}.post-dots{margin-top:.45rem}.post-dots button,.context-dots button{min-width:1.34rem;height:1.12rem;border:1px solid var(--line-light);background:#fffdf6;color:#333;padding:0 .16rem;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.56rem;line-height:1}.post-dots button.selected,.context-dots button.selected{background:#111;border-color:#111;color:#fff}.context-canvas{position:absolute;left:90px;right:90px;bottom:45px;z-index:4;display:grid;grid-template-columns:18rem minmax(0,1fr);gap:.8rem;border-top:3px double var(--line);border-bottom:1px solid var(--line);background:#fbfaf4f2;padding:.65rem;-webkit-user-select:text;user-select:text}.context-copy p{margin:.3rem 0 0}.context-dots{max-height:8.6rem;overflow:auto;align-content:start}.context-dots button{background:#fffdf69e;color:#756f62}.floating-inspector{position:fixed;right:.85rem;bottom:.85rem;z-index:30;width:min(26rem,calc(100vw - 1.7rem));max-height:48vh;overflow:auto;border-top:3px double var(--line);border-bottom:1px solid var(--line);background:#fbfaf4fa;padding:.7rem;box-shadow:0 2px 12px #2823191f}.inspector-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;border-bottom:1px solid var(--line-light);padding-bottom:.35rem}.byline,.date{margin:.35rem 0 0}.tag-row{margin:.45rem 0}.tag-row span{border:1px solid var(--line);background:#f8f5eb;padding:.08rem .3rem;font-size:.74rem}.tag-row.muted span{color:var(--ink-soft)}pre{white-space:pre-wrap;word-break:break-word;font-family:Georgia,Times New Roman,Times,serif;line-height:1.36}.floating-inspector>pre{max-height:12rem;overflow:auto;border-left:2px solid var(--line);padding-left:.6rem}.quote{border:1px solid var(--line-light);background:var(--paper-alt);padding:.45rem;margin:.55rem 0}.quote p{margin:0;color:var(--ink-soft);font-size:.78rem}@media(max-width:820px){.topbar{display:block}.topbar label,.topbar button{margin-top:.55rem}.canvas-board{width:1280px}}