.tour-entry{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#292e32;border:1px solid #d5d9dc;border-radius:8px;padding:7px 12px;margin-right:10px;background:#fff;font-size:11px;white-space:nowrap}
.tour-progress{display:flex;align-items:center;gap:4px;flex:none;padding:9px 24px;border-bottom:1px solid #d5d9dc;background:#fafbfb}
.tour-progress ol{display:flex;gap:8px;list-style:none;margin:0;padding:0;flex:1}
.tour-progress li{flex:1;color:#62696f;font-size:11px;display:flex;align-items:center;gap:8px}
.tour-progress .tour-number{display:grid;place-items:center;border:1px solid #d5d9dc;border-radius:50%;height:26px;width:26px;flex:none;background:#fff}
.tour-progress li[aria-current=step]{color:#292e32;font-weight:600}
.tour-progress li[aria-current=step] .tour-number{border-color:#62696f;box-shadow:0 0 0 3px #d5d9dc66}
.tour-progress li.done .tour-number{background:#eef0f0;color:#292e32}
.tour-progress a{color:#62696f;font-size:11px;padding:8px}
.tour-card{background:linear-gradient(145deg,#fff,#f6f7f7);border:1px solid #d5d9dc;border-radius:15px;padding:20px;margin-bottom:24px;box-shadow:7px 7px 20px #292e3208,-5px -5px 18px #fff}
.tour-card .tour-kicker{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#62696f;margin:0 0 8px}
.tour-card h2{font-size:24px;letter-spacing:-.7px;font-weight:400;line-height:1.15;margin:0 0 10px}
/* Step headings receive focus for announcements, but are not interactive controls. */
#tourTitle:focus,#tourTitle:focus-visible{outline:none;box-shadow:none}
.tour-card p{font-size:12px;line-height:1.65;margin:0 0 12px;color:#62696f}
.tour-card .tour-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.tour-card button,.tour-card a{min-height:40px;padding:9px 12px;border:1px solid #d5d9dc;border-radius:9px;color:#292e32;background:#fff;font-size:12px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}
.tour-card button:hover,.tour-entry:hover{border-color:#8c9499;background:#f6f7f7}
.tour-card button:disabled{opacity:.45;cursor:default}
.tour-card .tour-main{width:100%;border-color:#8b949a;font-weight:600;box-shadow:0 2px 4px #292e3208}
.tour-card .tour-small{font-size:11px;padding:5px 8px;min-height:32px}
.tour-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.tour-card .tour-presets button{font-size:11px;padding:8px 3px}
.tour-tip{border-top:1px solid #d5d9dc;padding-top:10px;font-size:11px!important}
.tour-focus{outline:2px solid #70818e!important;outline-offset:4px!important;box-shadow:0 0 0 7px #70818e12!important}
body.tour-mode nav,body.tour-mode #back,body.tour-mode #next,body.tour-mode .sample-ribbon,body.tour-mode #tourEntry,body.tour-mode #help,body.tour-mode #reloadNow,body.tour-mode #saveDraft,body.tour-mode #savedLayoutsButton{display:none}
body.tour-mode main{padding-top:20px}body.tour-mode .workspace-bar{padding-top:10px;padding-bottom:10px}
body.tour-mode footer{grid-template-columns:1fr 130px 150px}
body.tour-mode .workspace{min-height:300px}
body.tour-mode .intro{font-size:12px}body.tour-mode section>h1{font-size:20px}
body.tour-mode .tour-result{font-size:16px;color:#292e32;font-variant-numeric:tabular-nums}
body.tour-mode .tour-safety{font-size:10px;color:#62696f;margin:8px 0 0}
@media(max-width:800px){.tour-progress{padding:10px 14px}.tour-progress li{font-size:10px;gap:5px}.tour-progress ol{gap:4px}.tour-card{padding:15px}.tour-card h2{font-size:22px}}
@media(max-width:600px){.tour-progress{align-items:flex-start}.tour-progress li{flex-direction:column;font-size:9px}.tour-progress a{font-size:10px}.tour-entry{margin-right:4px;padding:6px 8px;font-size:10px}body.tour-mode .workspace{display:flex;flex-direction:column}body.tour-mode main{order:0;overflow:visible}body.tour-mode aside{order:1;height:400px;min-height:400px}body.tour-mode .tour-card{margin-bottom:18px}body.tour-mode footer{grid-template-columns:1fr 110px 120px}body.tour-mode header{grid-template-columns:90px 1fr}body.tour-mode .state{display:block}body.tour-mode.drawing-room main{max-height:none}.tour-progress{position:static}}
@media(prefers-reduced-motion:reduce){.tour-mode *{scroll-behavior:auto!important;transition:none!important}}