/* The walkthrough is a focused product stage, not a second page. */
.session-tour{width:min(1180px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;margin:auto;border:1px solid #64636a;border-radius:9px;color:#eef1f4;background:#24252a;box-shadow:0 50px 160px #0009,inset 0 1px #ffffff13;overflow:hidden}
.session-tour[open]{display:flex;flex-direction:column;animation:tour-open .4s var(--ease)}
.session-tour::backdrop{background:#101115c9;backdrop-filter:blur(13px);animation:tour-backdrop .35s ease}
.session-tour button{min-height:44px}
.session-tour button:focus-visible,.session-tour pre:focus-visible,.tour-viewport:focus-visible{outline:2px solid #f1b6a9;outline-offset:-4px}
.tour-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-shrink:0;padding:12px 20px 12px 26px;border-bottom:1px solid #ffffff0d;background:linear-gradient(110deg,#313238,#292a2e)}
.tour-brand{display:flex;align-items:center;gap:10px;font-size:12px;color:#c6c8d0}
.tour-brand>.crow{width:35px;height:35px}
.tour-brand span{font-weight:480}.tour-brand i{font-style:normal;color:#81848f;margin:0 12px}
.tour-close{width:44px;flex-shrink:0;border:1px solid transparent;border-radius:4px;background:transparent;font-size:28px;color:#c5c8d2;transition:background .2s,border-color .2s}
.tour-close:hover{background:#ffffff09;border-color:#55565f;color:white}
.tour-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 26px;background:#222328;border-bottom:1px solid #45464d;flex-shrink:0}
.tour-chapters button{position:relative;display:flex;align-items:center;gap:10px;min-height:65px;padding:0 14px;border:0;background:transparent;color:#a6aab5;text-align:left;font-size:13px;transition:color .2s,background .2s}
.tour-chapters button:hover{color:#fff;background:#ffffff03}
.tour-step-number{font-family:JetBrains,monospace;font-size:10px;color:#a3a5af;position:relative;min-width:19px}
.tour-chapters button[aria-current]{color:#f4b0a0;background:linear-gradient(0deg,#ed97870c,transparent)}
.tour-chapters button[aria-current] .tour-step-number{color:#f4b0a0}
.tour-chapters button[data-complete=true] .tour-step-number{font-size:0}
.tour-chapters button[data-complete=true] .tour-step-number::after{content:'✓';font-size:12px;color:#cad1d6}
.tour-chapters button i{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:#66646c;opacity:0}
.tour-chapters button[aria-current] i{opacity:1}
.tour-chapters button[aria-current] i::after{content:'';position:absolute;inset:0 auto 0 0;width:var(--tour-progress,0%);background:#efac9a;box-shadow:0 0 8px #ed97874d}
.tour-body{min-height:0;overflow:auto;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:32px;padding:28px;background:radial-gradient(ellipse at 28% 30%,#ac7d6420,transparent 65%),#24252a;scrollbar-color:#61616b #24252a}
.tour-body{flex:1 1 auto}
.tour-theatre{min-width:0}
.tour-task{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;color:#c0c4ce;line-height:1.5;min-height:22px}
.tour-task-symbol{font-size:20px;line-height:1;color:#ed9787}
.tour-browser{position:relative;background:#1b1d22;border:1px solid #565861;border-radius:5px;box-shadow:0 25px 45px -22px #0008,inset 0 1px #ffffff14;overflow:hidden}
.tour-browser-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:41px;padding:0 17px;border-bottom:1px solid #474951;background:linear-gradient(#34363d,#2c2e34);font-family:JetBrains,monospace;font-size:10px;color:#c0c3ce}
.tour-browser-dots{display:flex;gap:5px}.tour-browser-dots i{width:5px;height:5px;border-radius:1px;background:#989ca8}.tour-browser-dots i:first-child{background:#ed9787}
.tour-browser-count{color:#afb3bf;font-size:9px}
.tour-viewport{height:395px;position:relative;overflow:auto;scrollbar-width:thin;scrollbar-color:#636771 #24252a}
.tour-scene{min-height:100%;animation:tour-scene .45s var(--ease)}
.tour-browser-footer{height:38px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 17px;border-top:1px solid #454750;font-size:9px;line-height:1.4;color:#c0c6d1;background:#26282e}
.tour-browser-footer>span:first-child{display:flex;gap:8px;align-items:center}.tour-browser-footer .dot{width:4px;height:4px}.tour-browser-footer>span:last-child{white-space:nowrap;color:#b6bbc6}
.tour-connect{padding:31px 32px;background:radial-gradient(ellipse at 66% 0%,#8398b116,transparent 75%),#202228}
.tour-connection{display:flex;align-items:center;justify-content:center;gap:17px;margin-bottom:27px}
.tour-endpoint{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:550;white-space:nowrap}
.tour-endpoint>span{font-family:JetBrains,monospace;color:#9fa7b5;font-size:18px}.tour-endpoint>.crow{width:45px;height:45px}
.tour-connection-track{position:relative;height:1px;background:linear-gradient(90deg,#586270,#e9a08c);flex:1;max-width:130px}
.tour-connection-track::before,.tour-connection-track::after{content:'';position:absolute;width:5px;height:5px;border:1px solid #a9b1be;border-radius:50%;top:-2px;background:#202228}.tour-connection-track::after{right:0;border-color:#efa28e}
.tour-connection-track i{position:absolute;width:22px;height:1px;left:0;top:0;background:#ffd8c6;box-shadow:0 0 8px #e8a58e;animation:tour-travel 2.8s ease-in-out infinite}
.session-tour[data-playing=false] .tour-connection-track i{animation-play-state:paused}
.tour-code{border:1px solid #414752;background:#181b20;border-radius:4px;box-shadow:inset 0 1px #ffffff06}
.tour-code>div{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-bottom:1px solid #343942;font-size:10px;color:#aeb6c2}
.tour-code pre{margin:0;padding:20px 18px;color:#e6e9ef;line-height:1.8;font:12px/1.8 JetBrains,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.tour-code-muted{color:#a3acb9}.tour-code-accent{color:#f2ab99}
.tour-device-picker{display:flex;gap:10px;margin-top:21px}.tour-device-picker button{flex:1;display:flex;justify-content:space-between;align-items:center;gap:7px;padding:0 13px;min-height:49px;border:1px solid #505562;border-radius:3px;background:#292d35;font-size:12px;transition:border-color .2s,background .2s}
.tour-device-picker button span{font-size:9px;color:#bbc1cc}.tour-device-picker button[aria-pressed=true]{border-color:#c99282;background:linear-gradient(#443733,#342d2e);box-shadow:inset 3px 0 #ed9787}
.tour-device-hint{font-size:10px;color:#b2b9c5;margin-top:12px;text-align:center;line-height:1.5}
.tour-browse{position:relative;background:#1a1c21;padding:0}
.tour-storefront{min-height:395px;background:#f4f3ee;color:#282a2c;padding:23px 25px;width:100%;margin:auto;transition:width .4s var(--ease)}
.tour-store-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #d5d6d0;gap:12px}.tour-store-header strong{font:700 21px Georgia,serif}.tour-store-header>span{font-size:9px;color:#6d706c}
.tour-store-product{display:grid;grid-template-columns:1fr 45%;gap:22px;margin-top:22px;align-items:stretch}
.tour-collection{font-size:9px;color:#676c62}.tour-store-product h3{font:38px/.99 Georgia,serif;letter-spacing:-.065em;margin-top:14px}
.tour-store-product p{font-size:11px;line-height:1.5;color:#63685f;margin-top:14px;max-width:170px}
.tour-product-price{display:block;font-size:22px;letter-spacing:-.04em;margin-top:20px}.tour-product-price small{font-size:9px;font-weight:400;color:#676b65;letter-spacing:0;margin-left:5px}
.tour-product-availability{display:block;font-size:9px;color:#5f675c;margin-top:8px}
.tour-product-action{display:flex;justify-content:space-between;align-items:center;border:1px solid #b7bdb1;padding:10px 12px;margin-top:19px;font-size:10px}
.tour-store-product img{height:250px;width:100%;object-fit:cover;object-position:66% center;border-radius:3px}
.tour-page-evidence{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #d6d7d0;margin-top:20px;padding-top:14px;font-size:10px;color:#6b7067}
.session-tour[data-device=android] .tour-storefront{width:min(340px,100%);box-shadow:0 0 0 1px #616773,0 10px 40px #0004}
.session-tour[data-device=android] .tour-store-product{gap:13px}.session-tour[data-device=android] .tour-store-product h3{font-size:31px}.session-tour[data-device=android] .tour-storefront{padding:20px 18px}.session-tour[data-device=android] .tour-store-product img{height:235px}
.tour-checkpoint{position:absolute;inset:0;display:grid;place-items:center;padding:24px;background:#181a20c9;backdrop-filter:blur(5px);animation:tour-scene .4s var(--ease)}
.tour-checkpoint-card{max-width:390px;width:100%;border:1px solid #686370;padding:24px 25px 20px;border-radius:5px;background:linear-gradient(130deg,#36343a,#25292f);box-shadow:0 20px 45px #0006;text-align:center}
.tour-checkpoint-icon{display:inline-grid;place-items:center;width:39px;height:39px;font-size:25px;color:#edac98;border:1px solid #857368;border-radius:50%;margin-bottom:14px;background:#503c341c}
.tour-small-label{display:block;color:#eab19f;font-size:11px}.tour-checkpoint-card h3{font-size:26px;line-height:1.1;font-weight:450;letter-spacing:-.04em;margin-top:10px}
.tour-recovery-path{display:flex;align-items:center;gap:10px;margin:23px 0 16px;font-size:10px;color:#e3e6ec}.tour-recovery-path i{height:1px;flex:1;background:#70685f;position:relative;overflow:hidden}.tour-recovery-path i::after{content:'';position:absolute;inset:0;background:#edaa92;transform-origin:left;animation:tour-resolve 2.8s ease infinite}.tour-recovery-path i:nth-of-type(2)::after{animation-delay:1.1s}.session-tour[data-playing=false] .tour-recovery-path i::after{animation-play-state:paused}
.tour-checkpoint-card p{font-size:11px;line-height:1.5;color:#bfc4ce}.tour-inclusion{display:block;border-top:1px solid #505059;margin-top:18px;padding-top:13px;color:#aeb5c1;font-size:9px}
.tour-understand{display:grid;grid-template-columns:1fr .78fr;gap:0;background:#1e2127}
.tour-source{padding:25px 23px;background:#f0efe9;color:#373b3d;min-width:0}.tour-source-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #cdd0c9;padding-bottom:13px}.tour-source-head>span:first-child{font:700 18px Georgia,serif}.tour-source-head>span:last-child{font-size:9px;color:#60675f}
.tour-source h3{font:28px/1.1 Georgia,serif;letter-spacing:-.05em;margin:23px 0 20px}.tour-source p{font-size:12px;line-height:1.85;margin-top:14px}.tour-source mark{background:transparent;color:inherit;border-bottom:1px solid transparent;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .2s,border-color .2s}.tour-source mark[data-active=true]{background:#f1c7b2;border-bottom-color:#8e503d}
.tour-fields{padding:23px 16px;display:flex;flex-direction:column;justify-content:center;gap:12px}.tour-fields button{position:relative;display:flex;flex-direction:column;gap:9px;align-items:start;text-align:left;min-height:89px;padding:15px;border:1px solid #454c58;border-radius:4px;background:#272c35;transition:background .2s,border-color .2s,transform .2s}
.tour-fields button[aria-pressed=true]{border-color:#c09283;background:linear-gradient(110deg,#403633,#2b2b32);transform:translateX(-4px)}.tour-fields button>span{font:9px JetBrains,monospace;color:#b8bfcb}.tour-fields button strong{font-size:21px;font-weight:450;letter-spacing:-.03em}.tour-fields button i{position:absolute;right:12px;top:12px;font-style:normal;color:#dfa792;font-size:15px;opacity:0}.tour-fields button[aria-pressed=true] i{opacity:1}
.tour-return{background:radial-gradient(ellipse at 100% 0%,#869daf16,transparent 60%),#1c2026;padding:22px 25px}
.tour-result-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.tour-result-heading>div{display:flex;align-items:center;gap:10px}.tour-result-check{display:grid;place-items:center;width:25px;height:25px;border:1px solid #829698;border-radius:50%;font-size:12px;color:#c9e1de}.tour-result-heading strong{font-size:14px;font-weight:500}.tour-result-heading button{border:1px solid #55616d;background:#2c323c;border-radius:3px;padding:0 13px;font-size:11px;white-space:nowrap}.tour-result-heading button:hover{background:#373f4b}
.tour-json{max-height:267px;overflow:auto;margin:18px 0 16px;padding:17px 19px;border:1px solid #3f4854;background:#171b20;border-radius:3px;color:#c9d9e5;font:11px/1.7 JetBrains,monospace;tab-size:2;scrollbar-width:thin;scrollbar-color:#67717e #171b20}
.tour-json{white-space:pre-wrap;overflow-wrap:anywhere}.tour-recovery-path span{transition:color .3s;text-underline-offset:5px}.tour-recovery-path span[data-active=true]{color:#ffc2a8;text-decoration:underline;text-decoration-color:#d49d8355}
.tour-mobile-note{display:none}
.tour-result-foot{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#c0c8d3}.tour-copy-status{font-size:10px;color:#efb3a3;line-height:1.5;min-height:15px;margin-top:8px}
.tour-narrative{padding:41px 0 20px;display:flex;flex-direction:column;align-items:start}.tour-chapter-caption{font-size:11px;color:#edac99;margin-bottom:21px}
.tour-narrative h2{font-size:35px;line-height:1.07;letter-spacing:-.045em;font-weight:430;white-space:pre-line}.tour-narrative>p{font-size:14px;line-height:1.65;color:#c2c7d0;margin-top:21px;max-width:32ch}
.tour-takeaway{position:relative;margin-top:30px;padding-top:20px;border-top:1px solid #494b54;width:100%}.tour-takeaway-line{position:absolute;top:-1px;left:0;width:27px;height:1px;background:#eaa78f}.tour-takeaway strong{font-size:13px;font-weight:550}.tour-takeaway p{margin-top:10px;color:#acb3bf;font-size:12px;line-height:1.6;max-width:34ch}.tour-narrative .tour-interaction-hint{margin-top:auto;padding-top:28px;color:#afb5c1;font-size:11px;line-height:1.5}
.tour-controls{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;border-top:1px solid #484952;padding:17px 26px;background:linear-gradient(#2b2d33,#26282e);flex-shrink:0}
.tour-controls>button{display:flex;align-items:center;justify-content:center;gap:15px;width:max-content;padding:0 15px;border:1px solid #50545f;border-radius:3px;background:#30343c;font-size:12px;transition:background .2s,border-color .2s}.tour-controls>button:disabled{opacity:.35}.tour-controls>button:hover:not(:disabled){background:#3d414b;border-color:#737783}
.tour-playback{text-align:center}.tour-playback button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;background:none;font-size:12px;padding:0 14px;min-width:95px}.tour-playback button:hover{color:#f3b4a3}.tour-playback>span{display:block;margin-top:-2px;font-size:9px;color:#b5bbc6;line-height:1.4}.tour-playback [data-tour-play-icon]{font-size:11px;min-width:12px}
.tour-controls .tour-next{justify-self:end;background:linear-gradient(#eca694,#da8e7d);border-color:#e9a692;color:#261e1b;min-width:160px;font-weight:550;box-shadow:inset 0 1px #fff3}.tour-controls .tour-next:hover{background:#f4b6a3;border-color:#f4b6a3}
[data-play-hero] svg{transition:transform .25s var(--ease),color .25s}[data-play-hero]:hover svg{transform:translateX(2px);color:#f2b19f}
@keyframes tour-open{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes tour-backdrop{from{opacity:0}to{opacity:1}}
@keyframes tour-scene{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes tour-travel{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 22px);opacity:0}}
@keyframes tour-resolve{0%{transform:scaleX(0)}70%,100%{transform:scaleX(1)}}
@media(max-width:1050px){.tour-body{grid-template-columns:minmax(0,1fr) 225px;gap:23px;padding:23px}.tour-narrative h2{font-size:30px}.tour-narrative>p{font-size:13px}.tour-connect{padding:30px 21px}.tour-device-picker button{flex-direction:column;align-items:start;justify-content:center;gap:5px;padding-block:9px}.tour-source{padding:23px 17px}.tour-source p{font-size:11px}.tour-fields{padding:20px 12px}.tour-fields button{padding:15px 11px}.tour-fields button>span{font-size:8px}.tour-store-product{gap:16px}.tour-store-product h3{font-size:32px}.tour-storefront{padding:23px 20px}.tour-result-heading{gap:8px}.tour-result-heading strong{font-size:12px}}
@media(max-width:780px){.session-tour{width:calc(100vw - 28px);max-height:calc(100dvh - 28px)}.tour-body{grid-template-columns:1fr;padding:22px;gap:0}.tour-narrative{padding:25px 0 3px;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.tour-chapter-caption{grid-column:1;margin-bottom:12px}.tour-narrative h2{grid-column:1;font-size:30px}.tour-narrative>p{grid-column:1;margin-top:14px;max-width:none}.tour-takeaway{grid-column:2;grid-row:1 / 4;margin-top:0;align-self:center}.tour-narrative .tour-interaction-hint{grid-column:1 / -1;padding-top:16px;font-size:11px}.tour-viewport{height:386px}.tour-chapters{padding:0 16px}.tour-chapters button{gap:6px;padding:0 7px;font-size:12px;min-height:59px}.tour-step-number{font-size:9px;min-width:17px}.tour-controls{padding:14px 20px;gap:12px}.tour-controls .tour-next{min-width:155px}.tour-connect{padding:28px 35px}.tour-device-picker button{flex-direction:row;align-items:center;justify-content:space-between}.tour-storefront{min-height:386px}.tour-source p{font-size:12px}.tour-fields button>span{font-size:9px}}
@media(max-width:520px){.session-tour{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}.tour-header{padding:10px 12px 10px 18px}.tour-brand{gap:6px;font-size:11px}.tour-brand>.crow{width:30px;height:30px}.tour-brand i{margin:0 5px}.tour-chapters{padding:0 12px}.tour-chapters button{min-height:59px;flex-direction:column;justify-content:center;gap:5px;padding:5px 2px;font-size:10px;text-align:center}.tour-step-number{min-width:0}.tour-body{padding:20px 16px}.tour-task{font-size:11px;gap:9px;margin-bottom:14px;align-items:start}.tour-task-symbol{font-size:19px}.tour-browser-bar{font-size:8px;height:35px;padding-inline:12px}.tour-browser-dots{gap:3px}.tour-browser-dots i{width:4px;height:4px}.tour-browser-footer{padding:9px 11px;height:auto;min-height:42px;align-items:start;font-size:8px;gap:9px}.tour-browser-footer>span:first-child{gap:6px}.tour-browser-footer .dot{margin-top:3px}.tour-browser-footer>span:last-child{font-size:8px;text-align:right;max-width:94px;white-space:normal}.tour-viewport{height:385px}.tour-connect{padding:26px 17px}.tour-connection{gap:13px;margin-bottom:24px}.tour-endpoint{font-size:11px;gap:8px}.tour-endpoint>.crow{width:37px;height:37px}.tour-code pre{font-size:10px;padding:20px 13px}.tour-device-picker{gap:8px;margin-top:21px}.tour-device-picker button{flex-direction:column;align-items:start;gap:5px;font-size:11px;min-height:55px;padding:9px 12px}.tour-device-hint{font-size:10px}.tour-storefront{padding:21px 18px;min-height:385px}.tour-store-header strong{font-size:18px}.tour-store-header>span{font-size:8px}.tour-store-product{gap:12px;grid-template-columns:1fr 44%}.tour-store-product h3{font-size:31px}.tour-store-product p{font-size:10px}.tour-store-product img{height:228px}.tour-product-price{font-size:21px}.tour-product-price small{display:block;margin-left:0;margin-top:4px}.tour-product-availability{font-size:8px;line-height:1.5}.tour-product-action{font-size:9px;padding:9px 8px;margin-top:12px}.tour-collection{font-size:8px}.tour-page-evidence{font-size:9px;line-height:1.4}.tour-checkpoint{padding:15px}.tour-checkpoint-card{padding:22px 16px}.tour-checkpoint-card h3{font-size:25px}.tour-recovery-path{gap:8px}.tour-narrative{display:block;padding-top:24px}.tour-chapter-caption{display:block}.tour-narrative h2{font-size:33px;white-space:normal;max-width:290px}.tour-narrative>p{font-size:14px;margin-top:15px}.tour-takeaway{margin-top:22px;padding-top:16px}.tour-takeaway p{max-width:none}.tour-narrative .tour-interaction-hint{padding-top:0;margin-top:20px;font-size:12px}.tour-controls{grid-template-columns:auto 1fr auto;padding:12px 12px max(12px,env(safe-area-inset-bottom));gap:7px}.tour-controls>button{padding:0 11px;gap:7px;font-size:11px}.tour-controls .tour-next{min-width:0;max-width:145px;min-height:48px;text-align:left;line-height:1.2;padding:0 12px}.tour-playback>span{display:none}.tour-playback button{min-width:72px;padding:0 6px;font-size:11px}.tour-understand{grid-template-columns:1fr;min-height:385px}.tour-source{padding:19px 20px}.tour-source-head{padding-bottom:10px}.tour-source h3{font-size:26px;margin:17px 0 12px}.tour-source p{font-size:11px;line-height:1.7;margin-top:12px}.tour-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:13px 10px}.tour-fields button{min-height:78px;padding:11px 8px;gap:8px}.tour-fields button>span{font-family:InterTight,sans-serif;font-size:9px;overflow-wrap:anywhere;line-height:1.2}.tour-fields button strong{font-size:15px;white-space:nowrap}.tour-fields button i{display:none}.tour-fields button[aria-pressed=true]{transform:translateY(-3px)}.tour-return{padding:20px 15px}.tour-result-heading>div{gap:7px}.tour-result-heading strong{font-size:12px}.tour-result-check{width:22px;height:22px;flex-shrink:0}.tour-result-heading button{font-size:10px;padding-inline:9px}.tour-json{font-size:9px;max-height:255px;padding:15px 12px}.tour-result-foot{font-size:9px;gap:10px}}
@media(max-width:360px){.tour-body{padding:17px 12px}.tour-store-product h3{font-size:27px}.tour-storefront{padding-inline:14px}.tour-endpoint>span{font-size:14px}.tour-code pre{font-size:9px}.tour-controls .tour-next{max-width:126px}.tour-narrative h2{font-size:30px}.tour-fields button strong{font-size:13px}.tour-result-heading strong{max-width:110px;line-height:1.3}}
@media(min-width:781px) and (max-height:800px){.session-tour{max-height:calc(100dvh - 24px)}.tour-header{padding-top:6px;padding-bottom:6px}.tour-chapters button{min-height:54px}.tour-body{padding:18px 24px}.tour-controls{padding-top:8px;padding-bottom:8px}.tour-viewport{height:340px}.tour-connect{padding:20px 28px}.tour-connection{margin-bottom:20px}.tour-code pre{padding:16px 18px}.tour-device-picker{margin-top:18px}.tour-narrative{padding-top:40px;padding-bottom:0}.tour-narrative h2{font-size:30px}.tour-narrative>p{font-size:13px;margin-top:15px}.tour-takeaway{margin-top:20px;padding-top:16px}.tour-narrative .tour-interaction-hint{padding-top:15px;font-size:10px}.tour-chapter-caption{margin-bottom:15px}.tour-storefront{min-height:340px}.tour-store-product img{height:216px}.tour-return{padding:16px 22px}.tour-json{max-height:230px;margin:12px 0}.tour-result-heading button{min-height:44px}.tour-result-foot{font-size:9px}.tour-copy-status{margin-top:4px}}
@media(max-width:520px){.tour-body{display:flex;flex-direction:column}.tour-theatre{flex-shrink:0}.tour-narrative{order:-1;flex-shrink:0;padding:0 0 20px}.tour-narrative .tour-chapter-caption{display:none}.tour-narrative h2{font-size:27px;max-width:none;white-space:normal}.tour-narrative>p{font-size:12px;line-height:1.6;margin-top:10px;max-width:none}.tour-narrative .tour-takeaway,.tour-narrative .tour-interaction-hint{display:none}.tour-task{font-size:10px;margin-bottom:12px}.tour-viewport{height:330px}.tour-connect{padding:18px 17px}.tour-connection{margin-bottom:18px}.tour-code pre{padding:15px 13px}.tour-device-picker{margin-top:16px}.tour-understand{min-height:330px}.tour-source{padding:15px 17px}.tour-source h3{margin:14px 0 9px}.tour-source p{margin-top:10px}.tour-fields{padding-block:11px}.tour-mobile-note{display:block;margin:0;padding:0 16px 15px;color:#dec5bc;font-size:10px;line-height:1.6}.tour-result-foot{font-size:9px}.tour-json{max-height:215px}.tour-storefront{min-height:330px}.tour-browser-footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.session-tour,.session-tour::backdrop,.session-tour *{animation:none!important;transition:none!important}}