/* Trader line near the top of trader guides, plus the trader-only app bar text. */
.prose .trader-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 22px 0 28px;
  padding: 16px 20px;
  background: var(--sell-bg);
  border: 1px solid rgba(44, 158, 243, 0.28);
  border-radius: var(--r-md);
}
.prose .trader-line-copy { min-width: 0; }
.prose .trader-line b { display: block; font-size: 17px; font-weight: 800; line-height: 1.3; color: var(--ink); }
.prose .trader-line span { display: block; margin-top: 3px; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }
.prose .trader-line a.trader-line-btn {
  flex-shrink: 0;
  padding: 11px 20px;
  border-radius: 999px;
  background: var(--ink);
  color: #fff;
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}
.prose .trader-line a.trader-line-btn:hover { background: #2a2f3d; color: #fff; }
@media (max-width: 640px) {
  .prose .trader-line { flex-direction: column; align-items: stretch; gap: 12px; padding: 15px 16px; }
  .prose .trader-line a.trader-line-btn { text-align: center; }
}
.app-bar-trader .app-bar-txt span { white-space: normal; overflow: visible; }

/* Next step after a trade calculator result (tool pages have no .prose wrapper). */
.trader-line.tool-next {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 22px 0 28px;
  padding: 16px 20px;
  background: var(--sell-bg);
  border: 1px solid rgba(44, 158, 243, 0.28);
  border-radius: var(--r-md);
}
.trader-line.tool-next .trader-line-copy { min-width: 0; }
.trader-line.tool-next b { display: block; font-size: 17px; font-weight: 800; line-height: 1.3; color: var(--ink); }
.trader-line.tool-next span { display: block; margin-top: 3px; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }
.trader-line.tool-next a.trader-line-btn {
  flex-shrink: 0;
  padding: 11px 20px;
  border-radius: 999px;
  background: var(--ink);
  color: #fff;
  font-size: 14.5px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}
.trader-line.tool-next a.trader-line-btn:hover { background: #2a2f3d; color: #fff; }
@media (max-width: 640px) {
  .trader-line.tool-next { flex-direction: column; align-items: stretch; gap: 12px; padding: 15px 16px; }
  .trader-line.tool-next a.trader-line-btn { text-align: center; }
}