/* Original editorial diagrams: ordered marks, flat nodes, quiet connectors. */
.studio,.console{box-shadow:none;background:#0b0b0b}.studio-canvas,.guarantee-visual{background:#0a0a0a}.studio-canvas{padding:29px 30px}.canvas-label{font-family:monospace;letter-spacing:1px;font-size:8px;color:#888888}.canvas-label .dot{box-shadow:none;background:#777777}.journal-diagram{height:auto;min-height:475px;margin:35px 0 0;perspective:none;position:relative}.journal-heading{display:flex;justify-content:space-between;color:#777777;font:9px monospace;letter-spacing:1px;padding:0 10px}.journal-heading span:last-child{font-size:8px;letter-spacing:0}.history-figure{width:100%;height:auto;display:block;margin-top:12px}.journal-flow{display:flex;flex-direction:column;align-items:center;margin:18px 0 25px}.journal-node{display:flex;gap:12px;align-items:center;border:1px solid #262626;background:#121212;border-radius:5px;padding:16px 18px;min-width:0}.journal-node>div{min-width:0}.journal-node b{display:block;color:#aaaaaa;font:10px monospace;letter-spacing:.5px;overflow-wrap:anywhere}.journal-node small{display:block;color:#737373;font:9px monospace;margin-top:8px;line-height:1.4}.node-symbol{color:#848484;font-size:19px;flex-shrink:0}.source-node,.active-node{width:65%}.active-node{border-color:#444444;background:#161616}.active-node b{color:#dddddd;font-size:12px;letter-spacing:0}.journal-wire{height:31px;border-left:1px solid #3d3d3d;position:relative}.journal-wire>span{font-size:11px;color:#767676;position:absolute;bottom:-5px;left:-4px}.journal-state-row{display:grid;grid-template-columns:1fr 1fr;gap:17px;width:100%;position:relative}.journal-state-row .journal-node{padding:13px 11px;gap:9px}.journal-state-row .journal-node b{font-size:9px}.journal-state-row .journal-node small{font-size:8px}.journal-diagram figcaption{display:flex;justify-content:space-between;gap:20px;color:#666666;font:8px monospace;letter-spacing:.6px;margin:28px 0 25px;line-height:1.6}.canvas-summary{border-top-color:#222222}.canvas-summary article>span{color:#747474}.canvas-summary p{color:#939393}.pattern-options button[aria-pressed=true]{background:#1b1b1b;border-color:#555555}.studio-controls{box-shadow:none}.studio-progress button[aria-current]>span{background:#262626;border-color:#555555}.feature-art{background:none;transform:none;perspective:none}.feature-grid article{background:#0d0d0d}.order-art i,.stack-art i,.storage-art i{transform:none;box-shadow:none;background:#151515;border:1px solid #363636;color:#999999;border-radius:3px}.order-art{gap:0}.order-art i{padding:17px 13px;border-radius:0;border-width:0 1px 0 0;background:repeating-linear-gradient(90deg,transparent 0 5px,#333333 5px 6px);height:64px;display:flex;align-items:flex-end;color:#bbbbbb}.order-art i:first-child{border-left:1px solid #777777}.order-art span{margin-left:14px;color:#777777}.stack-art{gap:16px}.stack-art i{position:relative;text-align:center;width:170px;padding:9px}.stack-art i:not(:last-child):after{content:'';position:absolute;top:100%;left:50%;height:16px;border-left:1px solid #474747}.stack-art i:last-child{color:#bbbbbb;border-color:#474747}.storage-art>div i{border-color:#363636}.topology{perspective:none;height:290px;margin-top:25px}.topology-node{transform:none;box-shadow:none;background:#121212;border:1px solid #2e2e2e;border-radius:5px;width:29%;height:88px;padding:13px 10px;top:45px}.topology-node strong{font:10px monospace;color:#aaaaaa}.topology-node small{font:8px monospace;color:#767676;line-height:1.5}.topology-node>span{color:#676767;font-size:8px}.producer{left:0}.coordinator{left:35.5%}.store{left:71%}.topology-wire,.wire-two{transform:none;width:6.5%;top:88px;left:29%;border-top:1px solid #555555}.wire-two{left:64.5%}.topology-wire:after{animation:none;box-shadow:none;width:3px;height:3px;background:#aaaaaa;left:100%;top:-2px}.mini-history{transform:none;left:0;right:0;bottom:60px;gap:0;justify-content:space-between;border-bottom:1px solid #3a3a3a;padding-bottom:13px}.mini-history i{background:repeating-linear-gradient(90deg,transparent 0 5px,#3e3e3e 5px 6px);border:0;box-shadow:none;border-radius:0;padding:10px 8px;color:#aaaaaa;font-size:9px;width:16.66%}.topology-caption{font:8px monospace;letter-spacing:1px;bottom:28px;color:#777777}.topology[data-scenario=partition] .topology-wire{border-color:#777777}.topology[data-scenario=partition] .topology-wire:after{background:#dddddd}.seal-boundary{color:#dddddd}.console{border-radius:6px}.console:before{display:none}.console-body{grid-template-columns:1fr}.console-sidebar,.traffic{display:none}.console-top{background:#0e0e0e;font-family:monospace;color:#898989}.console-top>span:nth-child(2){font-size:0}.console-top>span:nth-child(2):after{content:'FIG. 01 / THE SHARED LOG';font-size:9px;letter-spacing:1px}.explorer{padding:35px 40px 0}.pipeline{margin:38px 0}.clients>div{background:#121212;border-color:#292929;border-radius:3px}.clients b{color:#bbbbbb}.connector{color:#777777}.entries{box-shadow:none;background:transparent;border:0;border-block:1px solid #333333;border-radius:0;height:75px;padding:12px 0;gap:0}.entry{max-width:none;background:repeating-linear-gradient(90deg,transparent 0 7px,#383838 7px 8px);border:0;border-radius:0;position:relative}.entry:before{content:'';position:absolute;left:0;top:0;bottom:0;border-left:1px solid #777777}.entry b,.entry span{background:#0c0c0c;padding:0 4px;color:#aaaaaa}.terminal-line{margin:0 -40px;padding:17px 40px}.announcement{background:#121212}.hero .console{margin-top:20px}.section-label .dot,.dot{box-shadow:none}.source-note{color:#888888}
@media(max-width:1000px){.topology-node{width:29%;padding:10px 7px}.topology-node strong{font-size:8px}.topology-node small{font-size:7px}.store{left:71%}.coordinator{left:35.5%}.source-node,.active-node{width:80%}.journal-state-row{gap:8px}.journal-state-row .journal-node{padding:12px 8px;gap:5px}.journal-state-row .node-symbol{display:none}.journal-node b{font-size:9px}}
@media(max-width:700px){.studio-canvas{padding:25px 20px}.journal-diagram{min-height:440px;margin-top:30px}.journal-heading{font-size:8px}.source-node,.active-node{width:80%}.journal-state-row .journal-node b{font-size:8px}.journal-state-row .journal-node small{font-size:8px}.journal-diagram figcaption{font-size:7px}.topology-node{width:30%;height:90px;padding:10px 8px}.coordinator{left:35%}.store{left:70%;right:auto}.topology-wire{left:30%;width:5%}.wire-two{left:65%}.explorer{padding:24px 16px 0}.terminal-line{margin:0 -16px;padding:14px 16px}.pipeline{margin:28px 0}.console-top{gap:10px}.console-top>span:nth-child(2):after{font-size:8px}.entries{height:65px}.entry span,.entry b{font-size:8px}.hero .console{margin-top:0}}

.journal-state-row:before{content:'';position:absolute;top:-15px;left:25%;right:25%;border-top:1px solid #444444}
.journal-state-row .journal-node{position:relative}.journal-state-row .journal-node:before{content:'';position:absolute;height:15px;top:-16px;left:50%;border-left:1px solid #444444}
.journal-wire:has(+.journal-state-row){height:31px}.journal-wire:has(+.journal-state-row)>span{display:none}.journal-wire:has(+.journal-state-row){background:linear-gradient(#444444 0 16px,transparent 16px);border:0;width:1px}

/* Pierre-inspired typography for identifiers and quiet, utilitarian navigation. */
.nav-links{font-family:monospace;font-size:11px}.section-label,.eyebrow,.card-caption,.studio-header,.studio-progress,.panel-title{font-family:monospace}.announcement{border:0;border-radius:0;padding:0;background:none;font:10px monospace;letter-spacing:.7px}.announcement .dot{border-radius:0;background:#ddd}.brand{letter-spacing:-.8px}.hero-foot>span{font-family:monospace}.button{box-shadow:none}.closing>.eyebrow{font-size:9px}.section-label{letter-spacing:.7px}

/* Service-first explanation: two concrete applications, then their boundaries. */
.service-cases{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid #303030}.service-cases article{padding:32px 32px 32px 0;min-width:0}.service-cases article+article{border-left:1px solid #303030;padding-left:32px}.service-cases .eyebrow,.service-boundaries .eyebrow{font-size:9px;color:#888}.service-cases h3{font-size:22px;margin:20px 0 15px}.service-cases p{font-size:14px}.service-example{display:block;margin:24px 0;padding:15px 0;border-block:1px solid #252525;color:#ccc;font-size:12px;overflow-wrap:anywhere}.service-cases .text-link{font-size:12px}.service-boundaries{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.service-boundaries h3{font-size:17px;margin:14px 0 12px}.service-boundaries p{font-size:12px}.rpc-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:28px 0;border-block:1px solid #303030;margin:25px 0}.rpc-flow h3{font-size:17px;margin:12px 0}.rpc-flow p{font-size:12px}.service-note{font-size:12px;max-width:850px}.rpc-example{display:block;margin:22px 0;color:#ccc;overflow-wrap:anywhere}
@media(max-width:700px){.service-cases,.service-boundaries,.rpc-flow{grid-template-columns:1fr}.service-cases article,.service-cases article+article{padding:26px 0;border-left:0}.service-cases article+article{border-top:1px solid #303030}.service-cases h3{font-size:22px}.service-cases p{font-size:12px}.service-boundaries{gap:26px}.rpc-flow{gap:20px}.service-example{font-size:10px}}

.local-path{padding:35px 0;border-bottom:1px solid #303030}.local-path h3{font-size:26px;margin:18px 0 14px}.local-path>p{max-width:780px;font-size:14px}.local-path-flow{display:flex;align-items:center;gap:22px;margin:25px 0;font:12px monospace;color:#ccc}.local-path-flow span:not([aria-hidden]){padding:14px 18px;border:1px solid #333;border-radius:4px}.local-path>.service-note{font-size:12px;color:#888}@media(max-width:700px){.local-path h3{font-size:22px}.local-path>p{font-size:12px}.local-path-flow{gap:10px;flex-wrap:wrap;font-size:10px}.local-path-flow span:not([aria-hidden]){padding:12px}.local-path>.service-note{font-size:11px}}

.service-cases article:nth-child(odd){border-left:0;padding-left:0}.service-cases article:nth-child(n+3){border-top:1px solid #303030}.service-cases .category-reference{font-size:11px;color:#888}.category-reference a{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.service-cases{grid-template-columns:1fr}.service-cases article+article{padding-left:0;border-left:0}}

/* Use prose typography for navigation; reserve monospace for actual identifiers. */
.nav-links{font-family:inherit;font-size:13px}.hero-copy{max-width:780px}.section-intro>p{font-size:15px;line-height:1.65}.lab .eyebrow{font-family:inherit}.button{transition:background .16s,border-color .16s,color .16s}@media(max-width:700px){.section-intro>p{font-size:13px}}
.core-testing{scroll-margin-top:90px}.testing-layers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px}.testing-layers article{padding:32px 0;border-top:1px solid #2b2b30;min-width:0}.testing-layers h3,.testing-run h3,.testing-scope h3{font-size:21px;letter-spacing:-.4px;margin:14px 0}.testing-layers p,.testing-run p,.testing-scope p{font-size:14px;line-height:1.8;color:#a0a0aa}.testing-example{padding-left:16px;border-left:2px solid #3b3b45}.testing-example strong{display:block;color:#d5d5dc;font-weight:500}.testing-source{display:block;margin-top:22px;font:10px/1.8 monospace;color:#777783;overflow-wrap:anywhere}.testing-run{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:36px;padding:32px;border:1px solid #303038;border-radius:8px;background:#101013}.testing-run pre{margin:0;padding:22px;background:#08090b;border:1px solid #29292f;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#d0d6e5}.testing-scope{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:32px}.testing-scope h3{font-size:16px}.testing-scope p{font-size:13px}.testing-scope code{font-size:11px;overflow-wrap:anywhere}@media(max-width:700px){.testing-layers,.testing-run,.testing-scope{grid-template-columns:minmax(0,1fr);gap:0}.testing-layers article{padding:26px 0}.testing-run{padding:22px;gap:18px}.testing-layers h3{font-size:20px}.testing-scope{gap:12px}.testing-layers p{font-size:13px}}
.testing-papers{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:30px 0;border-top:1px solid #2b2b30;border-bottom:1px solid #2b2b30;margin-top:16px}.testing-papers h3{font-size:21px;margin:14px 0}.testing-papers p{font-size:13px;line-height:1.8;color:#a0a0aa}.testing-paper-links{display:grid;align-content:center;gap:12px}.testing-paper-links a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px;border:1px solid #303038;border-radius:6px;font-size:13px;transition:background .15s}.testing-paper-links a:hover{background:#1a1a20}.testing-paper-links small{font-size:10px;color:#9999a5;white-space:nowrap}@media(max-width:700px){.testing-papers{grid-template-columns:minmax(0,1fr);gap:14px}.testing-paper-links a{align-items:start;flex-direction:column;gap:8px}}