/* RD NovaSphere V115 — stronger Tutorials atmosphere, working contextual help, NovaAI suggestion UX. */

/* Tutorials should unmistakably feel like NovaSphere while staying lighter than the homepage playground. */
html.rd-v115-tutorial-page #linked-mesh{
  display:block!important;
  opacity:.72!important;
}
@media(max-width:820px){
  html.rd-v115-tutorial-page #linked-mesh{opacity:.50!important}
}
@media(prefers-reduced-motion:reduce){
  html.rd-v115-tutorial-page #linked-mesh{opacity:.48!important}
}

/* The help control stays available inside Tutorials, but opens an in-page guide instead of navigating/reloading. */
html.rd-v115-tutorial-page #novaTutorialLauncher{display:grid!important;place-items:center!important}

.rd-tutorial-help-backdrop{
  position:fixed;inset:0;z-index:2147482900;background:rgba(1,7,18,.42);
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:none;
}
.rd-tutorial-help-backdrop.open{display:block}
.rd-tutorial-help-panel{
  position:fixed;z-index:2147482901;left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(520px,calc(100vw - 28px));max-height:min(72dvh,620px);overflow:auto;
  border:1px solid rgba(243,207,120,.32);border-radius:20px;
  background:linear-gradient(155deg,rgba(8,27,56,.985),rgba(3,11,28,.99));
  box-shadow:0 28px 90px rgba(0,0,0,.55);color:#eef4ff;padding:1.15rem;
}
.rd-tutorial-help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}
.rd-tutorial-help-kicker{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#f3cf78;font-weight:800}
.rd-tutorial-help-title{font-size:1.15rem;font-weight:800;margin-top:.2rem}
.rd-tutorial-help-close{width:38px;height:38px;min-width:38px;border-radius:50%;border:1px solid rgba(155,194,235,.28);background:rgba(10,27,51,.9);color:#fff;font-size:1.15rem;cursor:pointer}
.rd-tutorial-help-panel p{color:#b9c7dc;line-height:1.55;margin:.6rem 0}
.rd-tutorial-help-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.rd-tutorial-help-actions a{display:inline-flex;align-items:center;min-height:40px;padding:.55rem .8rem;border:1px solid rgba(155,194,235,.26);border-radius:12px;color:#eef4ff;text-decoration:none;background:rgba(10,27,51,.75)}
.rd-tutorial-help-actions a.primary{border-color:rgba(243,207,120,.45);color:#07101f;background:linear-gradient(135deg,#f4ce70,#e8b947);font-weight:800}

/* Contextual NovaAI ambiguity suggestions become tap/click choices, not just prose. */
.nova-context-suggestions{display:flex;flex-wrap:wrap;gap:.45rem;margin:.5rem 0 .15rem;padding:0 .05rem}
.nova-context-suggestion{
  border:1px solid rgba(126,205,255,.28);background:rgba(8,29,58,.88);color:#d9ecff;
  border-radius:12px;padding:.48rem .62rem;font:inherit;font-size:.78rem;line-height:1.25;
  cursor:pointer;max-width:100%;white-space:normal;text-align:left;
}
.nova-context-suggestion:hover,.nova-context-suggestion:focus-visible{border-color:rgba(243,207,120,.48);background:rgba(17,42,76,.95);outline:none}

@media(max-width:820px){
  .rd-tutorial-help-panel{top:auto;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);max-height:min(78dvh,620px);border-radius:18px}
  .rd-tutorial-help-backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(1,7,18,.28)}
  .nova-context-suggestion{font-size:.76rem;padding:.46rem .58rem}
}