/* One focused, user-directed demonstration. Its content also works without motion. */
.product-tour{background:var(--soft);padding:30px;border-radius:28px;text-align:start;overflow:clip}
.tour-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:25px;padding-inline:4px}
.tour-kicker{font-size:0.8125rem;line-height:1.8;color:var(--muted);margin-bottom:8px}
.tour-intro h2{font-size:1.75rem;line-height:1.7}
.tour-intro>p{font-size:0.9375rem;max-width:34ch;color:var(--muted)}
.tour-tabs{display:flex;gap:8px;margin-bottom:24px}
.tour-tabs [role=tab]{display:inline-flex;align-items:center;justify-content:center;gap:10px;position:relative;min-height:52px;padding:10px 24px 17px;font-size:1rem;font-weight:500;color:var(--muted);border-radius:8px 8px 0 0;transition:color 160ms ease,background 160ms ease}
.tour-tabs [role=tab]:after{content:'';position:absolute;inset-inline:20px;inset-block-end:-1px;height:3px;border-radius:2px;background:transparent}
.tour-tabs [role=tab][aria-selected=true]{color:var(--blue)}
.tour-tabs [role=tab][aria-selected=true]:after{background:var(--blue)}
.tour-tabs [role=tab]:hover:not(:disabled){background:#e9e9ed;color:var(--ink)}
.tour-tabs [role=tab]:focus-visible{outline-offset:-3px;z-index:1}
.tour-tabs [role=tab]:disabled{opacity:.7}
.tour-tab-number{font-size:0.8125rem;font-weight:400}
.tour-panels{min-height:532px}
.tour-panel{min-width:0;border-radius:18px}
.tour-panel:focus-visible{outline-offset:6px}
.tour-context{font-size:0.9375rem;color:var(--muted);padding-inline:4px;margin-bottom:20px}
.product-tour .product-workspace{min-height:460px}
.product-tour .workspace-body{padding:34px}
.product-tour .choice-list button,.product-tour .fragment-link{min-height:44px}
.tour-explanation{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;min-height:532px;padding:20px 38px}
.tour-copy{min-width:0}
.tour-copy h3{font-size:1.875rem;line-height:1.75;margin-bottom:20px}
.tour-copy>p:not(.tour-kicker){font-size:1.125rem;line-height:1.95}
.tour-copy .tour-small{font-size:0.875rem!important;color:var(--muted);margin-top:20px}
.tour-explanation .article-fragment,.tour-explanation .hint-demo{height:auto;min-width:0;min-height:380px;border-radius:18px;padding:35px;background:var(--paper)}
.tour-explanation .article-fragment>p:not(.formula){font-size:1.125rem}
.tour-explanation .hint-demo h3{margin-top:23px}
.tour-disclosure,.tour-noscript{font-size:0.8125rem;line-height:1.9;color:var(--muted);margin-top:22px;padding-inline:4px;max-width:100ch}
@keyframes tour-panel-enter{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){html:not([data-reduce-motion=true]) .tour-panel.is-entering{animation:tour-panel-enter 220ms var(--ease)}}
@media(max-width:1100px){.tour-explanation{gap:38px;padding:20px}.tour-copy h3{font-size:1.6875rem}.product-tour .workspace-body{padding:28px}.tour-panels{min-height:535px}}
@media(max-width:850px){.tour-intro{gap:24px}.tour-intro h2{font-size:1.5625rem}.tour-intro>p{font-size:0.875rem;max-width:28ch}.tour-explanation{gap:28px;padding:20px 8px;grid-template-columns:1fr 1.1fr}.tour-explanation .article-fragment,.tour-explanation .hint-demo{padding:25px}.tour-copy h3{font-size:1.5625rem}.tour-copy>p:not(.tour-kicker){font-size:1rem}.tour-tabs [role=tab]{font-size:0.9375rem;padding-inline:18px}.product-tour .product-workspace{min-height:460px}}
@media(max-width:680px){.product-tour{padding:22px 16px;border-radius:22px}.tour-intro{display:block;margin-bottom:20px;padding-inline:4px}.tour-intro h2{font-size:1.5rem}.tour-intro>p{max-width:40ch;margin-top:13px;font-size:0.875rem}.tour-tabs{gap:0;margin-bottom:20px;justify-content:space-between}.tour-tabs [role=tab]{flex:1;gap:5px;padding:8px 5px 15px;min-height:52px;font-size:0.8125rem;white-space:nowrap}.tour-tab-number{display:none}.tour-tabs [role=tab]:after{inset-inline:7px}.tour-panels{min-height:0}.tour-context{font-size:0.875rem;margin-bottom:16px}.product-tour .product-workspace{min-height:0}.product-tour .workspace-body{padding:22px 18px}.product-tour .workspace-heading{flex-wrap:wrap;gap:8px}.product-tour .choice-list{flex-wrap:wrap;gap:8px}.product-tour .choice-list button{flex:1;min-width:72px;min-height:44px;font-size:0.875rem}.tour-explanation{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding:8px 4px;min-height:0}.tour-copy h3{font-size:1.5625rem;margin-bottom:14px}.tour-copy>p:not(.tour-kicker){font-size:1.0625rem}.tour-copy .tour-small{margin-top:14px}.tour-explanation .article-fragment,.tour-explanation .hint-demo{min-height:0;padding:25px 22px}.tour-explanation .article-fragment h3{font-size:1.5rem}.tour-explanation .article-fragment>p:not(.formula){font-size:1.0625rem}.tour-disclosure,.tour-noscript{font-size:0.8125rem;margin-top:20px}.product-tour .question-block .answer-feedback{font-size:0.8125rem;min-height:70px}.product-tour .hint-response{min-height:115px}}
@media(prefers-reduced-motion:reduce){.tour-panel,.tour-tabs [role=tab]{animation:none!important;transition:none!important}}
html[data-reduce-motion=true] .tour-panel,html[data-reduce-motion=true] .tour-tabs [role=tab]{animation:none!important;transition:none!important}