/* EDITUA site finder — welcome pop-up and guided tour. Same identity as style.css: black on white, mint, square corners. */

.tour-back{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);display:flex;padding:16px;overflow-y:auto}
.tour-welcome{background:#fff;border:2px solid #000;box-shadow:8px 8px 0 var(--mint);max-width:460px;width:100%;padding:22px 22px 18px;margin:auto}
.tour-welcome .tw-brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14px;margin-bottom:16px;flex-wrap:wrap}
.tour-welcome .tw-brand .eka{background:#000;color:#fff;padding:2px 8px;font-weight:900;letter-spacing:.04em}
.tour-welcome .tw-brand .sep{color:var(--faint);font-weight:400}
.tour-welcome h2{font-size:24px;line-height:1.15;margin:0 0 10px;letter-spacing:-.01em}
.tour-welcome p{margin:0 0 12px;font-size:15px}
.tour-welcome .tw-steps{margin:0 0 16px;padding:0;list-style:none;display:grid;gap:6px;font-size:14px}
.tour-welcome .tw-steps li{display:flex;gap:8px;align-items:baseline}
.tour-welcome .tw-steps b{flex:0 0 auto;font-family:var(--mono);font-size:12px;background:var(--mint);padding:0 6px;line-height:20px}
.tour-welcome .tw-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tour-welcome .tw-acts .btn{min-height:44px;font-size:15px;padding:9px 16px}
.tour-welcome .tw-small{font-size:12.5px;color:var(--muted);margin:12px 0 0}

.tour-block{position:fixed;inset:0;z-index:1000;background:transparent}
.tour-spot{position:fixed;z-index:1001;pointer-events:none;box-shadow:0 0 0 9999px rgba(0,0,0,.52);outline:3px solid var(--mint);
  outline-offset:0;transition:left .25s ease,top .25s ease,width .25s ease,height .25s ease}
.tour-spot.none{box-shadow:0 0 0 9999px rgba(0,0,0,.52);outline:0;width:0;height:0;transition:none}
.tour-pop{position:fixed;z-index:1002;background:#fff;border:2px solid #000;box-shadow:6px 6px 0 var(--mint);width:340px;max-width:calc(100vw - 32px);
  padding:14px 16px 12px;max-height:calc(100vh - 32px);overflow-y:auto}
.tour-pop .tp-count{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:var(--muted);margin:0 0 6px}
.tour-pop h2{font-size:17px;margin:0 0 6px;line-height:1.25}
.tour-pop p{margin:0 0 10px;font-size:14.5px;line-height:1.45}
.tour-pop .tp-bar{height:4px;background:var(--line2);margin:2px 0 12px}
.tour-pop .tp-bar i{display:block;height:100%;background:#000;transition:width .25s ease}
.tour-pop .tp-acts{display:flex;align-items:center;gap:8px;position:sticky;bottom:-12px;background:#fff;padding:4px 0 12px;margin:-4px 0 -12px}
.tour-pop .tp-acts .btn{min-height:40px}
.tour-pop .tp-acts .sp{flex:1 1 auto}
.tour-pop .tp-skip{border:0;background:none;padding:6px 2px;font-size:13px;text-decoration:underline;cursor:pointer;color:var(--muted);min-height:40px}
.topnav .tourlink{cursor:pointer}
@media (max-width:820px){ .topnav .tourlink{display:inline-flex;align-items:center;min-height:44px} }

@media (max-width:820px){
  .tour-pop{left:12px !important;right:12px;width:auto;max-width:520px;margin:0 auto;max-height:44vh}
  .tour-pop .tp-acts .btn{min-height:44px}
  .tour-pop .tp-skip{min-height:44px}
  .tour-welcome{padding:18px 16px 14px}
  .tour-welcome h2{font-size:21px}
}
@media (max-height:480px){ .tour-back{padding:6px 16px} .tour-welcome{padding:14px 16px 12px} .tour-welcome .tw-brand{margin-bottom:8px} .tour-welcome h2{font-size:20px;margin-bottom:6px} .tour-welcome .tw-steps{margin-bottom:10px} }
@media (prefers-reduced-motion:reduce){ .tour-spot,.tour-pop .tp-bar i{transition:none} }