.pc-workbench-section,.pc-setup-section,.pc-capabilities-section,.pc-comparison-section{overflow:hidden}.pc-section-intro{display:grid;grid-template-columns:minmax(150px,.32fr) minmax(0,1fr);gap:8vw;margin-bottom:44px}.pc-kicker{color:#a94a31;font:600 12px/1.2 'Geist Mono',ui-monospace,monospace;letter-spacing:.12em}.pc-section-intro h2{max-width:760px;margin:0}.pc-section-intro p{max-width:680px;margin:18px 0 0;font-size:18px;line-height:1.6;color:#56614f}.pc-workbench{background:#202c25;color:#f6f8ed;border:1px solid #475849;border-radius:16px;box-shadow:0 28px 80px #26372420;overflow:hidden}.pc-workbench-top,.pc-workbench-toolbar,.pc-workbench-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 22px;border-bottom:1px solid #475849}.pc-workbench-top{background:#18221e}.pc-terminal-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#92c66f;box-shadow:0 0 0 4px #92c66f19;margin-right:12px}.pc-mono,.pc-workbench code,.pc-workbench-foot{font:12px/1.4 'Geist Mono',ui-monospace,monospace}.pc-chip{padding:5px 9px;border-radius:20px;background:#d4e8c5;color:#27512e;font:600 12px/1.2 'Geist Mono',ui-monospace,monospace}.pc-workbench-toolbar{justify-content:flex-start;flex-wrap:wrap;background:#25342b}.pc-workbench button{border:1px solid #5b6c5a;border-radius:6px;background:transparent;color:#f3f6e9;padding:9px 12px;font:500 12px/1.2 Hanken,ui-sans-serif,sans-serif;cursor:pointer}.pc-workbench button:hover,.pc-workbench button:focus-visible{background:#3a4c3c;border-color:#a7c68e}.pc-workbench button:disabled{opacity:.38;cursor:not-allowed}.pc-workbench-toolbar button .icon{width:14px;height:14px;vertical-align:-3px;margin-right:5px}.pc-toolbar-divider{height:24px;width:1px;background:#526455}.pc-workbench-grid{display:grid;grid-template-columns:300px 1fr;min-height:410px}.pc-request-panel{border-right:1px solid #475849;background:#25342b}.pc-panel-label{display:flex;justify-content:space-between;gap:12px;color:#9eae9a;font:600 12px/1.3 'Geist Mono',ui-monospace,monospace;letter-spacing:.1em;padding:20px 20px 12px}.pc-request-panel button{display:grid;grid-template-columns:44px 1fr;gap:4px 12px;width:100%;border:0;border-radius:0;border-left:3px solid transparent;text-align:left;padding:14px 18px;background:transparent}.pc-request-panel button.is-selected{background:#35483a;border-left-color:#ef8764}.pc-request-panel button span{color:#ef9b7d;font:600 12px/1.2 'Geist Mono',ui-monospace,monospace}.pc-request-panel button code{grid-column:2;color:#f3f6e9}.pc-request-panel button em{grid-column:2;color:#a9baa4;font:12px/1.2 Hanken,ui-sans-serif,sans-serif;font-style:normal}.pc-request-foot{padding:18px 20px;color:#a8b8a5;font-size:13px;line-height:1.5}.pc-record-panel{background:#f4f6ec;color:#253329;display:grid;grid-template-rows:auto auto 1fr}.pc-record-panel .pc-panel-label{color:#62715f;border-bottom:1px solid #d7dfd0}.pc-record-id{font-weight:400;letter-spacing:0}.pc-record-main{padding:28px 34px}.pc-record-status{display:flex;align-items:center;gap:12px;padding:15px;border-radius:8px;background:#deedd6;color:#2f6240}.pc-record-status.is-negative{background:#f6e1d4;color:#a33827}.pc-status-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#a9d58e}.pc-record-status.is-negative .pc-status-icon{background:#efad86}.pc-status-icon .icon{width:16px;height:16px}.pc-record-status strong,.pc-record-status small{display:block}.pc-record-status strong{font-size:16px}.pc-record-status small{margin-top:3px;color:inherit;font-size:12px}.pc-record-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 0}.pc-record-fields div{border-top:1px solid #d7dfd0;padding-top:9px}.pc-record-fields dt{color:#697767;font:12px/1.2 'Geist Mono',ui-monospace,monospace}.pc-record-fields dd{margin:5px 0 0;color:#2e4332;font:12px/1.3 'Geist Mono',ui-monospace,monospace;overflow-wrap:anywhere}.pc-event-trail{border-top:1px solid #d7dfd0;padding-bottom:18px}.pc-event-trail ol{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:7px 20px 0;list-style:none}.pc-event-trail li{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:start;color:#667363}.pc-event-trail li span{grid-row:span 2;color:#739261;font:12px 'Geist Mono',ui-monospace,monospace}.pc-event-trail li strong{font-size:12px;font-weight:600}.pc-event-trail li em{font-size:12px;font-style:normal}.pc-event-trail li.is-warn{color:#a33827}.pc-workbench-foot{border:0;color:#b6c5b1;background:#18221e}.pc-workbench-foot [data-pc-message]{color:#e6b39d}.pc-caption,.pc-note{color:#687561;font-size:13px;line-height:1.5}.pc-caption{margin:15px 0 0}.pc-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pc-setup-grid>div{padding:26px;border:1px solid #cdd5c5;background:#e8eddf;border-radius:12px}.pc-setup-grid h3{margin:0 0 16px;font-size:22px}.pc-setup-grid .code-window{margin:0}.pc-note{margin:15px 0 0}.pc-setup-links{display:flex;gap:30px;margin-top:26px;flex-wrap:wrap}.pc-setup-links a,.pc-table-link{color:#2d5635;text-decoration:underline;text-underline-offset:5px}.pc-table-wrap{overflow-x:auto;border-top:1px solid #aebaa8;border-bottom:1px solid #aebaa8}.pc-capability-table{width:100%;border-collapse:collapse;min-width:680px}.pc-capability-table th,.pc-capability-table td{padding:18px 14px;border-bottom:1px solid #d3dbcd;text-align:left;font-size:14px;line-height:1.45}.pc-capability-table thead th{color:#687561;text-transform:uppercase;letter-spacing:.08em;font:600 12px 'Geist Mono',ui-monospace,monospace}.pc-capability-table tbody tr:last-child th,.pc-capability-table tbody tr:last-child td{border:0}.pc-capability-table th:first-child{width:190px}.pc-capability-table th a{display:flex;align-items:center;gap:8px;color:#2d5635}.pc-capability-table th a .icon{width:17px;height:17px}.pc-capability-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.pc-capability-notes span{display:flex;gap:8px;color:#53634e;font-size:13px;line-height:1.4}.pc-capability-notes .icon{width:16px;height:16px;color:#a94a31;flex-shrink:0}@media(max-width:900px){.pc-section-intro{grid-template-columns:1fr;gap:16px}.pc-workbench-grid{grid-template-columns:1fr}.pc-request-panel{border-right:0;border-bottom:1px solid #475849}.pc-request-panel>div{display:grid;grid-template-columns:repeat(2,1fr)}.pc-request-foot{display:none}.pc-record-panel{min-height:400px}.pc-capability-notes{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.pc-workbench-top,.pc-workbench-toolbar,.pc-workbench-foot{padding:13px 15px}.pc-workbench-toolbar{gap:7px}.pc-toolbar-divider{display:none}.pc-workbench-grid{min-height:0}.pc-request-panel>div{display:block}.pc-record-main{padding:22px 18px}.pc-event-trail ol{grid-template-columns:1fr;gap:12px}.pc-record-fields{grid-template-columns:1fr;gap:12px}.pc-setup-grid{grid-template-columns:1fr}.pc-setup-grid>div{padding:20px}.pc-capability-notes{grid-template-columns:1fr}.pc-section-intro p{font-size:16px}.pc-workbench-foot{display:block}.pc-workbench-foot [data-pc-message]{display:block;margin-top:7px}}@media(prefers-reduced-motion:reduce){.pc-workbench button{transition:none}}

.pc-section-intro{grid-template-columns:1fr}.pc-section-intro>div{max-width:920px}.pc-request-panel button{border-left:0}.pc-request-panel button[aria-pressed=true]{background:#35483a;outline:1px solid #ef8764;outline-offset:-1px}.pc-workbench-toolbar button[aria-pressed=true]{background:#61402f;border-color:#f4aa88}.pc-workbench-toolbar button:disabled{opacity:1;color:#9fae99;border-color:#5d6b58}.pc-setup-grid>div{padding:0;border:0;background:transparent}.pc-record-panel{min-width:0}.pc-event-trail strong{overflow-wrap:anywhere}.pc-section-intro h2{max-width:24ch}

.pc-record-fields dt,.pc-event-trail li span{color:#52654a}.pc-workbench{box-shadow:none}.pc-record-panel{scroll-margin-top:145px}

/* Service behavior is shown as requests, elapsed time, and a shared saved state. */
#clone-controls,#clone-snapshots { scroll-margin-top: 145px; }
.pc-controls-section { background: #e8eddf; }
.pc-control-row { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 64px; padding-block: 46px; border-top: 1px solid #bac5b3; align-items: center; }
.pc-control-row:last-child { padding-bottom: 0; }
.pc-control-row h3,.pc-world-head h2 { margin: 0; font-size: clamp(29px,3vw,44px); line-height: 1.12; letter-spacing: -.025em; text-wrap: balance; }
.pc-control-row p,.pc-world-head p,.pc-runtime p,.pc-approaches p { color: #56614f; font-size: 16px; line-height: 1.65; max-width: 65ch; }
.pc-control-row p { margin: 20px 0; }
.pc-control-row .pc-note { font-size: 14px; }
.pc-control-example,.pc-clock-example,.pc-world-layout>div { min-width: 0; }
.pc-control-example .code-window { margin: 22px 0 0; }
.pc-request-sequence { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.pc-request-sequence>span { position: relative; padding: 14px 10px; background: #f7f8f2; border-radius: 6px; color: #56614f; font-size: 13px; }
.pc-request-sequence strong { display: block; font: 500 16px/1.5 'Geist Mono',monospace; color: #22664c; margin-top: 7px; }
.pc-request-sequence>.pc-sequence-error { background: #f2d9c9; }
.pc-sequence-error strong { color: #a33827; }
.pc-clock-example { display: flex; gap: 25px; align-items: center; }
.pc-clock-dial { position: relative; flex: 0 0 155px; }
.pc-clock-dial svg { display: block; width: 100%; stroke: #98a88e; stroke-width: 1.5; }
.pc-clock-dial .pc-clock-arc { stroke: #a33827; stroke-width: 5; }
.pc-clock-dial .pc-clock-hand { stroke: #202b23; stroke-width: 2; transform-origin: 90px 90px; transform: rotate(30deg); }
.pc-clock-center { fill: #202b23; stroke: #202b23; }
.pc-clock-dial span { position: absolute; left: 0; right: 0; top: 62%; text-align: center; color: #a33827; font: 500 18px 'Geist Mono',monospace; }
.pc-clock-example>div:last-child { min-width: 0; flex: 1; }
.pc-clock-example>div>strong { font-size: 20px; line-height: 1.3; font-weight: 550; }
.pc-clock-example p { margin: 12px 0 20px; font-size: 14px; }
.pc-clock-example .code-window pre { padding: 18px; }
.pc-retry-figure { margin: 0; padding: 26px; border-radius: 12px; background: #f7f8f2; }
.pc-retry-figure figcaption,.pc-world-figure figcaption { color: #56614f; font-size: 13px; line-height: 1.5; }
.pc-retry-figure ol { margin: 25px 0; padding: 0; list-style: none; }
.pc-retry-figure li { position: relative; padding: 0 0 22px 26px; border-left: 1px solid #a2afa1; margin-left: 4px; }
.pc-retry-figure li:last-child { padding-bottom: 0; border-color: transparent; }
.pc-retry-figure li:before { content: ''; position: absolute; left: -5px; top: 5px; width: 9px; height: 9px; border-radius: 50%; background: #22664c; }
.pc-retry-figure .pc-retry-failed:before { background: #a33827; }
.pc-retry-figure li span { font-size: 14px; line-height: 1.5; }
.pc-retry-figure li strong { display: block; font-size: 15px; font-weight: 550; line-height: 1.5; margin-top: 3px; }
.pc-retry-figure>p { font-size: 13px; margin: 0; padding-top: 20px; border-top: 1px solid #cdd5c5; }
.pc-connect h3 { margin-bottom: 20px; }
.pc-endpoint-path { display: flex; align-items: center; gap: 9px; margin-bottom: 30px; padding: 20px 16px; background: #e8eddf; border-radius: 8px; font-size: 14px; }
.pc-endpoint-path>.icon { width: 16px; color: #a33827; flex: none; }
.pc-connect ol { list-style: none; padding: 0; margin: 0; counter-reset: connect; }
.pc-connect li { position: relative; padding-left: 37px; margin-bottom: 25px; counter-increment: connect; }
.pc-connect li:before { content: counter(connect); position: absolute; left: 0; top: 1px; width: 24px; height: 24px; display: grid; place-items: center; background: #e8eddf; border-radius: 50%; font-size: 13px; }
.pc-connect h4 { margin: 0 0 8px; font-size: 18px; font-weight: 550; line-height: 1.4; }
.pc-connect li p { margin: 0; color: #56614f; font-size: 15px; line-height: 1.65; }
.pc-connect code,.pc-note code { overflow-wrap: anywhere; font-size: .88em; }
.pc-world-section { background: #e8eddf; }
.pc-world-head { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 64px; margin-bottom: 38px; }
.pc-world-head p { margin: 0; font-size: 18px; }
.pc-world-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: start; gap: 40px; }
.pc-world-figure { margin: 0; padding: 24px; border-radius: 12px; background: #f7f8f2; }
.pc-world-map { margin-top: 30px; }
.pc-world-save { margin: auto; width: fit-content; display: grid; grid-template-columns: auto 1fr; gap: 5px 10px; align-items: center; }
.pc-world-save .icon { grid-row: 1/3; width: 25px; height: 25px; color: #a33827; }
.pc-world-save strong { font: 500 15px/1.4 'Geist Mono',monospace; }
.pc-world-save span { color: #56614f; font-size: 13px; }
.pc-world-map>svg,.pc-world-return>svg { display: block; width: 100%; height: 65px; fill: none; stroke: #a33827; stroke-width: 1.5; }
.pc-world-services { display: grid; grid-template-columns: 1fr 1fr; gap: 35px; }
.pc-world-services>div { background: #e8eddf; padding: 18px 12px; border-radius: 8px; text-align: center; }
.pc-world-services .icon { width: 24px; height: 24px; color: #22664c; margin-bottom: 8px; }
.pc-world-services strong { display: block; font-weight: 550; font-size: 18px; }
.pc-world-services span { display: block; margin-top: 8px; font-size: 14px; line-height: 1.65; color: #56614f; }
.pc-world-return>svg { height: 48px; stroke: #98a88e; }
.pc-world-return strong { display: block; text-align: center; margin-top: 10px; font-size: 14px; line-height: 1.5; font-weight: 550; }
.pc-world-layout .code-window { margin: 0; }
.pc-world-layout .pc-note { color: #56614f; font-size: 14px; line-height: 1.65; }
.pc-approaches { display: grid; grid-template-columns: repeat(3,1fr); gap: 35px; margin-bottom: 60px; }
.pc-approaches article { border-top: 1px solid #aebaa8; padding-top: 25px; }
.pc-approaches h3,.pc-runtime h3 { font-size: 24px; margin: 0 0 14px; line-height: 1.2; }
.pc-approaches p { margin: 0 0 20px; }
.pc-approaches a { color: #22664c; font-size: 14px; text-underline-offset: 5px; text-decoration: underline; line-height: 1.5; }
.pc-approaches a .icon { width: 16px; height: 16px; vertical-align: middle; }
.pc-runtime { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; padding: 36px; background: #e8eddf; border-radius: 12px; }
.pc-runtime p { margin: 0 0 20px; }
@media(max-width:1050px) {
  .pc-control-row,.pc-world-head { gap: 32px; }
  .pc-clock-example { flex-direction: column; align-items: stretch; }
  .pc-clock-dial { width: 145px; flex-basis: auto; align-self: center; }
  .pc-world-layout { gap: 25px; }
  .pc-approaches { gap: 25px; }
  .pc-runtime { gap: 30px; padding: 28px; }
}
@media(max-width:760px) {
  .pc-control-row,.pc-world-head,.pc-world-layout,.pc-approaches,.pc-runtime { grid-template-columns: 1fr; }
  .pc-control-row { padding-block: 32px; gap: 20px; }
  .pc-control-row h3 { font-size: 30px; }
  .pc-clock-example { flex-direction: row; align-items: center; gap: 14px; }
  .pc-clock-dial { flex: 0 0 100px; }
  .pc-world-head { gap: 22px; }
  .pc-world-head p { font-size: 16px; }
  .pc-world-layout { gap: 28px; }
  .pc-world-services { gap: 22px; }
  .pc-approaches { gap: 30px; margin-bottom: 35px; }
  .pc-runtime { padding: 24px; gap: 32px; }
}
@media(max-width:460px) {
  .pc-clock-example { flex-direction: column; align-items: stretch; }
  .pc-clock-dial { width: 125px; flex-basis: auto; }
  .pc-request-sequence strong { font-size: 14px; }
  .pc-request-sequence>span { padding: 12px 8px; font-size: 12px; }
  .pc-retry-figure,.pc-world-figure { padding: 20px; }
  .pc-endpoint-path { padding: 17px 12px; gap: 7px; font-size: 13px; }
}