/* Optional website tour. No app onboarding or signup state is shared. */
.tour-entry{margin:16px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tour-entry button{font:inherit;font-weight:750;cursor:pointer}.tour-entry small{color:var(--muted)}
.tour-invite{display:flex;align-items:center;gap:12px;max-width:530px;margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--mint);font-size:13px}.tour-invite[hidden]{display:none}.tour-invite p{margin:0;flex:1}.tour-invite button{background:none;border:0;text-decoration:underline;color:var(--blue);font:inherit;cursor:pointer;min-height:44px;padding:8px}
#site-tour{color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:0;width:calc(100% - 32px);max-width:1000px;max-height:calc(100dvh - 32px);box-shadow:var(--shadow);overflow:hidden}
#site-tour::backdrop{background:rgba(16,43,58,.65)}#site-tour:not([open]){display:none}.tour-shell{display:flex;flex-direction:column;max-height:calc(100dvh - 34px)}
.tour-head,.tour-nav{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;background:var(--paper)}.tour-head{border-bottom:1px solid var(--line)}.tour-head p{margin:0;color:var(--blue);font-weight:750;font-size:14px}.tour-close{font:inherit;color:var(--blue);border:1px solid var(--line);background:white;border-radius:10px;min-height:44px;padding:8px 12px;cursor:pointer}
.tour-scroll{overflow:auto;overscroll-behavior:contain;padding:24px;min-height:0}.tour-step{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}.tour-step[hidden]{display:none}.tour-copy{min-width:0}.tour-copy h2{font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:-.04em;margin:6px 0 16px;scroll-margin:0}.tour-copy p{color:var(--muted);margin:0 0 16px}.tour-copy .tour-label{font-size:12px;font-weight:750;color:var(--blue);letter-spacing:.04em}.tour-media{display:grid;gap:24px;min-width:0}.tour-media figure{margin:0;max-width:360px;width:100%;justify-self:center}.tour-media img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #102b3a15;background:#edf3f5}.tour-media figcaption{font-size:14px;color:var(--muted);margin-top:12px}.tour-origin{font-size:12px!important}.tour-nav{border-top:1px solid var(--line);flex-wrap:wrap}.tour-nav .button{font:inherit;font-weight:750;cursor:pointer;min-height:46px}.tour-nav button:disabled{opacity:.45;cursor:default}.tour-nav [hidden]{display:none!important}.tour-nav a{text-align:center}.tour-next-actions{display:flex;gap:10px;flex-wrap:wrap}.tour-step h2:focus{outline:2px solid var(--coral);outline-offset:5px}#site-tour :focus-visible,.tour-entry :focus-visible,.tour-invite :focus-visible{outline:3px solid var(--coral);outline-offset:3px}
@media(max-width:640px){#site-tour{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.tour-shell{max-height:calc(100dvh - 18px)}.tour-head,.tour-nav{padding:12px}.tour-scroll{padding:18px 14px}.tour-step{grid-template-columns:1fr;gap:4px}.tour-media figure{max-width:400px}.tour-copy h2{font-size:28px}.tour-nav{gap:8px}.tour-nav .button{padding:8px 12px}.tour-next-actions{flex:1;justify-content:flex-end}.tour-entry{gap:8px}}
@media(prefers-reduced-motion:reduce){#site-tour,#site-tour *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.tour-entry [hidden]{display:none!important}

.tour-more summary{padding:14px;border:1px solid var(--line);border-radius:12px;cursor:pointer;color:var(--blue);font-weight:750;background:white}.tour-more figure{margin:18px auto 0}.tour-more{min-width:0}
