/* One post: stobox-rwa-terminal-is-open (12 Nov 2026). Blueprint drawings v10, the two path figures,
   inline sign-up strips, the founder note and the closing band. Site tokens only, one accent,
   square boxes, hairlines instead of shadows. Every class carries the tt- prefix. */
.tt-art{overflow:hidden;border:1px solid var(--hairline,#e7e9ef);background:#fff;margin:0}
.tt-art img{display:block;width:100%;height:auto;margin:0}
.tt-crop-e{aspect-ratio:640/362}.tt-crop-e img{margin-top:-5.94%}
.tt-crop-p{aspect-ratio:480/268}.tt-crop-p img{margin-top:-6.67%}
.post .essay figure{margin:40px 0}
.post .essay figcaption{margin-top:12px;font-size:14px;line-height:1.5;color:var(--muted,#5b6472)}
.post .essay figcaption b{font:500 11.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink,#141a2e);margin-right:8px}
.tt-wide{width:min(1040px,calc(100vw - 32px));position:relative;left:50%;transform:translateX(-50%)}

/* path and token diagrams */
.tt-path svg,.tt-flow svg{display:block;width:100%;height:auto}
.tt-svg-phone{display:none!important}
.tt-path .ln,.tt-flow .ln{stroke:var(--ink,#141a2e);fill:none;stroke-width:1}
.tt-path .ln-d,.tt-flow .ln-d{stroke:var(--ink,#141a2e);fill:none;stroke-width:1;stroke-dasharray:4 4}
.tt-path .box,.tt-flow .box{fill:#fff;stroke:var(--ink,#141a2e);stroke-width:1}
.tt-path .box-b,.tt-flow .box-b{fill:var(--blue,#2b64f5);stroke:var(--blue,#2b64f5)}
.tt-flow .box-k{fill:var(--ink,#141a2e);stroke:var(--ink,#141a2e)}
.tt-path .box-d,.tt-flow .box-d{fill:#fff;stroke:var(--ink,#141a2e);stroke-width:1;stroke-dasharray:4 4}
.tt-path .ar,.tt-flow .ar{fill:var(--ink,#141a2e)}
.tt-path .t,.tt-flow .t{font:600 15px 'Helvetica Neue',Helvetica,Arial,sans-serif;fill:var(--ink,#141a2e)}
.tt-path .t-w,.tt-flow .t-w,.tt-flow .t-k{font:600 15px 'Helvetica Neue',Helvetica,Arial,sans-serif;fill:#fff}
.tt-path .m,.tt-flow .m{font:500 10.5px var(--font-mono);letter-spacing:.08em;fill:var(--muted,#5b6472)}
.tt-path .m-w,.tt-flow .m-w{font:500 10.5px var(--font-mono);letter-spacing:.08em;fill:#fff;opacity:.9}
.tt-flow .m-k{font:500 10.5px var(--font-mono);letter-spacing:.08em;fill:#fff;opacity:.8}
.tt-path .s,.tt-flow .s{font:400 12.5px 'Helvetica Neue',Helvetica,Arial,sans-serif;fill:var(--body,#2a2f3a)}
.tt-path .tag{fill:none;stroke:var(--ink,#141a2e);stroke-width:1}
.tt-path .tag-b{fill:var(--blue,#2b64f5)}
.tt-path .tg{font:500 10px var(--font-mono);letter-spacing:.08em;fill:var(--ink,#141a2e)}
.tt-flow .big{font:500 34px var(--font-display,Lora,Georgia,serif);fill:var(--blue,#2b64f5)}
.tt-flow .big-k,.tt-flow .big-w{font:500 34px var(--font-display,Lora,Georgia,serif);fill:#fff}

/* inline sign-up strips */
.tt-strip{margin:44px 0;padding:22px 0;border-top:2px solid var(--ink,#141a2e);border-bottom:1px solid var(--hairline,#e7e9ef);display:grid;grid-template-columns:1fr auto;gap:14px 24px;align-items:center}
.tt-strip.tt-blue{background:#eef3fc;border-top-color:var(--blue,#2b64f5);padding:22px 20px}
.post .essay .tt-strip p{margin:0}
.post .essay .tt-strip .tt-k{font:500 11px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue,#2b64f5);margin:0 0 6px}
.post .essay .tt-strip .tt-h{font:500 22px/1.25 var(--font-display,Lora,Georgia,serif);color:var(--ink,#141a2e)}
.post .essay .tt-strip .tt-sub{font-size:15px;line-height:1.5;color:var(--muted,#5b6472);margin-top:6px}

/* buttons */
.post .essay a.tt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 20px;font:600 15px/1 'Helvetica Neue',Helvetica,Arial,sans-serif;text-decoration:none;border:1px solid var(--ink,#141a2e);background:var(--ink,#141a2e);color:#fff;border-radius:999px;transition:background-color .18s ease-out,color .18s ease-out,border-color .18s ease-out;white-space:nowrap}
.post .essay a.tt-btn:hover{background:var(--blue,#2b64f5);border-color:var(--blue,#2b64f5);color:#fff}
.post .essay a.tt-btn.tt-ghost{background:transparent;color:var(--ink,#141a2e)}
.post .essay a.tt-btn.tt-ghost:hover{background:var(--ink,#141a2e);color:#fff}
.tt-sq{width:7px;height:7px;background:currentColor;display:inline-block}
.tt-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

/* founder note */
.tt-founder{margin:56px 0 0;padding:32px 0 0;border-top:2px solid var(--ink,#141a2e);display:grid;grid-template-columns:112px 1fr;gap:28px;align-items:start}
.post .essay .tt-founder img{width:112px;height:112px;border-radius:50%;object-fit:cover;display:block;filter:grayscale(1);margin:0}
.post .essay .tt-founder .tt-lbl{font:500 12px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--blue,#2b64f5);margin:4px 0 14px}
.post .essay .tt-founder .tt-sig{font:500 12px/1.5 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#5b6472);margin:18px 0 0}

/* closing band */
.tt-end{margin:56px 0 40px;padding:36px 28px;background:var(--blue,#2b64f5);color:#fff}
.post .essay .tt-end h2{color:#fff;margin:0 0 10px}
.post .essay .tt-end p{color:#fff;opacity:.92;margin:0}
.post .essay .tt-end a.tt-btn{background:#fff;color:var(--blue,#2b64f5);border-color:#fff}
.post .essay .tt-end a.tt-btn:hover{background:transparent;color:#fff}
.post .essay .tt-end a.tt-btn.tt-ghost{background:transparent;color:#fff;border-color:#fff}
.post .essay .tt-end a.tt-btn.tt-ghost:hover{background:#fff;color:var(--blue,#2b64f5)}

@media (max-width:760px){
  .tt-svg-wide{display:none!important}.tt-svg-phone{display:block!important}
  .tt-strip{grid-template-columns:1fr}
  .tt-founder{grid-template-columns:1fr;gap:18px}
  .post .essay .tt-founder img{width:88px;height:88px}
  .tt-end{padding:28px 20px}
}
@media (prefers-reduced-motion:reduce){.post .essay a.tt-btn{transition:none}}

/* v2 (rewrite 12 Nov): numbered benefit lists and plain lists */
.post .essay .tt-steps{list-style:none;padding:0;margin:24px 0;border-top:2px solid var(--ink,#141a2e)}
.post .essay .tt-steps li{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--hairline,#e7e9ef);margin:0}
.post .essay .tt-steps li::marker{content:""}
.post .essay .tt-steps .tt-n{font:500 12px/1.9 var(--font-mono);letter-spacing:.08em;color:var(--blue,#2b64f5)}
.post .essay .tt-steps b{display:block;color:var(--ink,#141a2e);font-weight:600;margin-bottom:2px}
.post .essay .tt-plain li::marker{color:var(--blue,#2b64f5)}
@media (max-width:760px){.post .essay .tt-steps li{grid-template-columns:40px 1fr}}
