.tour-instruction{text-align:center;font-size:var(--text-sm);color:var(--muted);margin:0 auto var(--space-6)}
.tour-shell{max-width:1120px;margin-inline:auto;background:var(--paper);border:1px solid var(--line);box-shadow:0 28px 65px #15203012;text-align:left;position:relative}
.tour-shell::before{content:'';position:absolute;top:-1px;left:-1px;width:52px;height:2px;background:var(--gold)}
.tour-titlebar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:#151a23;color:#f5f7fa}
.tour-brand{display:flex;align-items:center;gap:var(--space-4)}
.tour-brand-mark{font:400 1.8rem/1 var(--font-display);color:#d5bd7c;border-right:1px solid #46505e;padding-right:var(--space-4)}
.tour-brand strong{font:400 var(--text-lg)/1.3 var(--font-display);display:block}
.tour-brand div>span{font-size:var(--text-xs);color:#c0c8d4;display:block;margin-top:var(--space-1)}
.tour-example-label{font-size:var(--text-xs);letter-spacing:.09em;color:#c0c8d4;display:flex;align-items:center;gap:var(--space-2)}
.tour-example-label>i{width:5px;height:5px;display:block;background:#d5bd7c}
.tour-body{display:grid;grid-template-columns:220px 1fr;min-width:0}
.tour-sidebar{background:var(--surface);border-right:1px solid var(--line);padding:var(--space-6) var(--space-4);min-width:0}
.tour-nav-title{font-size:var(--text-xs);letter-spacing:.07em;line-height:1.6;color:var(--muted);padding-inline:var(--space-2);margin-bottom:var(--space-5)}
.tour-task-tabs{display:flex;flex-direction:column;gap:var(--space-2)}
.tour-task-tabs button{display:grid;grid-template-columns:18px 1fr 12px;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-3);min-height:56px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:var(--text-sm);text-align:left;line-height:1.4;transition:background .18s,border-color .18s,color .18s}
.tour-task-tabs button[aria-selected=true]{background:var(--paper);border-color:var(--line);border-left:2px solid var(--gold);color:var(--ink);box-shadow:0 5px 12px #15203005}
.tour-task-tabs button:hover:not([aria-selected=true]){background:var(--wash)}
.task-symbol{font-size:var(--text-lg);font-weight:400;line-height:1;color:var(--gold-text)}
.task-arrow{color:var(--gold-text);font-size:var(--text-xs);opacity:0}
.tour-task-tabs button[aria-selected=true] .task-arrow{opacity:1}
.tour-source-note{display:flex;align-items:flex-start;gap:var(--space-3);border-top:1px solid var(--line);padding:var(--space-6) var(--space-2) 0;margin-top:var(--space-8)}
.tour-source-note .source-icon{flex-shrink:0;margin-top:var(--space-1)}
.tour-source-note p{font-size:var(--text-xs);color:var(--muted);line-height:1.8;margin:0}
.tour-source-note strong{font-weight:500;color:var(--ink)}
.tour-task-panel{min-width:0;padding:var(--space-8);background:var(--paper);min-height:650px}
.tour-screen-heading .eyebrow{font-size:var(--text-xs);letter-spacing:.08em;margin-bottom:var(--space-3)}
.tour-screen-heading h3{font:400 clamp(1.5rem,1.2rem + .8vw,1.9rem)/1.25 var(--font-display);letter-spacing:-.025em;max-width:610px;margin-bottom:var(--space-4)}
.tour-screen-heading>p:last-child{font-size:var(--text-sm);color:var(--muted);max-width:610px;margin-bottom:0;line-height:1.7}
.tour-flow{display:grid;grid-template-columns:.85fr 24px 1.15fr;gap:var(--space-3);align-items:start;margin-top:var(--space-8)}
.tour-input{background:var(--surface);border:1px solid var(--line);padding:var(--space-5);min-width:0}
.tour-block-label{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);line-height:1.5;color:var(--muted)}
.tour-block-label>span{color:var(--gold-text);font-variant-numeric:tabular-nums}
.tour-block-label>strong{font-weight:500}
.tour-input>p{font-size:var(--text-sm);line-height:1.8;margin-top:var(--space-5);margin-bottom:var(--space-5);color:var(--ink)}
.tour-input-source{border-top:1px solid var(--line);padding-top:var(--space-4);font-size:var(--text-xs);line-height:1.6;color:var(--muted)}
.tour-flow-arrow{color:var(--gold-text);padding-top:var(--space-5);font-size:var(--text-lg);text-align:center}
.tour-result{border:1px solid var(--line);border-top:2px solid var(--gold);background:var(--paper);padding:var(--space-5);box-shadow:0 8px 24px #15203006;min-width:0}
.tour-result h4{font:500 var(--text-base)/1.5 var(--font-body);margin:var(--space-5) 0 var(--space-4);letter-spacing:-.01em}
.tour-result-row{padding-block:var(--space-3);border-top:1px solid var(--line)}
.tour-result-row>strong{font-size:var(--text-xs);color:var(--gold-text);font-weight:500;display:block;margin-bottom:var(--space-1)}
.tour-result-row>p{font-size:var(--text-sm);line-height:1.6;color:var(--muted);margin:0}
.tour-value{display:flex;gap:var(--space-5);align-items:baseline;padding-top:var(--space-6);margin-top:var(--space-8);border-top:1px solid var(--line)}
.tour-value-label{font-size:var(--text-xs);letter-spacing:.06em;line-height:1.6;color:var(--gold-text);max-width:110px;flex-shrink:0}
.tour-value p{font-size:var(--text-sm);color:var(--muted);line-height:1.7;margin:0}
.tour-statusbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-6);border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:var(--text-xs);line-height:1.6}
.tour-statusbar>span:first-child{display:flex;align-items:center;gap:var(--space-2)}
.tour-changing{animation:tour-change .35s var(--motion-ease)}
@keyframes tour-change{from{opacity:.6}to{opacity:1}}
@media(max-width:1000px){.tour-body{grid-template-columns:190px 1fr}.tour-task-panel{padding:var(--space-6)}.tour-sidebar{padding-inline:var(--space-3)}.tour-task-tabs button{font-size:var(--text-xs);gap:var(--space-2);padding-inline:var(--space-2)}.tour-flow{grid-template-columns:1fr;gap:var(--space-4)}.tour-flow-arrow{display:none}.tour-input{padding:var(--space-4)}.tour-input>p{margin-block:var(--space-3)}.tour-input-source{padding-top:var(--space-3)}.tour-result{padding:var(--space-4)}.tour-task-panel{min-height:0}}
@media(max-width:760px){.tour-titlebar{padding:var(--space-4);gap:var(--space-3)}.tour-brand{gap:var(--space-3)}.tour-brand-mark{padding-right:var(--space-3)}.tour-brand strong{font-size:var(--text-base)}.tour-example-label{font-size:var(--text-xs);letter-spacing:.03em}.tour-body{grid-template-columns:1fr}.tour-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:var(--space-4)}.tour-nav-title{margin-bottom:var(--space-3);font-size:var(--text-xs)}.tour-task-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.tour-task-tabs button{min-height:58px;grid-template-columns:16px 1fr;gap:var(--space-2);padding:var(--space-3) var(--space-2);font-size:var(--text-xs);border:1px solid var(--line);background:var(--paper)}.tour-task-tabs button[aria-selected=true]{border-color:var(--gold);border-left-width:1px}.task-arrow{display:none}.tour-source-note{display:none}.tour-task-panel{padding:var(--space-5);min-height:0}.tour-screen-heading h3{font-size:1.55rem}.tour-screen-heading .eyebrow{letter-spacing:.06em}.tour-flow{margin-top:var(--space-6)}.tour-value{display:block;margin-top:var(--space-6);padding-top:var(--space-5)}.tour-value-label{display:block;max-width:none;margin-bottom:var(--space-2)}.tour-statusbar{flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-4)}.tour-instruction{font-size:var(--text-sm);padding-inline:var(--space-3)}}
@media(max-width:360px){.tour-brand-mark{display:none}.tour-example-label{letter-spacing:0;font-size:var(--text-xs)}.tour-task-panel{padding:var(--space-4)}.tour-sidebar{padding:var(--space-3)}.tour-task-tabs button{gap:var(--space-1)}}
@media(prefers-reduced-motion:reduce){.tour-changing{animation:none}}