/* Preserve the original Mercury styles; these rules replace removed plugin UI. */
html { scroll-behavior: smooth; }
.pilot-skip-link { position: fixed; top: -100px; left: 12px; z-index: 100000; padding: 12px 18px; background: #fff; color: #111; }
.pilot-skip-link:focus { top: 12px; }
.pilot-dialog-open { overflow: hidden; }
[hidden] { display: none !important; }
[role="button"], .pilot-menu-toggle { cursor: pointer; }
[role="button"]:focus-visible, a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #337aff; outline-offset: 4px; }
.main-menu a[aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; }
.mobile-menu li { position: relative; }
.pilot-menu-toggle { position: absolute; top: 0; right: 0; width: 44px; height: 44px; border: 0; background: transparent; color: inherit; font-size: 24px; line-height: 1; z-index: 2; }
.mobile-menu .menu-item-has-children::after { pointer-events: none; }
.mobile-menu .menu-item-has-children > a { padding-right: 45px; }
.pilot-search-submit { margin-top: 12px; padding: 10px 20px; border: 1px solid currentColor; border-radius: 4px; cursor: pointer; }
.pilot-search-form label { display: block; margin-bottom: 10px; }
.pilot-search-form > div { display: flex; gap: 10px; }
.pilot-search-form input { min-width: 0; flex: 1; padding: 12px; border: 1px solid #ccc; border-radius: 4px; }
.pilot-search-form button { padding: 12px 20px; border: 0; border-radius: 4px; background: #d32f2f; color: white; cursor: pointer; }
#search-results { list-style: none; padding: 0; }
#search-results li { margin: 24px 0; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
#search-results h2 { font-size: 22px; }
.pilot-not-found { padding-top: 60px; padding-bottom: 60px; }
.pilot-demo-notice, .pilot-form-notice { padding: 16px; border: 1px solid #ddd; border-radius: 4px; }
#affiliate-button { display: inline-block; text-decoration: none; }
#affiliate-button:hover { background-color: #388e3c !important; }
#play-demo-button:hover { background-color: #b71c1c !important; }
.pilot-faq-toggle { width: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.pilot-faq-toggle::after { content: '+'; float: right; margin-left: 12px; }
.pilot-faq-toggle[aria-expanded="true"]::after { content: '−'; }
.owl-carousel, .wpsm-team-owl-carousel { display: flex !important; gap: 20px; overflow-x: auto; scroll-snap-type: x proximity; }
.owl-carousel > *, .wpsm-team-owl-carousel > * { flex: 0 0 min(85vw, 360px); scroll-snap-align: start; }
img { max-width: 100%; }
iframe { max-width: 100%; }
.wp-block-table { overflow-x: auto; }
@media (max-width: 600px) { .pilot-search-form > div { flex-direction: column; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
/* Keep article content within small viewports without hiding overflow. */
.space-page-content, .space-page-content-wrap, .space-aces-content-box { min-width: 0; overflow-wrap: anywhere; }
.space-page-content img { height: auto; }
.space-page-content figure { max-width: 100%; margin-left: 0; margin-right: 0; }
@media (max-width: 767px) {
  .space-page-content table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .space-page-content iframe { width: 100%; }
  .pilot-form-notice a { overflow-wrap: anywhere; }
  .pilot-faq-toggle { min-height: 44px; }
}
/* Let translated desktop navigation use the space left by the actual logo. */
@media (min-width: 1200px) {
  .space-header-ins { display: flex; align-items: center; }
  .space-header-ins > .space-header-logo { flex: 0 0 180px; width: 180px; float: none; align-self: stretch; }
  .space-header-ins > .space-header-menu { flex: 1 1 auto; width: auto; min-width: 0; float: none; }
  .space-header-menu ul.main-menu { display: flex; flex-wrap: nowrap; justify-content: space-between; }
  .space-header-menu ul.main-menu > li { flex: 0 0 auto; float: none; }
  .space-header-menu ul.main-menu > li > a { padding-left: 12px; padding-right: 12px; white-space: nowrap; }
}
