/* Customer-facing readiness layer.
   The normal preview contains only verified, usable destinations. Adding
   ?review=1 restores preserved HOLD areas for owner review. */

[data-public-hidden],
[data-review-only] {
  display: none !important;
}

.public-quiz-intro {
  max-width: 760px;
  margin-bottom: var(--space-8);
}

.public-quiz-intro .section-title {
  margin-block: var(--space-3) var(--space-5);
}

.customer-paths-note {
  max-width: 62ch;
  margin-top: var(--space-5);
  color: var(--color-text-muted);
  line-height: 1.65;
}

.road-bible-lead {
  width: 100%;
  padding: var(--space-6);
  border: 1px solid rgb(245 166 35 / 0.38);
  border-radius: var(--radius-lg);
  background: rgb(10 10 10 / 0.72);
}

.road-bible-lead[hidden] { display: none !important; }
.road-bible-lead__title { margin: 0 0 var(--space-2); color: var(--color-text); font-family: var(--font-display); font-size: var(--text-lg); text-transform: uppercase; }
.road-bible-lead__copy { margin: 0 0 var(--space-5); color: var(--color-text-muted); line-height: 1.6; }
.road-bible-lead__form > label:first-child { display: block; margin-bottom: var(--space-2); color: var(--color-text); font-family: var(--font-mono); font-size: var(--text-xs); text-transform: uppercase; }
.road-bible-lead__row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-3); }
.road-bible-lead__row input { min-height: 48px; padding: var(--space-3) var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-bg); color: var(--color-text); }
.road-bible-lead__consent { display: flex; align-items: flex-start; gap: var(--space-3); margin-top: var(--space-4); color: var(--color-text-muted); font-size: var(--text-xs); line-height: 1.55; }
.road-bible-lead__consent input { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 0.1rem; accent-color: var(--color-primary); }
.road-bible-lead__consent a { color: var(--color-primary); }
.road-bible-lead__honeypot { position: absolute !important; left: -9999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.road-bible-lead__message { margin: var(--space-3) 0 0; color: var(--color-text-muted); }
.road-bible-lead__message[data-error="true"] { color: #ffd2d2; }
.road-bible-lead__success { color: var(--color-text); }
.road-bible-lead__success p { margin: 0 0 var(--space-4); }

@media (max-width: 640px) {
  .road-bible-lead__row { grid-template-columns: 1fr; }
  .road-bible-lead__row .btn { width: 100%; }
}

.c19-host-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 28%;
}

html:not([data-review="1"]) .site-nav a,
html:not([data-review="1"]) .logo-mark,
html:not([data-review="1"]) .c19-floating-player button,
html:not([data-review="1"]) .c19-floating-player a {
  min-height: 44px;
}

html:not([data-review="1"]) .site-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  padding-inline: 0.25rem;
}

html:not([data-review="1"]) :is(
  .c19-floating-player__play,
  .c19-floating-player__mute,
  .c19-floating-player__close
) {
  min-width: 44px;
}

html:not([data-review="1"]) :is(
  .road-intelligence__source,
  .road-intelligence__alerts li a,
  .footer-links a,
  .sources-note a
) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

html:not([data-review="1"]) .footer-links a {
  justify-content: center;
  min-width: 44px;
}

html:not([data-review="1"]) .road-intelligence__layers {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 719px) {
  html:not([data-review="1"]) .site-header {
    align-items: stretch;
  }

  html:not([data-review="1"]) .logo-mark {
    flex: 0 0 44px;
    justify-content: center;
  }

  html:not([data-review="1"]) .site-nav {
    justify-content: flex-start;
    gap: var(--space-3);
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  html:not([data-review="1"]) .site-nav::-webkit-scrollbar { display: none; }

  html:not([data-review="1"]) .site-nav a {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
}

@media (max-width: 420px) {
  html:not([data-review="1"]) .site-nav a {
    font-size: 0.72rem;
  }
}