/* #73 next-step preview and #83 open-in-app banner.
   Quiet, not sticky. No price on the banner. The next-step copy has no price. */
.ns-preview,
.ns-preview p,
.ns-preview a,
.tool-app-banner,
.tool-app-banner p,
.tool-app-banner a,
.tool-app-banner button {
  text-transform: none;
}
.ns-preview,
.tool-app-banner {
  max-width: 40rem;
  margin: 28px auto;
  padding: 20px 22px;
  border: 1px solid rgba(201, 169, 106, 0.35);
  background: rgba(8, 9, 12, 0.92);
  color: #e8e2d3;
  font-family: "EB Garamond", Georgia, serif;
  font-size: 1.08rem;
  line-height: 1.55;
  text-align: left;
}
.ns-preview-title,
.tool-app-banner-lead {
  font-family: Cinzel, Georgia, serif;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  color: #c9a96a;
  margin: 0 0 10px;
}
.ns-preview p,
.tool-app-banner p { margin: 0 0 12px; }
.ns-preview p:last-child,
.tool-app-banner p:last-child { margin-bottom: 0; }
.ns-preview-disciplines { margin: 0 0 12px; }
.ns-preview-cta,
.tool-app-banner a {
  color: #c9a96a;
  font-family: Cinzel, Georgia, serif;
  font-size: 0.82rem;
  letter-spacing: 0.06em;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.tool-app-banner-stay { margin: 0; }
.tool-app-banner button {
  background: transparent;
  color: #cfc6b0;
  border: 0;
  padding: 10px 0;
  min-height: 44px;
  font-family: "EB Garamond", Georgia, serif;
  font-size: 1.05rem;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ns-preview a:focus-visible,
.tool-app-banner a:focus-visible,
.tool-app-banner button:focus-visible {
  outline: 2px solid #c9a96a;
  outline-offset: 3px;
}
/* Already inside the app: no "open in app" banner, and no priced compare. */
html.sanctum-no-price .tool-app-banner,
html.sanctum-no-price .bp-compare,
body[data-embedded] .tool-app-banner,
body[data-app-mode="1"] .tool-app-banner,
body[data-embedded] .bp-compare,
body[data-app-mode="1"] .bp-compare { display: none !important; }
@media print {
  .tool-app-banner { display: none !important; }
}