.product-tour{--tour-paper:#f3f6f3;--tour-panel:#fff;--tour-ink:#21362d;--tour-muted:#475e53;--tour-line:#d4e0d8;--tour-active:#dcebe1;min-height:100svh;color:var(--tour-ink);background:var(--tour-paper);padding:24px clamp(16px,5vw,64px) 36px}html[data-my-theme=dark] .product-tour{--tour-paper:#19231f;--tour-panel:#25332c;--tour-ink:#f0f6f1;--tour-muted:#c6d8cd;--tour-line:#43594e;--tour-active:#385747}.tour-header,.tour-intro,.tour-demo,.tour-footer{max-width:960px;margin-inline:auto}.tour-header{border-bottom:1px solid var(--tour-line);padding-bottom:18px}.tour-intro{padding-block:clamp(28px,6vw,64px) 24px}.tour-intro h1{letter-spacing:-.05em;font-size:clamp(36px,7vw,64px)}.tour-intro p,.tour-content p,.tour-footer{color:var(--tour-muted)}.tour-intro p{max-width:58ch;margin-top:8px;font-size:17px}.tour-demo{border:1px solid var(--tour-line);background:var(--tour-panel);border-radius:14px;overflow:hidden}.tour-tabs,.tour-days{flex-wrap:wrap;gap:8px;display:flex}.tour-tabs{border-bottom:1px solid var(--tour-line);padding:12px}.tour-demo button,.tour-demo select{border:1px solid var(--tour-line);min-height:42px;color:var(--tour-ink);background:var(--tour-panel);border-radius:8px;padding:8px 12px}.tour-demo button{align-items:center;gap:6px;display:inline-flex}.tour-demo button[aria-pressed=true]{background:var(--tour-active);font-weight:700}.tour-content{padding:clamp(16px,4vw,34px)}.tour-content h2{font-size:24px}.tour-days,.tour-items,.tour-board,.tour-days+h3{margin-top:16px}.tour-items{padding:0;list-style:none}.tour-items li{border-top:1px solid var(--tour-line);gap:14px;padding:12px 0;display:flex}.tour-items time{font-variant-numeric:tabular-nums;font-weight:700}.tour-progress{align-items:center;gap:6px;margin-top:12px;display:flex}.tour-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.tour-board section{background:var(--tour-paper);border-radius:8px;padding:10px}.tour-board article{border:1px solid var(--tour-line);background:var(--tour-panel);border-radius:8px;margin-top:8px;padding:10px}.tour-board select{width:100%;margin-top:8px}.tour-footer{margin-top:16px;font-size:13px}.tour-footer a{text-decoration:underline}@media (max-width:620px){.tour-board{grid-template-columns:1fr}}