/* SURETY v3 / An inspectable desk, adapted native interactions credited in source-credits.txt */
:root{--paper:#f5f3ee;--surface:#fbfaf7;--soft:#eeece6;--ink:#29272c;--muted:#68636b;--line:#d9d5ce;--accent:#ae4137;--accent-ink:#87352e;--copper:#ae4137;--accent-soft:#f2dfd5;--accent-ink:#87352e;--dark-line:#d9d5ce;--lilac:#e4dfed;--butter:#eee5c5}
body{background:var(--paper)}h1,h2,h3{letter-spacing:-.045em}.site-header{height:82px;border-color:var(--line)}.site-header .header-cta{background:var(--ink);color:var(--surface);border-color:var(--ink)}.studio-intro{padding-top:30px}.edition,.chapter-label{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.05em;line-height:1.6}.edition{padding-bottom:25px}.studio-intro h1{font-size:clamp(34px,3.2vw,46px);line-height:1.07;max-width:740px}.studio-intro>p{font-size:13px;margin-top:17px;color:var(--muted);line-height:1.8}.experiment{margin-top:30px}.desk-heading{display:flex;justify-content:space-between;align-items:center;padding:0 0 9px}.desk-label{font-size:10px;letter-spacing:.04em}.desk-heading .text-button{font-size:10px;min-height:36px}.commitment-desk{height:370px;position:relative;isolation:isolate;background:#eae5db;border:1px solid #d6d0c4;border-radius:4px 4px 0 0;overflow:clip;box-shadow:inset 0 0 75px #aa94700b}.desk-watermark{position:absolute;top:19px;left:26px;font:500 34px/.94 var(--display);letter-spacing:-.065em;color:#dbd5c9;pointer-events:none}.desk-note{position:absolute;width:215px;top:30px;padding:18px 20px 14px;z-index:2;box-shadow:2px 9px 12px #51433212;border:1px solid #d7caa7;cursor:grab;touch-action:none;user-select:none}.desk-note.dragging{cursor:grabbing;box-shadow:4px 15px 22px #51433225}.bond-note{left:10%;background:#eee5c5;rotate:-7deg}.fee-note{right:9%;top:24px;background:var(--lilac);border-color:#d2c9dd;rotate:7deg;width:205px}.note-tab{font-size:9px;letter-spacing:.05em}.desk-note strong{font:500 35px/1.3 var(--display);letter-spacing:-.04em;display:block;margin-top:8px}.desk-note small{font:10px var(--body);letter-spacing:0}.desk-note p{font-size:10px;margin-top:3px}.note-limit{font-size:9px;border-top:1px solid #c9bf9d;padding-top:8px;margin-top:11px}.paper-grip{display:block;width:18px;height:3px;border-block:1px solid #9a906f;margin:11px auto 0}.fee-note .paper-grip{border-color:#a298ae}.deadline-sign{position:absolute;left:50%;top:30px;translate:-50% 0;text-align:center;display:grid;gap:3px;z-index:1}.deadline-sign>span:first-child{font-size:8px;letter-spacing:.06em}.deadline-sign strong{font:500 20px var(--display)}.deadline-stem{width:1px;height:187px;background:var(--accent);margin:8px auto 0;opacity:.6}.time-track{position:absolute;top:207px;left:9%;right:9%;height:92px}.time-region{display:flex;justify-content:space-around;font-size:8px;letter-spacing:.08em;color:#716856;padding:10px 0;background:linear-gradient(to right,#ddd8c6 50%,#e3cec4 50%)}.ruler{height:17px;border-top:1px solid #b6ab98;background:repeating-linear-gradient(90deg,#b6ab98 0 1px,transparent 1px calc(100% / 48));background-size:100% 9px;background-repeat:no-repeat}.time-labels{display:flex;justify-content:space-between;font:9px var(--mono);margin-top:5px;color:#655f55}.delivery-receipt{position:absolute;left:45.8333%;top:-66px;translate:-50% 0;z-index:5;width:174px;padding:13px 16px 12px;background:var(--surface);box-shadow:0 8px 16px #5049391c;cursor:grab;touch-action:none;user-select:none;border:1px solid #d4d0c7;border-bottom:4px double #d4d0c7;rotate:-2deg}.delivery-receipt:active{cursor:grabbing;rotate:0deg}.receipt-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.05em}.receipt-handle{font-size:16px;line-height:12px;color:#8b847a}.delivery-receipt strong{font:500 43px/1 var(--display);display:flex;align-items:baseline;gap:8px;margin:15px 0 13px;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.delivery-receipt strong small{font:10px var(--body);letter-spacing:0}.receipt-bottom{border-top:1px dashed #d4d0c7;padding-top:10px;display:grid;gap:7px;font-size:9px}.receipt-bottom>span:last-child{font-size:7px;letter-spacing:.08em;color:var(--muted)}.delivery-receipt[data-failed=true]{background:#f8eee6}.desk-help{position:absolute;bottom:18px;left:26px;color:#70695f;font-size:9px;line-height:1.7}.experiment-controls{display:flex;align-items:center;justify-content:space-between;gap:45px;background:#efebe2;border:1px solid #d6d0c4;border-top:0;padding:15px 24px}.time-control{max-width:350px;flex:1}.time-control>span{display:flex;justify-content:space-between;font-size:10px;gap:20px}.time-control output{font-family:var(--mono)}input[type=range]{width:100%;height:22px;accent-color:var(--accent);display:block;margin:8px 0 0;cursor:ew-resize}.preset-controls{display:flex;gap:7px}.preset-controls button{font-size:10px;background:transparent;border:1px solid #c5bfb2;padding:10px 16px;min-height:44px;border-radius:2px;transition:background-color .2s,color .2s}.preset-controls button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.preset-controls button:hover{border-color:var(--ink)}.allocation{padding:26px 25px 19px;border:1px solid #d6d0c4;border-top:0;display:grid;grid-template-columns:1fr 1fr;gap:17px 45px;background:#f7f4ec;border-radius:0 0 4px 4px}.allocation-title>span{font-size:8px;letter-spacing:.05em;color:var(--muted)}.allocation h2{font-size:25px;margin-top:6px}.allocation dl{display:flex;gap:40px;justify-content:flex-end;align-items:center}.allocation dt{font-size:10px}.allocation dd{font:500 25px var(--display);font-variant-numeric:tabular-nums;margin-top:4px}.allocation small{font:9px var(--body)}.allocation-strip{grid-column:1/-1;height:6px;display:flex;gap:3px}.allocation-strip span{transition:flex-grow .35s}.allocation-strip span:first-child{background:#91849b;flex:2525}.allocation-strip span:last-child{background:#be6d53;flex:0}.allocation>p{grid-column:1/-1;font-size:10px;color:var(--muted)}.studio-footnote{display:flex;align-items:center;justify-content:space-between;padding:10px 0 0;font-size:10px;color:var(--muted)}.studio-footnote .text-link{font-size:10px}.agreement-story{padding-top:95px}.chapter-label{color:var(--muted);margin-bottom:25px}.agreement-story h2,.case-archive h2,.scope-strip h2,.token-note h2{font-size:clamp(27px,2.5vw,36px);line-height:1.18}.story-deck{font-size:13px;color:var(--muted);max-width:650px;margin-top:22px}.document-formation{height:465px;position:relative;max-width:1060px;margin:47px auto 0}.formation-paper{position:absolute;width:34%;min-height:330px;border:1px solid #d2cdc3;background:#faf8f2;box-shadow:0 9px 15px #51433210;padding:25px 27px;transform-origin:50% 0}.terms-paper{left:0;top:15px;rotate:-5deg;z-index:1}.capital-paper{left:32%;top:53px;rotate:3deg;background:#ede4c5;z-index:2}.evidence-paper{right:0;top:0;rotate:7deg;background:#e7e2ed;z-index:3}.document-kicker{display:block;font-size:8px;letter-spacing:.07em;border-bottom:1px solid #c9c3b5;padding-bottom:12px;margin-bottom:19px}.formation-paper h3{font-size:27px}.formation-paper p{font-size:10px;line-height:1.8;margin-top:22px;max-width:245px}.formation-paper dl{margin-top:25px}.formation-paper dl>div{display:flex;justify-content:space-between;gap:10px;font-size:9px;padding:8px 0;border-bottom:1px solid #d6d0c5}.capital-paper h3{margin-top:55px;font-size:39px}.capital-paper h3 small{font-size:11px}.capital-stamp{position:absolute;top:71px;right:25px;border:1px solid #aa693f;color:#935a38;padding:8px 11px;font:500 15px/1.1 var(--display);rotate:12deg;letter-spacing:-.04em}.capital-paper p{margin-top:12px;max-width:210px}.mini-capital{display:grid;grid-template-columns:repeat(13,1fr);gap:3px;margin-top:20px}.mini-capital i{height:17px;background:#b8ad86;border:1px solid #aa9e76}.mini-capital i:nth-last-child(-n+5){background:#ad5b43;border-color:#a5533d}.document-caption{font-size:8px;display:block;margin-top:10px;color:#655a42}.record-line{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:8px}.record-line strong{font:500 30px var(--display)}.record-seal{border:1px solid #a299b0;padding:9px;margin-top:14px;rotate:-3deg;font-size:10px;text-align:center}.evidence-paper p{margin-top:17px}.formation-footer{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:31px}.case-archive{padding-top:65px}.folder-stack{padding-top:45px}.folder-card{position:sticky;top:30px;transform-origin:50% 0;transition:filter .3s,scale .3s;margin-bottom:36px}.folder-card.covered{filter:brightness(.94);scale:.985}.folder-tab{width:47%;padding:12px 28px 10px;font-size:9px;letter-spacing:.05em;border:1px solid #d0c9b5;border-bottom:0;background:#ebe4d0;border-radius:8px 8px 0 0;min-height:42px}.folder-content{background:#ebe4d0;border:1px solid #d0c9b5;padding:35px 45px 40px;border-radius:0 5px 5px 5px;min-height:345px}.folder-head{display:flex;justify-content:space-between;align-items:start}.folder-head h3{font-size:30px;line-height:1.15}.case-mark{font:500 52px/.9 var(--display);text-align:right;letter-spacing:-.05em;color:#7c7055}.case-mark small{display:block;font:8px var(--body);letter-spacing:.08em;margin-top:10px}.case-equation{display:flex;align-items:center;gap:27px;margin-top:32px;font:400 30px var(--display);letter-spacing:-.04em}.case-equation small{display:block;font:8px var(--body);letter-spacing:.04em;margin-top:4px}.case-equation b{font-weight:300;color:#7c7055}.case-equation strong{font-weight:500}.folder-content>p{font-size:11px;line-height:1.9;margin-top:25px;max-width:720px}.failed-folder{top:80px}.failed-folder .folder-tab,.failed-folder .folder-content{background:#e8ddd5;border-color:#cfbbae}.failed-folder .folder-tab{margin-left:auto;width:47%}.failed-folder .folder-content{border-radius:5px 0 5px 5px}.failed-folder .case-mark{color:#a45c45}.scope-strip{padding-block:70px;border-bottom:1px solid var(--line)}.scope-strip p,.token-note>p{font-size:13px;color:var(--muted);margin-top:23px;max-width:760px}.scope-strip .text-link{display:inline-block;margin-top:15px}.full-model{margin-top:0;border-bottom:1px solid var(--line)}.full-model>summary{display:flex;align-items:center;justify-content:space-between;gap:30px;list-style:none;cursor:pointer;padding-block:46px}.full-model>summary::-webkit-details-marker{display:none}.full-model summary .chapter-label{display:block;margin-bottom:10px}.full-model summary strong{display:block;font:500 28px/1.3 var(--display);letter-spacing:-.035em}.full-model summary strong+span{display:block;font-size:12px;color:var(--muted);margin-top:12px}.model-toggle{font:300 42px var(--display);transition:rotate .25s}.full-model[open] .model-toggle{rotate:45deg}.full-model .mechanism-section{border:0;background:var(--paper);padding-top:0}.full-model .mechanism-section>.wrap{border-top:1px solid var(--line);padding-top:35px}.full-model .settlement{background:#ebe6df;color:var(--ink)}.full-model .settlement :is(.eyebrow,.phase-label,.bond-display>span,.bond-display>div>span,.settlement-values dt,.result-copy){color:var(--muted)}.full-model .settlement-values>div{border-color:#cec7bc}.full-model .capital-strip span:first-child{background:#aaa18d}.token-note{padding-block:58px 70px}.token-actions{display:flex;align-items:center;gap:27px;margin-top:28px;flex-wrap:wrap}.token-actions>span{font-size:10px;color:var(--muted);margin-left:auto}.site-footer{background:var(--paper)}.footer-bottom{line-height:1.8}html{scroll-behavior:smooth}.doc-content .formula{background:#e9e4da;color:var(--ink)}.studio-page [data-reveal]{opacity:1}
@media(min-width:761px){.studio-page{--desk-inset:9%}}
@media(max-width:1000px){.desk-note{left:5%;width:190px}.fee-note{left:auto;right:4%;width:170px}.document-formation{height:430px}.formation-paper{padding:22px 20px}.case-equation{gap:20px}.folder-content{padding:30px}.allocation dl{gap:22px}.allocation dd{font-size:23px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.site-header{height:70px}.studio-intro{padding-top:24px}.edition{font-size:8px;gap:24px;padding-bottom:23px}.edition>span:last-child{max-width:125px;text-align:right}.studio-intro h1{font-size:34px;line-height:1.08}.studio-intro>p{font-size:12px;margin-top:17px}.studio-intro>p br{display:none}.experiment{margin-top:20px}.desk-label{font-size:8px;max-width:170px;line-height:1.7}.desk-heading .text-button{font-size:9px}.commitment-desk{height:400px}.desk-watermark{font-size:24px;top:17px;left:17px;color:#d8d1c4}.desk-note{top:77px;left:5%;width:161px;padding:12px 14px;rotate:-7deg}.fee-note{top:37px;left:auto;right:3%;width:139px;rotate:7deg}.note-tab{font-size:7px}.desk-note strong{font-size:28px;margin-top:5px}.desk-note small{font-size:8px}.desk-note p{font-size:8px}.note-limit{font-size:8px;padding-top:7px;margin-top:8px}.paper-grip{margin-top:8px}.deadline-sign{top:202px;left:50%;gap:2px}.deadline-sign>span:first-child{font-size:6px}.deadline-sign strong{font-size:14px}.deadline-stem{height:94px;margin-top:6px}.time-track{top:302px;left:26px;right:26px;height:66px}.time-region{font-size:5px;letter-spacing:.02em;padding-block:9px;justify-content:space-around}.ruler{height:10px;background-size:100% 6px}.time-labels{font-size:7px;margin-top:3px}.delivery-receipt{top:-54px;width:118px;padding:10px 10px 8px;rotate:-2deg}.receipt-top{font-size:6px}.receipt-handle{font-size:13px}.delivery-receipt strong{font-size:30px;gap:6px;margin:10px 0}.delivery-receipt strong small{font-size:7px}.receipt-bottom{font-size:7px;padding-top:7px;gap:5px}.receipt-bottom>span:last-child{font-size:5px}.desk-help{left:17px;bottom:13px;font-size:7px;line-height:1.6}.desk-help br{display:none}.experiment-controls{padding:15px 14px;display:block}.time-control{display:block;max-width:none}.time-control>span{font-size:10px}input[type=range]{margin-top:9px;height:26px}.preset-controls{margin-top:13px;gap:6px;justify-content:space-between}.preset-controls button{font-size:9px;padding:9px 10px;flex:1}.allocation{padding:19px 16px 16px;grid-template-columns:1fr;gap:18px}.allocation-title>span{font-size:7px}.allocation h2{font-size:23px;margin-top:8px}.allocation dl{justify-content:space-between;gap:15px}.allocation dd{font-size:24px}.allocation dt{font-size:9px}.allocation>p{font-size:9px}.studio-footnote{font-size:8px;gap:17px;align-items:start}.studio-footnote p{padding-block:10px}.studio-footnote .text-link{font-size:9px;white-space:nowrap}.agreement-story{padding-top:67px}.chapter-label{font-size:8px;gap:25px;margin-bottom:20px}.chapter-label>span:last-child{text-align:right}.agreement-story h2,.case-archive h2,.scope-strip h2,.token-note h2{font-size:28px}.story-deck{font-size:12px;margin-top:19px}.story-deck br{display:none}.document-formation{height:auto;margin-top:33px;display:grid;gap:22px;padding-inline:8px}.formation-paper{position:relative;inset:auto;min-height:0;width:100%;padding:24px 24px 25px;rotate:-2deg}.capital-paper{rotate:2deg}.evidence-paper{rotate:-2deg}.formation-paper h3{font-size:26px}.formation-paper dl{margin-top:19px}.formation-paper p{font-size:11px;max-width:none;margin-top:19px}.formation-paper dl>div{font-size:10px}.document-kicker{font-size:8px;margin-bottom:19px}.capital-paper h3{margin-top:0;font-size:37px}.capital-paper p{max-width:210px}.capital-stamp{top:68px;right:22px;font-size:13px;padding:6px 8px}.mini-capital{grid-template-columns:repeat(13,1fr);gap:3px}.mini-capital i{height:16px}.document-caption{font-size:9px}.record-line{font-size:9px;margin-top:16px}.record-line strong{font-size:29px}.formation-footer{font-size:10px;padding-block:27px;border-bottom:1px solid var(--line)}.case-archive{padding-top:47px}.folder-stack{padding-top:30px}.folder-card{top:15px;margin-bottom:22px}.folder-tab{width:82%;font-size:7px;padding:11px 17px 9px;min-height:36px}.folder-content{padding:25px 21px 28px;min-height:380px}.folder-head h3{font-size:23px;line-height:1.15}.case-mark{font-size:38px}.case-mark small{font-size:6px;margin-top:8px}.case-equation{margin-top:32px;display:grid;grid-template-columns:1fr 16px 1fr;font-size:25px;gap:14px 10px}.case-equation b{font-size:23px;text-align:center}.case-equation b:nth-of-type(2){grid-column:1}.case-equation strong{grid-column:2/4;font-size:29px}.case-equation small{font-size:6px;letter-spacing:.03em}.folder-content>p{font-size:10px;line-height:1.9;margin-top:22px}.failed-folder{top:49px}.failed-folder .folder-tab{width:82%}.scope-strip{padding-block:47px}.scope-strip p{font-size:12px}.scope-strip p br{display:none}.scope-strip .text-link{font-size:11px}.full-model>summary{padding-block:35px;gap:20px}.full-model summary strong{font-size:23px}.full-model summary strong+span{font-size:11px}.model-toggle{font-size:33px}.full-model .mechanism-section>.wrap{padding-top:26px}.token-note{padding-block:39px 47px}.token-note>p{font-size:12px}.token-actions{gap:19px;margin-top:24px}.token-actions .button,.token-actions .text-link{font-size:11px}.token-actions>span{margin-left:0;font-size:9px;width:100%}.site-footer{padding-block:27px}.footer-main>p{font-size:10px}.footer-main nav{gap:19px;font-size:10px}.footer-bottom{font-size:8px;gap:15px}.full-model .fields-grid{gap:20px 14px}.full-model .section-heading h2{font-size:26px}}
/* Fit the complete time-and-capital experiment into the desktop opening */
@media(min-width:761px){.studio-intro{padding-top:22px}.edition{padding-bottom:17px}.studio-intro>p{margin-top:13px}.experiment{margin-top:16px}.desk-heading{padding-bottom:7px}.desk-heading .text-button{min-height:28px}.commitment-desk{height:310px}.time-track{top:170px}.deadline-stem{height:145px}.desk-help{bottom:14px}.experiment-controls{padding-block:11px}.document-formation{max-width:1160px}.terms-paper{left:1%;width:31%}.capital-paper{left:35%;width:29%}.evidence-paper{width:30%}.formation-paper{padding-inline:28px}.formation-paper p{font-size:11px}.formation-paper dl>div{font-size:10px}.document-caption{font-size:9px}}
@media(max-width:760px){.commitment-desk{height:440px}.desk-note{top:68px}.fee-note{top:35px}.note-tab{font-size:8px}.desk-note p{font-size:10px;line-height:1.6}.note-limit{font-size:9px}.deadline-sign{top:244px;white-space:nowrap}.deadline-sign>span:first-child{font-size:8px}.deadline-sign strong{font-size:16px}.deadline-stem{height:92px}.time-track{top:337px;left:78px;right:78px}.time-region{font-size:7px;letter-spacing:0;gap:8px}.time-labels{font-size:8px}.delivery-receipt{width:144px;top:-55px;padding:11px 12px 10px}.receipt-top{font-size:8px}.delivery-receipt strong{font-size:34px;gap:7px}.delivery-receipt strong small{font-size:9px}.receipt-bottom{font-size:9px;gap:6px}.receipt-bottom>span:last-child{font-size:7px}.desk-help{font-size:9px;max-width:300px;bottom:12px}.desk-watermark{font-size:22px}.folder-tab{font-size:8px}.case-equation small{font-size:8px}.case-mark small{font-size:8px}.case-equation{font-size:25px}.folder-content>p{font-size:11px}.folder-content{min-height:395px}}
.receipt-handle{width:11px;height:8px;border-block:1px solid #8b847a;background:linear-gradient(#8b847a,#8b847a) center/100% 1px no-repeat}.time-region{color:#5c5548}
@media(max-width:760px){.desk-help{display:none}}
.reveal-ready{opacity:.3;translate:0 15px;transition:opacity .7s,translate .7s}.reveal-ready.in{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.allocation-strip span,.folder-card,.model-toggle{transition:none}html{scroll-behavior:auto}.reveal-ready{opacity:1;translate:none}}