/* Onboarding tour popovers, matched to the site's petrol and cyan palette */
.driver-popover.mcd-tour {
  background: #0e2a30;
  color: #e3eeee;
  border: 1px solid rgba(92, 198, 214, 0.45);
  border-radius: 8px;
  max-width: 320px;
  font-family: var(--md-text-font-family, "IBM Plex Sans", system-ui, sans-serif);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}
.driver-popover.mcd-tour .driver-popover-title { font-size: 1rem; font-weight: 600; color: #eef5f5; letter-spacing: -0.01em; }
.driver-popover.mcd-tour .driver-popover-description { font-size: 0.85rem; line-height: 1.55; color: #bfd0d0; }
.driver-popover.mcd-tour .driver-popover-progress-text {
  font-family: var(--md-code-font-family, "IBM Plex Mono", monospace);
  font-size: 0.7rem; letter-spacing: 0.08em; color: #5cc6d6;
}
.driver-popover.mcd-tour .driver-popover-footer button {
  font-family: inherit; font-size: 0.8rem; text-shadow: none;
  border-radius: 4px; padding: 6px 12px;
  background: transparent; color: #5cc6d6; border: 1px solid #5cc6d6;
}
.driver-popover.mcd-tour .driver-popover-footer .driver-popover-next-btn { background: #5cc6d6; color: #0b2a30; font-weight: 600; }
.driver-popover.mcd-tour .driver-popover-close-btn { color: #87a0a0; }
.driver-popover.mcd-tour .driver-popover-close-btn:hover { color: #5cc6d6; }
.driver-popover.mcd-tour .driver-popover-arrow-side-bottom { border-bottom-color: #0e2a30; }
.driver-popover.mcd-tour .driver-popover-arrow-side-top { border-top-color: #0e2a30; }
.driver-popover.mcd-tour .driver-popover-arrow-side-left { border-left-color: #0e2a30; }
.driver-popover.mcd-tour .driver-popover-arrow-side-right { border-right-color: #0e2a30; }
.driver-popover.mcd-tour--announce .driver-popover-title::before {
  content: "Guide"; display: block; margin-bottom: 0.4rem;
  font-family: var(--md-code-font-family, "IBM Plex Mono", monospace);
  font-size: 0.65rem; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; color: #5cc6d6;
}
.md-typeset .mcd-tour-link { font-size: 0.8rem; margin-top: 0.4rem; }
