/* The example makes the work behind each process step visible. */
.build-method{background:#f3f0e8;color:#263c32;padding:64px var(--gutter) 34px;scroll-margin-top:30px}.method-wrap{max-width:1404px;margin:auto}.build-method-header{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;align-items:end;margin-bottom:42px}.build-method-header .eyebrow{font:12px/1.5 Arial,sans-serif;margin-bottom:21px}.build-method-header h2{font:450 clamp(40px,4.3vw,65px)/1.04 Bricolage,Arial,sans-serif;letter-spacing:-.045em;margin:0}.method-intro{font:17px/1.6 Arial,sans-serif;max-width:380px;margin:0 0 3px}.method-workbench{display:grid;grid-template-columns:.76fr 1.24fr;gap:6%;align-items:center}.method-stages{list-style:none;padding:0;margin:0;display:grid;gap:5px}.method-step{appearance:none;display:block;width:100%;background:none;color:inherit;border:0;border-left:2px solid #263c3225;text-align:left;padding:23px 22px 24px;cursor:pointer}.method-step-title{font:500 23px/1.2 Bricolage,Arial,sans-serif;letter-spacing:-.025em;display:block;margin-bottom:10px}.method-step-copy{font:15px/1.55 Arial,sans-serif;display:block;max-width:350px;color:#485444}.method-step-short,.method-mobile-explanation{display:none}.method-ready .method-step[aria-pressed=true]{background:#e4e8da;border-left-color:#263c32;border-radius:0 6px 6px 0}.method-step:focus-visible,.method-replay:focus-visible,.method-proof-link:focus-visible{outline:2px solid #8c4327;outline-offset:5px}@media(hover:hover) and (pointer:fine){.method-ready .method-step:hover{background:#e7eadd}.method-replay:hover,.method-proof-link:hover{text-decoration:underline;text-underline-offset:5px}}
.method-figure{margin:0;min-width:0}.method-example{font:12px/1.5 Arial,sans-serif;margin-bottom:13px;color:#485444}.method-visual{background:#dfe5d7;border-radius:12px;position:relative;overflow:hidden}.method-diagram{height:422px;position:relative;pointer-events:none}.method-panel{position:absolute;inset:30px;display:none}.method-panel strong{font-family:Bricolage,Arial,sans-serif;font-weight:500}.method-panel small,.scene-label{font:11px/1.4 Arial,sans-serif}.scene-label{display:block;margin-bottom:14px;color:#485444}.method-ready[data-method-phase="0"] [data-method-art="0"],.method-ready[data-method-phase="1"] [data-method-art="1"],.method-ready[data-method-phase="2"] [data-method-art="2"]{display:block}.method-running .method-panel{display:block!important}.method-accessible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px}.method-ready .method-accessible{display:none}.method-ready[data-method-phase="0"] [data-method-summary="0"],.method-ready[data-method-phase="1"] [data-method-summary="1"],.method-ready[data-method-phase="2"] [data-method-summary="2"]{display:block}.method-captions>span{display:none}[data-method-phase="0"] [data-method-caption="0"],[data-method-phase="1"] [data-method-caption="1"],[data-method-phase="2"] [data-method-caption="2"]{display:inline}.method-figure figcaption{display:flex;justify-content:space-between;align-items:start;gap:22px;margin-top:14px;font:11px/1.5 Arial,sans-serif;color:#485444;min-height:38px}.method-captions{max-width:65%}.method-replay{color:inherit;background:none;border:0;padding:0 0 10px;font:inherit;cursor:pointer;min-height:32px;text-align:right;max-width:150px;flex-shrink:0}.method-replay[hidden]{display:none}.method-proof-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #263c3228;margin-top:27px;padding-top:22px;color:#263c32;font:13px/1.5 Arial,sans-serif;text-decoration:none}.method-proof-link>span{font-size:23px}
/* Need: replace back-and-forth coordination with a bounded first version. */
.scope-comparison{display:grid;grid-template-columns:.9fr 30px 1.1fr;gap:12px;min-height:258px;align-items:start}.scope-before{position:relative}.message-thread{padding-top:6px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:start;gap:9px}.message-thread>span{font:13px/1.4 Arial,sans-serif;background:#fffaf1;padding:12px 14px;border-radius:11px 11px 11px 1px;box-shadow:0 6px 15px #263c3208}.message-thread>span+span{background:#cbd6c5;border-radius:11px 11px 1px 11px;align-self:end}.small-agenda{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;max-width:168px;background:#f3f0e8;border:1px solid #263c3225;padding:12px;transform:rotate(-5deg);margin:20px 0 0 15px;border-radius:4px}.small-agenda>span{grid-column:1/-1;font:10px Arial,sans-serif;margin-bottom:7px}.small-agenda i{height:18px;background:#c5cebe;border-radius:2px}.small-agenda i:nth-child(3),.small-agenda i:last-child{background:#b27b56}.scope-arrow{align-self:center;font:28px Arial,sans-serif;color:#8c5639;margin-top:-25px}.booking-card{background:#fffaf1;border:1px solid #263c321c;border-radius:10px;padding:21px 20px;box-shadow:0 12px 22px #263c320c}.booking-card small{color:#686b57}.booking-card>strong{font-size:25px;line-height:1.1;letter-spacing:-.02em;display:block;margin:9px 0 20px}.day-label{font:11px Arial,sans-serif;display:block;margin-bottom:9px}.time-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.time-slots>span{font:12px Arial,sans-serif;padding:11px 3px;text-align:center;border:1px solid #263c3222;border-radius:5px;white-space:nowrap}.time-slots .unavailable{color:#5f6857;text-decoration:line-through;background:#edece4}.time-slots .chosen{background:#263c32;color:#fffaf1;border-color:#263c32}.chosen b{font-weight:400}.scope-decision{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:#263c32;color:#fffaf1;border-radius:7px;padding:17px 19px;margin-top:21px}.scope-decision>span{font:11px Arial,sans-serif;color:#d6dfcc}.scope-decision>strong{font-size:18px;line-height:1.15;letter-spacing:-.02em}.scope-decision>b{font:18px Arial,sans-serif;color:#ebbc8c}.scope-later{font:11px/1.5 Arial,sans-serif;color:#53624f;margin:12px 0 0}.scope-brief{background:#fffaf1;padding:20px 28px;height:258px}.scope-brief h3{font:400 28px Bricolage,Arial,sans-serif;margin:12px 0 24px}.scope-brief dl{display:grid;grid-template-columns:85px 1fr;gap:16px;font:14px Arial,sans-serif}.scope-brief dd{margin:0}
/* Prototype: an actual route and the return path that the design check reveals. */
.prototype-journey{display:grid;grid-template-columns:1fr 32px 1fr;gap:16px;align-items:center}.wire-screen{border:1.5px dashed #6b7b62;border-radius:7px;padding:17px 18px;min-height:242px;background:#f3f0e840}.wire-top{font:12px/1.4 Arial,sans-serif;display:block;padding-bottom:13px;border-bottom:1px solid #6b7b6250;margin-bottom:16px}.wire-picker>strong{display:block;font-size:17px;margin-bottom:10px}.wire-time{font:13px Arial,sans-serif;border:1px solid #6b7b6255;padding:9px 11px;margin-top:6px;display:flex;justify-content:space-between}.wire-time.selected-time{border:1.5px solid #8e5633;background:#ebbc8c40}.journey-arrow{font-size:26px;text-align:center;color:#8c5639}.review-time{display:flex;align-items:center;justify-content:space-between;gap:5px}.review-time>strong{font-size:26px}.change-time{font:11px Arial,sans-serif;border-bottom:1px solid #8c5639;color:#8c5639;padding-bottom:3px}.review-details{padding:14px 0 17px}.review-details>span{font:10px Arial,sans-serif;display:block;color:#53624f;margin-bottom:5px}.review-details>strong{font:12px Arial,sans-serif;display:flex;justify-content:space-between}.review-details b{color:#526848}.wire-confirm{display:block;border:1px solid #6b7b62;padding:10px 11px;font:12px Arial,sans-serif}.design-feedback{display:flex;align-items:center;gap:17px;background:#f3cfaa;padding:15px 19px;border-radius:8px;margin-top:23px}.feedback-arrow{font:36px Arial,sans-serif;color:#825030}.design-feedback small{color:#6e4a30}.design-feedback strong{display:block;font-size:19px;line-height:1.2;margin:3px 0 4px}.design-feedback p{font:12px/1.4 Arial,sans-serif;margin:0}
/* Working system: the one selected time reaches both views and becomes unavailable. */
.transaction{display:grid;grid-template-columns:.8fr 25px 1fr 25px 1.1fr;gap:8px;align-items:center}.request-time>small{font-size:11px;display:block}.request-time>strong{display:block;font-size:35px;letter-spacing:-.03em;margin-top:6px}.data-connector{height:1px;background:#64755a;position:relative}.data-connector:after{content:'›';position:absolute;right:-2px;top:-11px;font:20px Arial,sans-serif}.availability{border:1px solid #7c8b713f;border-radius:6px;padding:13px 10px;text-align:center}.availability>span{font:11px/1.3 Arial,sans-serif;display:block}.availability>strong{font-size:19px;display:block;margin-top:6px}.record-booking{display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 10px;background:#263c32;border-radius:7px;color:#fffaf1;font:12px/1.4 Arial,sans-serif}.record-check{font-size:21px;color:#ebbc8c}.branch-lines{height:42px;position:relative;margin:0 24%}.branch-lines:before{content:'';position:absolute;left:50%;height:21px;border-left:1px solid #64755a}.branch-lines:after{content:'';position:absolute;left:0;right:0;top:21px;height:21px;border:1px solid #64755a;border-bottom:0;border-radius:5px 5px 0 0}.booking-results{display:grid;grid-template-columns:1fr 1fr;gap:19px}.result-card{background:#fffaf1;border:1px solid #263c321a;border-radius:8px;padding:17px 19px;min-height:169px}.result-card .scene-label{margin-bottom:13px}.result-status{font:12px/1.4 Arial,sans-serif;display:block}.customer-result>strong{font-size:38px;display:block;letter-spacing:-.03em;margin:8px 0 1px}.customer-result>span:last-child{font:11px Arial,sans-serif}.planner-row{display:flex;align-items:center;gap:13px;font:11px Arial,sans-serif;color:#6e7565}.planner-row i{height:1px;background:#263c3222;flex:1}.planner-booking{display:flex;align-items:center;gap:13px;margin:12px -8px;padding:13px 8px;background:#ebbc8c;border-left:2px solid #9e6339}.planner-booking>strong{font-size:21px}.planner-booking>span{font:11px Arial,sans-serif}.booking-test{font:12px/1.45 Arial,sans-serif;display:flex;gap:11px;align-items:center;margin-top:24px}.booking-test>span{font-size:18px}
/* Full content remains available when scripts are unavailable. */
.build-method:not(.method-ready) .method-step{cursor:default}.build-method:not(.method-ready) .method-diagram{height:auto}.build-method:not(.method-ready) .method-panel{display:block;position:relative;inset:auto;min-height:420px;padding:30px;border-bottom:1px solid #263c3225}.build-method:not(.method-ready) .method-captions{display:none}
@media(max-width:1100px){.method-workbench{grid-template-columns:.7fr 1.3fr;gap:4%}.method-step{padding:19px 16px}.method-step-title{font-size:21px}.method-step-copy{font-size:14px}.method-panel{inset:25px}.scope-comparison{grid-template-columns:.85fr 20px 1.15fr;gap:8px}.booking-card{padding:17px 14px}.booking-card>strong{font-size:22px}.message-thread>span{font-size:12px;padding:10px}.scope-decision{gap:10px;padding:15px}.scope-decision>strong{font-size:16px}.prototype-journey{gap:10px;grid-template-columns:1fr 20px 1fr}.wire-screen{padding:14px 12px}.transaction{grid-template-columns:.8fr 14px 1fr 14px 1.1fr;gap:6px}.record-booking{font-size:11px;padding:13px 9px}.result-card{padding:15px 14px}.planner-booking{gap:9px}.method-intro{font-size:16px}.method-replay{max-width:125px}}
@media(max-width:800px){.build-method{padding:44px 24px 27px;scroll-margin-top:0}.build-method-header{display:block;margin-bottom:27px}.build-method-header h2{font-size:40px}.build-method-header .eyebrow{margin-bottom:16px}.method-intro{font-size:15px;line-height:1.55;margin-top:20px;max-width:510px}.method-workbench{display:block}.method-ready .method-stages{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:18px}.method-ready .method-step{border:0;border-bottom:2px solid #263c3220;text-align:center;padding:13px 4px;min-height:46px;border-radius:5px 5px 0 0}.method-ready .method-step[aria-pressed=true]{border-bottom-color:#263c32;border-radius:5px 5px 0 0}.method-ready .method-step-title,.method-ready .method-step-copy{display:none}.method-ready .method-step-short{display:block;font:500 15px/1.3 Bricolage,Arial,sans-serif}.method-mobile-explanation{display:block;min-height:72px;margin-bottom:18px}.method-mobile-copy{display:none;font:15px/1.5 Arial,sans-serif;margin:0;max-width:500px}[data-method-phase="0"] [data-method-copy="0"],[data-method-phase="1"] [data-method-copy="1"],[data-method-phase="2"] [data-method-copy="2"]{display:block}.method-example{font-size:11px;margin-bottom:10px}.method-diagram{height:395px}.method-panel{inset:23px}.method-figure figcaption{font-size:10px;gap:14px;margin-top:12px}.method-proof-link{font-size:12px;margin-top:25px;padding-top:19px}.build-method:not(.method-ready) .method-mobile-explanation{display:none}.build-method:not(.method-ready) .method-stages{margin-bottom:25px}}
@media(max-width:480px){.build-method-header h2{font-size:37px}.method-visual{margin:0 -6px;border-radius:8px}.method-diagram{height:376px}.method-panel{inset:20px 16px}.scope-comparison{grid-template-columns:.9fr 15px 1.1fr;gap:7px;min-height:231px}.scene-label{font-size:10px;line-height:1.35;margin-bottom:12px}.message-thread{gap:7px}.message-thread>span{font-size:11px;line-height:1.35;padding:9px}.small-agenda{margin:22px 4px 0;padding:9px;gap:4px}.small-agenda i{height:13px}.small-agenda>span{font-size:9px;margin-bottom:4px}.scope-arrow{font-size:20px}.booking-card{padding:14px 11px;border-radius:7px}.booking-card small{font-size:9px}.booking-card>strong{font-size:20px;margin:7px 0 16px}.day-label{font-size:10px}.time-slots{grid-template-columns:1fr 1fr}.time-slots>span{font-size:10px;padding:9px 1px}.time-slots .unavailable{grid-column:1/-1}.scope-decision{grid-template-columns:1fr auto;gap:6px 9px;margin-top:16px;padding:13px 14px}.scope-decision>span{grid-column:1/-1;font-size:10px}.scope-decision>strong{font-size:17px}.scope-later{font-size:10px;margin-top:10px}.prototype-journey{grid-template-columns:1fr 14px 1fr;gap:7px}.wire-screen{min-height:218px;padding:12px 10px}.wire-top{font-size:10px;min-height:39px;padding-bottom:9px;margin-bottom:12px}.wire-picker>strong{font-size:15px}.wire-time{font-size:11px;padding:8px}.review-time{flex-wrap:wrap;gap:5px}.review-time>strong{font-size:24px}.change-time{font-size:10px}.review-details{padding:12px 0}.review-details>span{font-size:9px}.review-details>strong{font-size:10px}.wire-confirm{font-size:10px;padding:8px}.journey-arrow{font-size:20px}.design-feedback{margin-top:20px;padding:13px 12px;gap:10px}.feedback-arrow{font-size:29px}.design-feedback small{font-size:9px}.design-feedback strong{font-size:18px}.design-feedback p{font-size:11px;line-height:1.4}.transaction{grid-template-columns:.8fr 9px 1fr 9px 1fr;gap:5px}.request-time>small{font-size:9px;line-height:1.3}.request-time>strong{font-size:28px}.availability{padding:11px 5px}.availability>span{font-size:9px}.availability>strong{font-size:16px}.record-booking{flex-direction:column;gap:3px;padding:9px 6px;font-size:10px;line-height:1.3;text-align:center}.record-check{font-size:18px}.branch-lines{height:38px}.branch-lines:before{height:19px}.branch-lines:after{top:19px;height:19px}.booking-results{gap:11px}.result-card{padding:14px 12px;min-height:164px}.result-status{font-size:11px;min-height:30px}.customer-result>strong{font-size:32px;margin-top:8px}.customer-result>span:last-child{font-size:10px}.planner-row{font-size:10px;gap:8px}.planner-booking{display:block;margin:12px -6px;padding:9px 6px}.planner-booking>strong{font-size:21px;display:block}.planner-booking>span{font-size:10px;display:block;margin-top:3px}.booking-test{margin-top:20px;font-size:11px;gap:8px}.method-captions{max-width:62%}.method-replay{max-width:104px}.method-mobile-explanation{min-height:76px}}
@media(max-width:360px){.build-method{padding-left:20px;padding-right:20px}.method-panel{inset:18px 12px}.method-diagram{height:396px}.booking-card>strong{font-size:18px}.scope-comparison{min-height:245px}.scope-decision>strong{font-size:16px}.scope-later{font-size:9px}.method-ready .method-step-short{font-size:13px}.wire-screen{padding:11px 8px;min-height:235px}.design-feedback strong{font-size:16px}.method-mobile-explanation{min-height:91px}.method-figure figcaption{gap:10px}.method-replay{max-width:96px}.method-captions{max-width:60%}.transaction{grid-template-columns:.8fr 7px 1fr 7px 1fr;gap:4px}.result-card{padding:12px 10px}.booking-test{font-size:10px}}
@media(prefers-reduced-motion:reduce){.build-method *{animation:none!important;transition:none!important}}

/* The return path and saved booking connect the actual source and destination. */
.prototype-return{display:block;width:100%;height:20px;overflow:visible;margin-top:6px}.prototype-return path{fill:none;stroke:#9e6339;stroke-width:1.2;vector-effect:non-scaling-stroke}.design-feedback{margin-top:0}.branch-lines{display:block;width:100%;margin:0;height:42px;overflow:visible}.branch-lines path{fill:none;stroke:#64755a;stroke-width:1;vector-effect:non-scaling-stroke}@media(max-width:480px){.prototype-return{height:18px;margin-top:5px}.branch-lines{height:38px}.design-feedback{margin-top:0}}

.method-step{height:100%}.blocked-slot{font:12px Arial,sans-serif!important;text-decoration:line-through;border:1px solid #263c3230;border-radius:5px;padding:9px 10px;background:#e8e9df;color:#5f6857;flex-shrink:0}.booking-test>span:last-child{font:inherit}
/* Keep all three process controls reachable with enlarged text. */
@media(max-width:800px){.method-ready .method-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.method-step-short{overflow-wrap:anywhere;hyphens:auto}}