:root{--ink:#252a28;--muted:#777b73;--paper:#f5f5ef;--green:#264d3c;--line:#d7dbd2;--yellow:#f5d66f;--hand:'Caveat',cursive;--body:'DM Sans',sans-serif;--head:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a67a0e;outline-offset:5px}button{color:inherit}header{height:78px;background:#fffefa;border-bottom:1px solid #e2e4dc;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:fixed;inset:0 0 auto;z-index:20}.identity{display:flex;gap:13px;align-items:center}.brandmark{width:37px;height:37px;border-radius:9px;background:var(--green);color:#fff;display:grid;place-items:center;font:800 24px var(--head);transform:rotate(-5deg)}.brandname{font:800 17px var(--head);letter-spacing:-.7px}.brandname small{display:block;font:10px var(--body);letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin-top:4px}nav{display:flex;gap:5px;background:#f0f1e9;padding:5px;border:1px solid #e5e7de;border-radius:10px}nav a{padding:9px 20px;font-size:13px;color:#697266;border-radius:7px}nav a.active{background:white;color:#243e30;box-shadow:0 1px 4px #26352213;font-weight:700}.header-actions{display:flex;gap:18px;align-items:center}.search-trigger{background:transparent;border:0;display:flex;align-items:center;gap:10px;font-size:12px}.key{font-size:10px;color:#7d827a;border:1px solid #dcded7;border-radius:4px;padding:3px 5px}.local-label{font-size:10px;letter-spacing:1px;border:1px solid #d6decc;background:#edf2e7;color:#526549;padding:7px 10px;border-radius:20px}.workspace-meta{position:fixed;top:96px;left:33px;z-index:3;font-size:11px;color:#858a80;display:flex;align-items:center;gap:10px}.workspace-meta strong{font-weight:500;color:#465441}.workspace-meta .dot{width:5px;height:5px;background:#78906b;border-radius:50%}.canvas-window{height:100dvh;overflow:auto;padding:148px 90px 135px;background-image:radial-gradient(#cfd4c7 .8px,transparent .8px);background-size:22px 22px;scroll-behavior:smooth}.board-shell{margin:0 auto;position:relative}.board{position:relative;transform-origin:top left;width:1440px;isolation:isolate}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1}.connections path{fill:none;stroke:#a0aa98;stroke-width:1.5}.connections .accent-wire{stroke:#b7a263;stroke-dasharray:5 5}.node{position:absolute;scroll-margin-top:150px}.node p{line-height:1.65;margin:12px 0;color:#656c62}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.7px;color:#76816f}.eyebrow i{height:7px;width:7px;background:currentColor;border-radius:50%}.hand{font:27px/1.15 var(--hand);color:#68795c}.paper{background:#fffefa;border:1px solid #dce0d5;border-radius:3px;box-shadow:0 5px 10px #2e3c2d07,0 1px 2px #2e3c2d09;padding:26px}.tape:before{content:'';position:absolute;width:82px;height:23px;background:#e0dcb8a8;top:-12px;left:calc(50% - 41px);transform:rotate(-4deg);z-index:2}.sticky{padding:24px;background:#f9e89b;border:1px solid #e7d78c;box-shadow:3px 5px 0 #e5dfcb55;transform:rotate(-3deg)}.sticky h3{font:600 32px/1.1 var(--hand);margin:13px 0}.sticky p{color:#6a643d;font-size:13px}.sticky .eyebrow{color:#847544}.manifesto{background:var(--green);color:#fffef3;padding:45px 45px 36px;border-radius:4px;box-shadow:0 12px 24px #2b4f3214}.manifesto .eyebrow{color:#b9cbb0}.manifesto h1{font:500 57px/1.09 var(--head);letter-spacing:-3px;margin:23px 0 20px}.manifesto h1 em{font:600 67px/.85 var(--hand);letter-spacing:-1px;color:#f4df89}.manifesto p{color:#ced8c7;font-size:15px;max-width:390px}.manifesto .divider{height:1px;background:#ffffff24;margin:24px 0 18px}.manifesto .meta-row{font-size:10px;letter-spacing:1px;color:#bfceb7;display:flex;justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 18px;background:#f7e8ab;color:#344330;border:0;border-radius:3px;font-size:12px;font-weight:700}.btn span{font-size:19px}.btn.green{background:var(--green);color:#fff}.portrait{padding:12px 12px 18px;transform:rotate(3deg)}.portrait img{width:100%;height:158px;object-fit:cover;object-position:center 35%;filter:saturate(.75)}.portrait h3{font:700 17px var(--head);margin:13px 4px 4px}.portrait p{font-size:11px;margin:0 4px;color:#7e837b}.portrait .hand{margin:12px 4px 0;font-size:22px}.source-card h3{font:600 20px/1.3 var(--head);letter-spacing:-.7px;margin:15px 0}.source-card .fine{border-top:1px solid #e3e7dc;padding-top:13px;font-size:10px;color:#92988c;line-height:1.5}.source-line{display:flex;align-items:center;gap:8px;font-size:11px;margin:11px 0}.source-line b{color:#628252}.branch{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.3px}.branch span{display:grid;place-items:center;border:1px solid #cdd6c3;border-radius:50%;width:28px;height:28px;font-size:10px;background:#f4f5ed;color:#819174}.branch:after{content:'';height:1px;background:#d8dfce;flex:1}.board-card{padding:0;transition:box-shadow .2s,translate .2s;overflow:visible}.board-card:hover{translate:0 -5px;box-shadow:0 14px 26px #253b2914}.board-cover{height:158px;overflow:hidden;position:relative;background:#e9eee1;border-radius:3px 3px 0 0}.board-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.board-card:hover .board-cover img{transform:scale(1.035)}.board-cover .cover-tag{position:absolute;left:14px;top:13px;background:#fffdf0ee;font:9px var(--body);padding:5px 8px;letter-spacing:1px;text-transform:uppercase}.card-body{padding:21px 23px}.card-body h3{font:700 23px/1.2 var(--head);letter-spacing:-.7px;margin:10px 0}.card-body p{font-size:12px;margin:10px 0 17px}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#89907f;border-top:1px solid #e8eade;padding-top:12px}.circle-arrow{font-size:20px;color:#445c3a}.index-title{font:600 36px/1.15 var(--head);letter-spacing:-1.5px;margin:8px 0 14px}.evidence{background:#eeeede;transform:rotate(2deg)}.evidence img{width:100%;height:115px;object-fit:contain;mix-blend-mode:multiply}.evidence h3{font:600 30px var(--hand);margin:9px 0}.evidence p{font-size:12px}.linkline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce3d2;padding:14px 0;font-size:13px}.linkline:hover{color:#557e36}.section-note{border-left:2px solid #c2ceae;padding-left:19px}.section-note h3{font:600 22px var(--head);letter-spacing:-.7px;margin:0}.section-note p{font-size:13px}.big-number{font:600 49px var(--head);letter-spacing:-3px;color:#384c30}.bottom-note{border-top:1px solid #d2d9c9;display:flex;align-items:center;justify-content:space-between;padding-top:22px;font-size:11px;color:#798270}.bottom-note a{margin-left:22px}.rail{position:fixed;top:45%;left:22px;z-index:8;display:flex;flex-direction:column;background:#fffefb;border:1px solid #dedfd5;border-radius:10px;padding:6px;gap:5px;box-shadow:0 4px 10px #263b2810}.rail button{background:transparent;border:0;width:37px;height:37px;border-radius:6px;font-size:18px}.rail button.active{background:#e8eedf;color:#36572c}.rail button:hover{background:#f1f2eb}.rail hr{width:23px;border:0;border-top:1px solid #e1e4d9;margin:3px auto}.board-dock{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:#fffefa;border:1px solid #dce0d4;border-radius:10px;box-shadow:0 5px 20px #2b42251a;padding:7px;z-index:10;gap:4px}.board-dock a{font-size:11px;padding:10px 17px;border-radius:6px;white-space:nowrap}.board-dock a.active{background:#e9eedf;color:#36532d}.board-dock .dock-label{font-size:10px;color:#87917c;padding:0 15px;letter-spacing:1px;border-right:1px solid #e0e3d7}.zoom{position:fixed;right:24px;bottom:24px;display:flex;background:#fffefa;border:1px solid #dadfd3;border-radius:9px;align-items:center;padding:6px;z-index:10;box-shadow:0 4px 12px #2b422511}.zoom button{background:none;border:0;width:32px;height:31px;font-size:19px}.zoom output{width:44px;text-align:center;font-size:11px}.hint{position:fixed;bottom:34px;left:28px;font-size:10px;color:#859078}.mini-map{position:fixed;bottom:84px;right:25px;width:128px;height:90px;background:#fffefacc;border:1px solid #dbe0d1;border-radius:5px;padding:9px;z-index:5;overflow:hidden}.mini-map svg{width:100%;height:100%}.map-rect{fill:#dbe3cf;stroke:#bac9ae;stroke-width:1}.map-rect.core{fill:#658263}.map-view{fill:#ddd7a022;stroke:#a39b60;stroke-width:2}.callout{font:25px var(--hand);color:#879076;transform:rotate(-5deg)}.callout:after{content:'↴';font-size:38px;margin-left:10px}.board-head h1{font:500 52px/1.12 var(--head);letter-spacing:-2.5px;margin:17px 0}.board-head h1 em{font:600 61px/.9 var(--hand);color:#6b805a}.board-head p{max-width:540px}.tag{display:inline-block;padding:5px 8px;font-size:10px;background:#eaf0e2;color:#5e7650;border-radius:3px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.filters button{border:1px solid #d4ddc9;background:#fffef8;font-size:11px;padding:8px 12px;border-radius:20px}.filters button.active{background:#324f39;color:white;border-color:#324f39}.node.dim{opacity:.18;pointer-events:none}.network-person{padding:25px}.network-person h3{font:600 27px var(--head);margin:14px 0}.network-person .number{font:12px var(--body);color:#7f8b74}.network-person p{font-size:13px}.network-person ul{padding:14px 0 0;list-style:none;border-top:1px solid #ccd6be;font-size:12px;line-height:1.9;margin:17px 0 0}.timeline-row{display:flex;gap:20px;border-top:1px solid #e0e5d8;padding:16px 0}.timeline-row img{width:37px;height:37px;object-fit:contain}.timeline-row strong{display:block;font-size:14px}.timeline-row span{font-size:11px;color:#89917f}.timeline-row p{font-size:12px;margin:5px 0}.workflow-row{display:grid;grid-template-columns:25px 115px 1fr;gap:12px;padding:15px 0;border-top:1px solid #dce3d3;align-items:baseline;font-size:12px}.workflow-row span{color:#8c967e}.workflow-row p{margin:0;font-size:12px}.modal{position:fixed;inset:0;background:#20301e66;backdrop-filter:blur(5px);z-index:50;display:grid;place-items:start center;padding:15vh 20px}.modal[hidden]{display:none}.dialog{width:min(620px,100%);background:#fffef8;border:1px solid #d7decb;border-radius:12px;box-shadow:0 24px 100px #182b2440;padding:24px;max-height:72vh;overflow:auto}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top h2{font:600 23px var(--head);margin:0 0 16px}.close{background:none;border:0;font-size:24px}.dialog input,.dialog textarea{width:100%;border:1px solid #ced7c3;padding:13px;border-radius:5px;background:white}.dialog textarea{height:180px;margin:15px 0;resize:vertical}.search-result{display:block;padding:15px 4px;border-bottom:1px solid #e1e6d8;font-size:14px}.search-result small{display:block;font-size:11px;color:#7a856d;margin-top:5px}.empty{padding:20px 0;color:#6d7a60}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#2d4f37;color:white;padding:12px 20px;border-radius:6px;font-size:12px;z-index:60}.user-note{width:220px;min-height:145px;z-index:4}.user-note textarea{background:transparent;border:0;width:100%;min-height:85px;resize:vertical;outline:0;font:25px var(--hand)}.user-note button{float:right;background:none;border:0;font-size:16px}.canvas-window.hand-mode{cursor:grab}.canvas-window.is-dragging{cursor:grabbing;user-select:none}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}.reading .node{position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-width:740px;margin:0 auto 35px;transform:none!important}.reading .board{width:100%!important;transform:none!important;height:auto!important}.reading .board-shell{height:auto!important;width:100%!important}.reading .connections,.reading .callout,.reading .mini-map{display:none}.reading .node[aria-hidden=true]{display:none}.reading .board-cover{height:240px}.reading .portrait img{height:260px;object-fit:contain}.reading .canvas-window{padding-top:155px}.reading .zoom{display:none}
@media(min-width:1700px){.canvas-window{padding-top:158px}}
@media(max-width:900px){header{padding:0 18px;height:70px}.header-actions .local-label,.search-trigger .key{display:none}.brandname{font-size:14px}nav a{padding:8px 11px}.workspace-meta{top:88px;left:20px}.canvas-window{padding:135px 65px 115px}.rail{left:10px}.hint{display:none}.mini-map{display:none}.zoom{right:12px}.board-dock{left:16px;transform:none}.board-dock .dock-label{display:none}}
@media(max-width:600px){header{height:112px;align-items:flex-start;padding-top:15px}.brandmark{width:31px;height:31px;font-size:21px}.brandname small{font-size:8px}.header-actions{padding-top:7px}nav{position:absolute;left:16px;right:16px;bottom:10px;justify-content:center;padding:3px}nav a{flex:1;text-align:center;padding:7px}.workspace-meta{top:128px;font-size:10px}.canvas-window{padding:170px 23px 105px}.board-shell,.board{width:100%!important;height:auto!important;transform:none!important}.node{position:relative!important;left:auto!important;top:auto!important;width:100%!important;transform:none!important;margin-bottom:28px}.connections,.rail,.zoom,.hint,.mini-map,.callout{display:none}.manifesto{padding:30px 25px}.manifesto h1{font-size:40px;letter-spacing:-2px}.manifesto h1 em{font-size:53px}.manifesto .meta-row{font-size:8px}.board-head h1{font-size:39px}.board-head h1 em{font-size:48px}.portrait{display:grid;grid-template-columns:90px 1fr;gap:0 15px;padding:15px}.portrait img{grid-row:span 3;height:110px}.portrait h3{align-self:end}.portrait .hand{font-size:21px}.bottom-note{display:block;line-height:2}.bottom-note a{margin:0 16px 0 0}.board-dock{bottom:14px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px)}.board-dock a{padding:10px 12px}.branch{padding-top:10px}.node.dim{display:none}.workflow-row{grid-template-columns:22px 1fr}.workflow-row p{grid-column:2}.user-note{margin-top:20px}.reading .canvas-window{padding-top:170px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Blue brand system · shared by Home, About and the atlas. */
:root{--ink:#252a28;--muted:#777b73;--paper:#f5f5ef;--green:#6554c0;--blue:#6554c0;--coral:#e9785b;--lavender:#f0edfa;--line:#d7dbd2}
header{background:#fffefa;border-color:#e2e4dc}.brandmark{background:#6554c0;transform:none;border-radius:10px}.brandmark svg{width:28px;height:28px}.brandname{font-size:18px;letter-spacing:-.8px;color:#252a28}.brandname b{color:#6554c0;font-weight:800}.brandname small{color:#777b73;font-size:9px}
nav{background:#edf0f7;border-color:#e0e5ef}nav a{color:#67738a}nav a.active{color:#2447a2}.local-label{color:#5d6f96;background:#edf2fd;border-color:#d6dff3}.workspace-meta{color:#818ba0}.workspace-meta strong{color:#435579}.workspace-meta .dot{background:#587ed7}
.canvas-window{background-image:radial-gradient(#cfd4c7 .8px,transparent .8px)}.node p{color:#656c62}.eyebrow{color:#76816f}.hand,.callout{color:#6554c0}.paper{border-color:#dce0d5;box-shadow:0 5px 10px #2e3c2d07,0 1px 2px #2e3c2d09}.manifesto{background:#252a28;box-shadow:0 12px 24px #252a2814}.manifesto .eyebrow{color:#d8d3f0}.manifesto p{color:#e1dfd8}.manifesto .meta-row{color:#d0cce0}.manifesto h1 em{color:#f4df89}.btn{color:#252a28}.btn.green{background:#6554c0;color:white}.portrait p{color:#7e837b}.source-card .fine{border-color:#e3e7dc;color:#92988c}.source-line b{color:#6554c0}.evidence{background:#eeeede}.sticky p{color:#6a643d}.sticky .eyebrow{color:#847544}.sticky .linkline{border-color:#d8c780}.linkline{border-color:#dce3d2}.linkline:hover{color:#6554c0}.section-note{border-color:#e9785b}.big-number{color:#6554c0}.card-bottom{color:#89907f;border-color:#e8eade}.circle-arrow{color:#6554c0}.board-cover{background:#eeeede}.bottom-note{border-color:#d2d9c9;color:#798270}
.branch{gap:12px;padding:12px 16px;background:#f0edfa;border:1px solid #d7d0ee;border-left:4px solid #6554c0;border-radius:5px;box-shadow:0 2px 0 #e4e0f0;min-height:58px;color:#413866;font:700 21px/1.2 var(--head);letter-spacing:-.5px}.branch:after{display:none}.branch>span{flex:none;background:#6554c0;color:white;border:0;border-radius:5px;width:29px;height:29px;font:700 11px var(--body)}.branch h2{font:inherit;margin:0}.branch[data-tone=warm]{background:#fff0e9;border-color:#f1c3b5;border-left-color:#e9785b;color:#663b31;box-shadow:0 2px 0 #f6e1da}.branch[data-tone=warm]>span{background:#e9785b}.branch[data-tone=lavender]{background:#f0edfa;border-color:#d7d0ee;border-left-color:#8b79ce;color:#514777;box-shadow:0 2px 0 #e4e0f0}.branch[data-tone=lavender]>span{background:#8b79ce}
.connections path{stroke:#a0aa98;stroke-width:1.6}.connections marker path{stroke:#a0aa98!important}.rail{border-color:#dedfd5;box-shadow:0 4px 10px #263b2810}.rail button.active,.rail button:hover{background:#f0edfa;color:#6554c0}.board-dock,.zoom{border-color:#dce0d4;box-shadow:0 5px 20px #2b42251a}.board-dock a.active{background:#f0edfa;color:#514777}.board-dock .dock-label{color:#87917c;border-color:#e0e3d7}.hint{color:#859078}.mini-map{border-color:#dbe0d1;cursor:crosshair}.map-rect{fill:#e5e2f0;stroke:#c5bddc}.map-rect.core{fill:#6554c0}.map-view{fill:#6554c018;stroke:#6554c0}.board-head h1 em{color:#6554c0}.tag{background:#f0edfa;color:#514777}.filters button{border-color:#ded8ec;color:#625b70}.filters button.active{background:#6554c0;border-color:#6554c0}.network-person .number,.workflow-row span{color:#777b73}.network-person ul,.timeline-row,.workflow-row{border-color:#dce0d4}.timeline-row span{color:#777b73}.dialog{border-color:#dcd6eb}.dialog input,.dialog textarea{border-color:#d7d0ee}.search-result{border-color:#e1dced}.search-result small,.empty{color:#777b73}.toast{background:#514777}
.frame-trigger{position:fixed;right:30px;top:94px;z-index:9;border:1px solid #d7d0ee;background:#fffefa;border-radius:6px;padding:8px 13px;color:#514777;font-size:11px;box-shadow:0 2px 6px #6554c010}.frame-choice{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:0;border-bottom:1px solid #e1dced;background:transparent;padding:17px 4px;color:#413866;font-weight:600}.frame-choice span{background:#f0edfa;padding:7px;border-radius:5px;font-size:11px}.frame-caption{font-size:12px;color:#777b73;line-height:1.6}.focus-other{opacity:.1!important;pointer-events:none}.frame-active{outline:2px solid #e9785b;outline-offset:8px}.focus-navigation{position:fixed;top:139px;right:30px;z-index:12;background:#fffefa;border:1px solid #d7d0ee;border-radius:8px;box-shadow:0 4px 15px #6554c013;display:flex;align-items:center;gap:10px;padding:8px;font-size:12px;color:#514777}.focus-navigation[hidden]{display:none}.focus-navigation button{border:0;background:#f0edfa;border-radius:4px;min-width:32px;height:32px;color:#514777}.focus-navigation button:disabled{opacity:.3;cursor:default}.focus-navigation .focus-end{padding:0 10px;background:#6554c0;color:white}.focused-board .connections{opacity:.18}.brand-guide-link{color:#6554c0;font-weight:600}.mini-map:focus-visible{outline:3px solid #6554c0}
@media(max-width:900px){.brandname{font-size:15px}.frame-trigger{top:90px;right:15px}.workspace-meta{max-width:65%;white-space:nowrap;overflow:hidden}.workspace-meta>span:last-child{display:none}.focus-navigation{top:131px;right:15px}}
@media(max-width:600px){.brandname{font-size:15px}.brandname small{font-size:8px}.frame-trigger{top:123px;right:16px;padding:6px 9px;font-size:10px}.branch{font-size:20px;padding:12px;min-height:58px}.focus-navigation{top:auto;bottom:77px;right:12px;left:12px;justify-content:center}.focus-other{display:none}.frame-active{outline-offset:3px}.workspace-meta{max-width:64%}}