/* Two separate monitor surfaces; reading and scroll navigation stay on the left. */
.tour-pin{gap:32px;border:0;background:none;box-shadow:none;grid-template-columns:.92fr 1.12fr;height:min(calc(100svh - 160px),800px);min-height:610px;isolation:auto}
.tour-copy,.tour-visual{border:1px solid #52718499;border-radius:4px;box-shadow:1px 2px 0 #314452,7px 9px 0 #030a13,18px 25px 45px #0009;overflow:hidden}
.tour-copy{padding:27px;background:linear-gradient(135deg,#142334fa,#0a1523fa)}.tour-copy h2{font-size:clamp(40px,4.7vw,64px);margin:16px 0 18px}.tour-outcome{margin:16px 0 22px;font-size:11px}.step-copy{font-size:12px}.step-facts{margin-top:17px;gap:8px}.project-links{padding-top:22px}.tour-copy .tour-progress{margin-top:22px;padding:18px 0 0;background:transparent;border-top:1px solid #557a8e66;flex-shrink:0}.tour-progress .progress-caption{font-size:7px;gap:8px}.tour-progress .step-controls{margin-top:12px;gap:3px}.step-controls button{min-height:44px;min-width:44px;font-size:7px;padding:8px 3px}.step-controls button b{font-size:7px}.tour-visual{background:linear-gradient(145deg,#132034f5,#08131ff7)}.visual-stage.has-demo{container-type:normal;padding:18px;min-height:0}.visual-stage.has-demo>div{width:100%;height:100%;min-height:0}.visual-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid #41647966;flex-shrink:0;background:#0a1421e8}.visual-actions .visual-cue{flex:1 0 100%;padding:0;font-size:7px;line-height:1.5}.visual-actions button{min-height:36px;background:#162a38;border:1px solid #496e8188;color:#a6cbd6;font:8px var(--mono);letter-spacing:.03em;padding:8px 12px}.visual-actions button:hover{border-color:var(--accent);color:var(--accent)}.visual-actions button:disabled{opacity:.5;cursor:default}.visual-topline{gap:12px;line-height:1.6;font-size:7px;min-height:48px;padding:16px 20px}.visual-topline>span:last-child{max-width:52%;text-align:right}.category-bar{position:relative;z-index:2}.category-footer{background:#08101be8}.category-manual .tour-pin{min-height:0}.category-manual .tour-visual{min-height:540px}.category-manual .tour-copy{min-height:540px}
@media(max-width:1000px) and (min-width:701px){.tour-pin{gap:22px;grid-template-columns:.9fr 1.1fr}.tour-copy{padding:22px}.tour-copy h2{font-size:45px}.tour-outcome{font-size:10px}.step-copy{font-size:11px}.step-facts{font-size:10px}.visual-stage.has-demo{padding:10px}.visual-topline{font-size:6px;padding:14px}.visual-actions{padding:12px}.step-controls button{font-size:6px}}
@media(max-width:700px){.tour-pin{gap:18px;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:calc(100svh - 112px);min-height:685px;top:82px}.tour-copy{padding:17px 19px;overflow:visible;display:grid;gap:0 10px}.tour-copy h2{font-size:34px;line-height:.97;margin:10px 0}.tour-copy .step-number{margin-top:11px}.tour-copy .step-copy{font-size:10px;line-height:1.55}.tour-copy .step-facts{font-size:8px;gap:4px;margin-top:9px}.tour-copy .project-links{font-size:7px;padding:0;margin-top:10px;gap:4px}.tour-copy .tour-progress{grid-column:1/-1;margin-top:13px;padding-top:12px}.tour-progress .progress-caption{font-size:6px;margin-bottom:8px}.tour-progress .step-controls{margin-top:5px;padding-bottom:0}.step-controls button{font-size:6px;min-height:42px;min-width:34px;padding:6px 2px}.step-controls button b{font-size:6px;margin-bottom:4px}.visual-topline{font-size:5px;padding:10px 13px;min-height:30px}.visual-stage.has-demo{padding:10px}.visual-actions{padding:9px 12px;gap:6px}.visual-actions .visual-cue{font-size:6px;flex:1 1 120px}.visual-actions button{font-size:6px;min-height:32px;padding:6px 8px}.tour-visual{min-height:300px}.category-manual .tour-copy{min-height:0}.category-manual .tour-visual{min-height:350px}.category-manual .tour-pin{height:auto;grid-template-rows:auto 350px}.project-count{font-size:7px}.category-main{padding-bottom:0}.branch-merge{margin-top:10px}}
@media(max-width:380px){.tour-copy{padding:14px}.tour-copy h2{font-size:31px}.tour-pin{gap:14px}.visual-actions .visual-cue{font-size:5px}}
@media(prefers-reduced-motion:reduce){.tour-pin{height:auto;min-height:0}.tour-copy,.tour-visual{min-height:540px}@media(max-width:700px){.tour-copy{min-height:0}.tour-visual{min-height:350px}}}
/* Persistent branch invitation reuses the other category's header link. */
.category-header nav{align-items:center}.category-header nav .branch-switch{display:inline-flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #a8b4a247;border-radius:3px;background:#101412e8;color:#e9e8df;font:8px var(--mono);letter-spacing:.05em;box-shadow:0 3px 9px #0002;transition:border-color .18s,background .18s,transform .18s}.branch-switch>span{font-size:6px;color:#a8b4a2}.branch-switch>strong{font-weight:500}.branch-switch>i{font-style:normal;color:#dc7047;animation:branch-invitation 3.6s ease-in-out infinite}.category-header nav .branch-switch:hover{border-color:#a8b4a2;background:#202720;transform:translateY(-1px)}.branch-switch:focus-visible{outline:2px solid #dc7047;outline-offset:4px}.category-main{transition:opacity .14s ease,transform .14s ease}.branch-leaving .category-main{opacity:.2;transform:translateY(5px);pointer-events:none}.branch-leaving .branch-switch>i{animation:none}
@keyframes branch-invitation{0%,68%,100%{transform:translate(0,0);opacity:.7}78%{transform:translate(2px,-2px);opacity:1}88%{transform:translate(0,0);opacity:.7}}
@media(max-width:700px){.category-header nav .branch-switch{padding:7px 8px;gap:6px;font-size:7px}.branch-switch>span{display:none}}
@media(prefers-reduced-motion:reduce){.branch-switch,.category-main{transition:none}.branch-switch>i{animation:none}.branch-leaving .category-main{opacity:1;transform:none}}