/* BibleQuest v3 visual replacement tranche 8 — onboarding/tutorial.
   Presentation only: no layout, tutorial lifecycle, account handoff, actions, persistence, navigation, reduced-motion or accessibility ownership. */

.bq-tutorial-dialog{
  border-color:rgba(52,79,60,.18);
  background:linear-gradient(160deg,#fbfcf8 0%,#f5f9f3 100%);
  box-shadow:0 26px 74px rgba(26,39,31,.25),inset 0 1px 0 rgba(255,255,255,.92);
}

.bq-tutorial-header,
.bq-tutorial-footer{
  border-color:rgba(52,79,60,.14);
  background:rgba(248,251,246,.96);
  box-shadow:0 3px 14px rgba(39,60,45,.03);
}

.bq-tutorial-header>div>span,
.bq-home-tutorial .bq-home-tutorial-icon{
  background:linear-gradient(145deg,#e9f3ea 0%,#deebdf 100%);
  color:#285f42;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76);
}

.bq-tutorial-trainer{
  border-color:rgba(52,79,60,.14);
  background:linear-gradient(155deg,#eef6ef 0%,#f8faf6 100%);
  box-shadow:0 7px 20px rgba(39,60,45,.045),inset 0 1px 0 rgba(255,255,255,.9);
}

.bq-tutorial-card{
  background:linear-gradient(160deg,rgba(255,255,255,.7) 0%,rgba(246,250,244,.68) 100%);
}

.bq-tutorial-progress i{
  background:linear-gradient(90deg,#dce5dc 0%,#cfdccf 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
}

.bq-tutorial-progress i.is-on{
  background:linear-gradient(90deg,#2f704d 0%,#5a8b67 100%);
  box-shadow:0 2px 6px rgba(47,112,77,.12);
}

.bq-tutorial-close:hover,
.bq-tutorial-close:focus-visible{
  background:linear-gradient(145deg,#edf4ec 0%,#e5eee5 100%);
  color:#285f42;
}

.bq-home-tutorial{
  border-color:rgba(52,79,60,.16);
  background:linear-gradient(145deg,#fff 0%,#f5f9f3 100%);
  box-shadow:0 5px 16px rgba(39,60,45,.04),inset 0 1px 0 rgba(255,255,255,.9);
}

@media(prefers-contrast:more){
  .bq-tutorial-dialog,
  .bq-tutorial-header,
  .bq-tutorial-footer,
  .bq-tutorial-header>div>span,
  .bq-home-tutorial .bq-home-tutorial-icon,
  .bq-tutorial-trainer,
  .bq-tutorial-card,
  .bq-tutorial-progress i,
  .bq-tutorial-progress i.is-on,
  .bq-home-tutorial{box-shadow:none}
  .bq-tutorial-dialog,
  .bq-tutorial-header,
  .bq-tutorial-footer,
  .bq-tutorial-trainer,
  .bq-home-tutorial{border-color:rgba(31,54,39,.4)}
  .bq-tutorial-progress i.is-on{background:#245b3e}
  .bq-tutorial-close:hover,
  .bq-tutorial-close:focus-visible{background:#e8f0e8;color:#173d29}
}