.garden-foot-actions { display:flex; flex-wrap:wrap; gap:8px 24px; align-items:center; }
.garden-foot-actions .garden-link { min-height:44px; }
html.tour-open { overflow:hidden; }
/* A transparent native modal makes the page inert. A shadow around the cutout
   dims the page without cloning its live art or moving the consent banner. */
.garden-tour { position:fixed; inset:0; width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:0; border:0; background:transparent; overflow:hidden; color:#4A3B43; }
.garden-tour::backdrop { background:transparent; }
.tour-spotlight { position:fixed; box-sizing:border-box; border:2px solid #B85C79; border-radius:16px; box-shadow:0 0 0 200vmax rgba(42,30,36,.22),0 0 0 4px rgba(184,92,121,.12); pointer-events:none; }
.tour-card { position:fixed; box-sizing:border-box; padding:18px 20px; background:#fff; border:1.5px solid #EBD7E5; border-radius:22px; box-shadow:0 10px 30px rgba(184,92,121,.12); overflow:auto; font:400 15px/1.5 Figtree,sans-serif; }
.garden-tour:not([data-ready="true"]) .tour-card,.garden-tour:not([data-ready="true"]) .tour-pointer { visibility:hidden; }
.tour-eyebrow { font:500 10px/1.5 'DM Mono',monospace; color:#8E3F5A; letter-spacing:.04em; }
#tour-step { margin:10px 0 16px; }
.tour-actions { display:flex; gap:10px; }
.tour-actions button { flex:1; min-height:44px; font:600 14px Figtree,sans-serif; }
#tour-skip { display:block; min-height:44px; margin:4px auto -8px; font-size:13px; }
.tour-pointer { position:fixed; width:10px; height:10px; background:#fff; transform:rotate(45deg); pointer-events:none; }
.garden-tour[data-side="below"] .tour-pointer { border-top:1.5px solid #EBD7E5; border-left:1.5px solid #EBD7E5; }
.garden-tour[data-side="above"] .tour-pointer { border-bottom:1.5px solid #EBD7E5; border-right:1.5px solid #EBD7E5; }
.tour-enter { animation:tour-rise .24s ease-out both; }
@keyframes tour-rise { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media(prefers-reduced-motion:reduce) { .tour-enter { animation:none; } }
.garden-tour[data-side="left"] .tour-pointer { border-top:1.5px solid #EBD7E5; border-right:1.5px solid #EBD7E5; }