/* Swiss Whale Intelligence — Public Erklärtour styles (apex + /ai/).
 * Separate ids/classes from onboarding.css (#swi-tour-*) so the two tours never
 * clash if ever loaded together. Light-theme tokens from tokens.css. */

#swi-apex-tour-overlay { position: fixed; inset: 0; z-index: 9998; pointer-events: none; display: none; }
#swi-apex-tour-overlay .sat-backdrop {
  position: fixed; inset: 0;
  background: rgba(8, 18, 32, 0.55);
  pointer-events: auto;
  transition: clip-path 0.18s ease;
}
#swi-apex-tour-overlay .sat-tip {
  position: absolute; z-index: 9999;
  width: min(360px, calc(100vw - 32px));
  padding: 16px 18px;
  background: var(--bg-card, #FFFFFF);
  color: var(--text-primary, #042C53);
  border: 1px solid var(--border-card, #E5E5E5);
  border-radius: 10px;
  box-shadow: 0 12px 44px rgba(0,0,0,0.18);
  pointer-events: auto;
  font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
  line-height: 1.5;
}
.sat-counter { font-size: 12px; text-transform: uppercase; letter-spacing: .06em;
  color: var(--text-secondary, #6B6560); margin-bottom: 4px; }
.sat-title { font-size: 17px; margin: 0 0 6px; line-height: 1.3; color: var(--text-primary, #042C53); }
.sat-body  { font-size: 14px; margin: 0 0 14px; color: var(--text-primary, #042C53); }
.sat-btns  { display: flex; gap: 8px; align-items: center; }
.sat-btns .sat-spacer { flex: 1; }
.sat-btns button {
  font: inherit; font-size: 13px; padding: 6px 12px;
  border: 1px solid var(--border-card, #E5E5E5);
  background: #fff; color: var(--text-primary, #042C53);
  border-radius: 6px; cursor: pointer;
  transition: background .12s, border-color .12s;
}
.sat-btns .sat-skip { color: var(--text-secondary, #6B6560); border: none; background: transparent; }
.sat-btns .sat-back:hover { background: var(--bg-secondary, #F7F6F3); }
.sat-btns .sat-next {
  background: var(--accent-primary, #042C53); color: #fff;
  border-color: var(--accent-primary, #042C53);
}
.sat-btns .sat-next:hover { background: var(--accent-primary-hover, #1a5276); border-color: var(--accent-primary-hover, #1a5276); }
.sat-btns button:disabled { opacity: .4; cursor: not-allowed; }

/* Launcher pill (placed by the page templates as [data-tour-launch]) */
.swi-tour-launch {
  display: inline-flex; align-items: center; gap: 6px;
  font: inherit; font-size: 0.82rem; font-weight: 600;
  padding: 6px 14px; margin: 0.4rem 0;
  color: var(--accent-primary, #042C53);
  background: var(--bg-secondary, #F7F6F3);
  border: 1px solid var(--border-card, #E5E5E5);
  border-radius: 999px; cursor: pointer;
  transition: background .12s, border-color .12s, box-shadow .12s;
}
.swi-tour-launch:hover { background: #fff; border-color: var(--accent-primary, #042C53); }

@media (prefers-reduced-motion: reduce) {
  #swi-apex-tour-overlay .sat-backdrop { transition: none; }
}
@media print { #swi-apex-tour-overlay { display: none !important; } }