.sandbox-essay .article-header h1{max-width:13ch}.spec-example{margin:40px 0;border:1px solid #bbb8ac;border-radius:4px;overflow:hidden}.spec-example>div{padding:24px;background:#f0eee6}.spec-example>div+div{border-top:1px solid #bbb8ac}.spec-example>div:nth-child(2){background:#e2ecdf}.spec-label{display:block;font:12px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:#42483d}.spec-example p{margin:12px 0 0}.spec-flow{margin:48px 0;padding:28px;background:#222b25;color:#f3f1e7;border-radius:4px}.spec-flow figcaption{font-size:23px;margin-bottom:24px}.spec-flow ol{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}.spec-flow li{border:1px solid #6e7c69;padding:18px;display:flex;flex-direction:column;gap:12px}.spec-flow b{font:14px/1.5 ui-monospace,monospace;color:#d0e3a3}.spec-flow span{font-size:18px;line-height:1.5}.article-body .spec-gate{padding-top:22px;border-top:1px solid #6e7c69;font-size:20px;margin:22px 0 12px}.article-body .spec-return{font-size:16px;color:#d0d4cc;margin:0}.sandbox-essay .article-cta h2{margin:0 0 20px!important;color:inherit}.article-cta .spec-secondary{margin:24px 0 0;font-size:16px}.article-cta .spec-secondary a{display:inline;background:none;padding:0;text-decoration:underline;border:0;font:inherit;color:inherit}.spec-note{font-size:15px;color:#62625a;margin-top:32px!important}@media(max-width:520px){.spec-flow{padding:20px}.spec-flow ol{grid-template-columns:1fr}.spec-example>div{padding:20px}.sandbox-essay .article-cta{padding:24px!important}}
/* Figuras editoriais — inspiradas na apresentação do Sandbox. */
.sandbox-essay{--spec-paper:#f3f1e9;--spec-ink:#252820;--spec-line:#d4d4c9;--spec-accent:#8c5e26;--spec-mono:ui-monospace,SFMono-Regular,Menlo,monospace}
.spec-blueprint,.spec-conversation,.spec-record{margin:56px 0;color:var(--spec-ink)}
.spec-figure-heading{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #292b24;padding:14px 0 20px;font:10px/1.5 var(--spec-mono);letter-spacing:.07em;text-transform:uppercase}
.spec-figure-heading>span:last-child{color:#717265;text-align:right}
.spec-blueprint-body{background:var(--spec-paper);padding:28px;background-image:radial-gradient(#b7bcaa55 .7px,transparent .7px);background-size:14px 14px}
.spec-zone{border:1px dashed #939b87;padding:22px;background:#f9faf5d9}
.spec-zone-label{display:flex;justify-content:space-between;gap:14px;font:10px/1.5 var(--spec-mono);text-transform:uppercase;letter-spacing:.05em;margin-bottom:25px}
.spec-zone-tag{color:#6a715e}
.article-body .spec-stages{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.spec-stages li{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-top:2px solid #737e64;padding-top:13px}
.spec-stage-no{font:27px/1 var(--spec-mono);color:#8d9680;margin-bottom:24px}
.spec-stages b{font:12px/1.4 var(--spec-mono);letter-spacing:-.04em}
.article-body .spec-stages p{font-size:15px;line-height:1.45;margin:12px 0 16px}
.spec-stages code{font:9px/1.5 var(--spec-mono);color:#626b53;overflow-wrap:anywhere;margin-top:auto}
.spec-review{font:8px/1.5 var(--spec-mono);margin-top:14px;color:#855421;display:flex;align-items:center;gap:4px}
.spec-review:before{content:'';width:5px;height:5px;border-radius:50%;background:#a67a3f;flex-shrink:0}
.spec-hatch{margin-top:25px;padding:12px;border:1px solid #d8d9ce;background:repeating-linear-gradient(135deg,transparent,transparent 5px,#8c95700b 5px,#8c95700b 7px);font:10px/1.7 var(--spec-mono);color:#626753}
.spec-hatch>span{margin-right:6px}
.spec-threshold{display:flex;align-items:center;gap:15px;padding:25px 10px;color:#84551f}
.spec-threshold-dot{width:12px;height:12px;flex-shrink:0;border:3px solid #b38546;outline:5px solid #eee3cf;border-radius:50%}
.spec-threshold>div{display:flex;flex-direction:column;gap:6px}.spec-threshold b{font:13px/1.3 var(--spec-mono)}.spec-threshold div>span{font-size:15px;line-height:1.4}.spec-arrow{font-size:32px;margin-left:auto}
.spec-execution{background:#252b24;color:#f3f1e7;padding:23px;display:flex;align-items:center;gap:22px}.spec-exec-symbol{font:30px/1 var(--spec-mono);color:#c4cdb2;white-space:nowrap}.spec-execution b{font:12px/1.7 var(--spec-mono)}.article-body .spec-execution p{font-size:15px;line-height:1.5;margin:7px 0 0;color:#c6cbbc}.spec-exec-label{font:9px/1 var(--spec-mono);border:1px solid #616b56;border-radius:20px;padding:7px 10px;margin-left:auto}
.spec-loop{display:flex;align-items:center;gap:10px;color:#68715d;margin:15px 4px 0}.spec-loop>span{font-size:24px}.article-body .spec-loop p{margin:0;font-size:14px;font-style:italic}
.spec-blueprint figcaption,.spec-conversation figcaption,.spec-record figcaption{font-size:14px;line-height:1.6;color:#717166;margin:15px 0 0;max-width:65ch}
.spec-chat-body{background:#f3f1e9;padding:30px;display:flex;flex-direction:column;gap:24px}.spec-chat-user{align-self:flex-end;max-width:85%;padding:0 0 0 22px;border-left:1px solid #babbae}.spec-speaker{font:10px/1.4 var(--spec-mono);letter-spacing:.06em;text-transform:uppercase;color:#6d705f;display:flex;gap:9px;align-items:center}.article-body .spec-chat-user p{font-size:23px;line-height:1.4;margin:12px 0 0}.spec-chat-agent{background:#fffefa;padding:26px;border-left:3px solid #858f73;box-shadow:0 5px 20px #33391e06}.spec-speaker i{width:6px;height:6px;background:#919e7c;border-radius:50%}.article-body .spec-chat-agent>p{font-size:20px;line-height:1.5;margin:16px 0 22px}.spec-chat-question{border-top:1px solid #dedfd4;border-bottom:1px solid #dedfd4;padding:18px 0;display:flex;gap:18px;align-items:center}.spec-chat-question>span{color:#986c31;font:30px/1 var(--spec-mono)}.article-body .spec-chat-question p{font-size:18px;line-height:1.5;margin:0}.spec-chat-foot{font:10px/1.8 var(--spec-mono);margin-top:20px;color:#697258}
.spec-record-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.spec-terminal{background:#252b24;color:#f3f1e7;padding:20px 22px;font:11px/1.6 var(--spec-mono);border-radius:3px}.spec-terminal-bar{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #4b5543;padding-bottom:16px;color:#b1baa4;font-size:9px}.spec-terminal-bar>span:first-child{color:#738164;font-size:8px;white-space:nowrap}.spec-terminal dl{margin:22px 0}.spec-terminal dl>div{margin:14px 0}.spec-terminal dt{color:#a8b399;font-size:10px}.spec-terminal dd{margin:3px 0 0;font-size:12px}.spec-terminal-state{border-top:1px solid #4b5543;padding-top:16px;color:#c7ccbd}.spec-terminal-state b{color:#e0bc80;font-weight:400}.spec-mini-label{font:9px/1.7 var(--spec-mono);text-transform:uppercase;letter-spacing:.04em;color:#747763}.article-body .spec-record-quote{font-size:30px;line-height:1.25;margin:15px 0 20px;letter-spacing:-.02em}.article-body .spec-record-note>p:last-child{font-size:16px;line-height:1.6;margin:0;color:#666b5d}
@media(min-width:1100px){.spec-blueprint{margin-left:0;margin-right:0}.spec-blueprint-body{padding:32px}.spec-stages b{font-size:14px}.spec-stages code{font-size:10px}.spec-review{font-size:9px}}
@media(max-width:600px){.spec-figure-heading{font-size:9px;gap:12px}.spec-blueprint-body{padding:16px}.spec-zone{padding:16px}.spec-zone-label{flex-direction:column;gap:5px}.article-body .spec-stages{grid-template-columns:1fr 1fr;gap:24px 18px}.spec-stage-no{font-size:25px;margin-bottom:16px}.spec-stages b{font-size:13px}.spec-stages code{font-size:10px}.spec-review{font-size:9px}.spec-execution{padding:20px;gap:14px}.spec-exec-symbol{font-size:23px}.spec-exec-label{display:none}.spec-threshold{padding:24px 6px}.spec-threshold div>span{font-size:14px}.spec-chat-body{padding:20px}.spec-chat-user{max-width:95%}.article-body .spec-chat-user p{font-size:21px}.spec-chat-agent{padding:20px}.spec-record-body{grid-template-columns:1fr;gap:25px}.spec-record-note{padding:0 8px}.article-body .spec-record-quote br{display:none}.spec-terminal{padding:22px}.spec-blueprint,.spec-conversation,.spec-record{margin:44px 0}}
