#page-tour{font:inherit;color:var(--cream);border:1px solid var(--rule);border-radius:3px;padding:5px 10px;white-space:nowrap;margin:0 12px;}
#page-tour:hover{background:#fff8e40d;}
#page-tour-overlay{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--cream);overflow:hidden;}
#page-tour-overlay::backdrop{background:transparent;}
.tour-ring{position:fixed;border:3px solid #f04e48;border-radius:45% 5% 39% 4% / 8% 38% 7% 42%;box-shadow:0 0 0 9999px #100d18b8;pointer-events:none;}
.tour-ring[hidden]{display:none;}
.tour-card{position:fixed;width:min(430px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:24px;background:#292331f5;border:1px solid #fff8e455;border-radius:10px;box-shadow:0 12px 48px #0006;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
.tour-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;}
#tour-progress{font-size:10px;letter-spacing:.13em;color:var(--cream-muted);}
#page-tour-overlay button{font:inherit;font-size:14px;border:1px solid var(--rule);border-radius:4px;padding:9px 13px;}
#page-tour-overlay .tour-close{border:0;padding:5px;}
#tour-title{font-size:25px;font-weight:400;line-height:1.15;margin:0 0 12px;letter-spacing:0;}
#tour-copy{font-size:17px;font-weight:300;line-height:1.5;margin:0 0 20px;}
.tour-actions{display:flex;justify-content:space-between;gap:12px;}
#page-tour-overlay .tour-next{background:var(--cream);color:#292331;}
#page-tour-overlay button:disabled{opacity:.3;cursor:default;}
@media(max-width:600px){header{gap:5px;padding-inline:8px;}header>a{font-size:10px!important;}#page-tour{font-size:10px;margin:0;padding:5px;white-space:normal;max-width:125px;line-height:1.2;} .tour-card{padding:20px;}}

#page-tour-overlay.tour-welcome::backdrop{background:#100d18b8;}
.tour-arrow{position:fixed;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;}
.tour-arrow path{fill:none;stroke:#f04e48;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;}

/* Show the complete palette below the compact overview callout. */
body.tour-palette-overview #canvas{scale:.62;transform-origin:center center;}
.tour-content-step .tour-card{width:min(610px,calc(100vw - 28px));padding:18px 22px;}
.tour-content-step .tour-top{margin-bottom:10px;}
.tour-content-step #tour-copy{font-size:16px;line-height:1.4;margin-bottom:12px;}
.tour-content-step #tour-title{font-size:23px;margin-bottom:8px;}
 .tour-invite{position:fixed;inset:0;margin:auto;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:36px;background:#292331;color:var(--cream);border:1px solid #fff8e455;border-radius:14px;box-shadow:0 18px 70px #0007;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;}
.tour-invite::backdrop{background:#100d1875;}
.welcome-eyebrow{font-size:11px;letter-spacing:.19em;color:var(--cream-muted);}
#welcome-title{font-size:29px;line-height:1.2;font-weight:400;margin:18px 0 16px;}
#welcome-copy{font-size:18px;line-height:1.5;font-weight:300;margin:0 0 25px;}
.welcome-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;}
.tour-invite button{padding:12px 16px;border:1px solid var(--rule);border-radius:5px;font-size:15px;}
.tour-invite-start{background:var(--cream);color:#292331;font-weight:600;}
.welcome-note{font-size:13px;line-height:1.4;color:var(--cream-muted);margin:22px 0 0;}
@media(max-width:600px){.tour-invite{padding:28px 22px;}#welcome-title{font-size:26px;}}
@media(max-width:600px){body.tour-palette-overview #canvas{scale:.57;}.tour-content-step .tour-card{padding:14px 18px;}.tour-content-step #tour-copy{font-size:15px;}}