.syn-tour{width:100%}.syn-tour__stage{border:1px solid hsl(var(--border));background:hsl(var(--card) / .5);border-radius:22px;min-height:470px;padding:36px 40px 26px;display:flex;overflow:hidden}.syn-tour__slide{grid-template-columns:1fr 1fr;align-items:center;gap:52px;width:100%;display:grid}.syn-tour__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.18em;color:hsl(var(--primary));margin-bottom:14px;font-size:12px}.syn-tour__title{font-family:var(--font-serif,Georgia, serif);color:hsl(var(--foreground));margin:0 0 16px;font-size:clamp(34px,4.4vw,52px);font-style:italic;line-height:1.02}.syn-tour__desc{max-width:46ch;color:hsl(var(--muted-foreground));margin:0 0 22px;font-size:clamp(14.5px,1.2vw,16.5px)}.syn-tour__bullets{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.syn-tour__bullet{color:hsl(var(--foreground));align-items:center;gap:12px;font-size:15px;display:flex}.syn-tour__tick{background:hsl(var(--primary));border-radius:3px;flex:none;width:9px;height:9px}.syn-tour__right{justify-content:center;min-width:0;display:flex}.syn-tour__foot{border-top:1px solid hsl(var(--border));align-items:center;gap:16px;margin-top:14px;padding-top:12px;display:flex}.syn-tour__label{font-family:var(--font-mono);color:hsl(var(--muted-foreground));font-size:12px}.syn-tour__dots{gap:8px;margin:0 auto;display:flex}.syn-tour__dot{background:hsl(var(--muted-foreground) / .4);cursor:pointer;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .16s,background .16s}.syn-tour__dot:hover{background:hsl(var(--muted-foreground) / .7)}.syn-tour__dot--active{background:hsl(var(--primary));width:26px}.syn-tour__nav{gap:8px;display:flex}.syn-tour__arrow{border:1px solid hsl(var(--border));width:40px;height:34px;color:hsl(var(--foreground));cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.syn-tour__arrow:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}.syn-tour__arrow--primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:#0000}.syn-tour__arrow-ic{display:inline-flex}.syn-tour__arrow-ic--flip{transform:rotate(180deg)}.tour-lib{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;max-width:460px;display:grid}.tour-lib__card{border:1px solid hsl(var(--border));background:hsl(var(--card));color:inherit;border-radius:14px;flex-direction:column;gap:6px;padding:14px;text-decoration:none;transition:border-color .14s,transform .14s;display:flex}.tour-lib__card:hover{border-color:hsl(var(--primary));transform:translateY(-2px)}.tour-lib__card:hover .tour-lib__name{color:hsl(var(--primary))}.tour-lib__thumb{color:#fff;border-radius:10px;justify-content:center;align-items:center;height:78px;display:flex}.tour-lib__thumb--a{background:linear-gradient(135deg,#1f6f64,#2f9c8b)}.tour-lib__thumb--b{background:linear-gradient(135deg,#14532d,#2f855a)}.tour-lib__thumb--c{background:linear-gradient(135deg,#92610f,#c78f2d)}.tour-lib__thumb--d{background:linear-gradient(135deg,#1e3a8a,#3b82c4)}.tour-lib__mark{width:40px;height:40px}.tour-lib__name{color:hsl(var(--foreground));font-size:15px;font-style:italic;font-weight:600;transition:color .14s}.tour-lib__sub{font-family:var(--font-mono);color:hsl(var(--muted-foreground));font-size:10px}.tour-code{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:14px;width:100%;max-width:460px;overflow:hidden}.tour-code__bar{border-bottom:1px solid hsl(var(--border));align-items:center;padding:10px 12px;display:flex}.tour-code__langs{gap:6px;display:flex}.tour-code__lang{color:hsl(var(--muted-foreground));border-radius:999px;padding:3px 10px;font-size:12px}.tour-code__lang--active{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.tour-code__run{color:hsl(var(--primary));margin-left:auto;font-size:12px;font-weight:600}.tour-code__body{font-family:var(--font-mono);color:#d7dce2;background:#0e1116;padding:14px 12px;font-size:13px}.tour-code__line{gap:12px;line-height:1.7;display:flex}.tour-code__ln{text-align:right;color:#4b5563;flex:none;width:14px}.tour-code__src{white-space:pre}.tk-kw{color:#5ad3b8}.tk-fn{color:#6bb8f0}.tk-num{color:#d99a5c}.tk-op{color:#9aa4b2}.tour-code__out{border-top:1px solid hsl(var(--border));align-items:baseline;gap:10px;padding:10px 12px;display:flex}.tour-code__out-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--muted-foreground));font-size:10px}.tour-code__out-val{font-family:var(--font-mono);color:hsl(var(--primary));font-size:13px}.tour-reader{border:1px solid hsl(var(--border));background:hsl(var(--card));border-radius:14px;grid-template-columns:1.05fr 1.35fr auto;gap:12px;width:100%;max-width:470px;padding:14px;display:grid}.tour-reader__nav{flex-direction:column;gap:6px;display:flex}.tour-reader__eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;color:hsl(var(--muted-foreground));margin-bottom:2px;font-size:9px}.tour-reader__chapter{color:hsl(var(--muted-foreground));border-left:2px solid #0000;padding:3px 8px;font-size:11.5px}.tour-reader__chapter--active{color:hsl(var(--primary));border-left-color:hsl(var(--primary));background:hsl(var(--primary) / .08)}.tour-reader__page{flex-direction:column;gap:7px;min-width:0;display:flex}.tour-reader__crumb{font-family:var(--font-mono);color:hsl(var(--muted-foreground));font-size:9px}.tour-reader__title{color:hsl(var(--foreground));font-size:21px;font-style:italic;font-weight:600}.tour-reader__text{color:hsl(var(--muted-foreground));margin:0;font-size:11px;line-height:1.55}.tour-reader__bar{background:hsl(var(--muted) / .7);border-radius:999px;height:7px}.tour-reader__pager{color:hsl(var(--primary));justify-content:space-between;margin-top:4px;font-size:10.5px;display:flex}.tour-reader__mini{flex-direction:column;justify-content:center;gap:5px;display:flex}.tour-reader__mini-bar{background:hsl(var(--muted) / .7);border-radius:999px;width:5px;height:26px}.tour-reader__mini-bar--on{background:hsl(var(--primary))}.tour-viz{width:100%;max-width:460px}.tour-viz .viz-widget-host{margin:0}@media (width<=900px){.syn-tour__slide{grid-template-columns:1fr;gap:28px}.syn-tour__stage{min-height:0;padding:24px 20px 18px}.syn-tour__right{justify-content:flex-start}.tour-lib,.tour-code,.tour-reader,.tour-viz{max-width:none}}@media (width<=520px){.syn-tour__label{display:none}}