/* Shared look for every training page in web/public/try/ (the Try it list itself, /try, is a normal site page).
   Kept deliberately plain: the scam look of the page itself is the point, this file only styles the banner above it. */
.ds-try-banner {
  font: 600 14px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
  background: #111318;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  position: relative;
  z-index: 2147483000; /* stay under the extension's own shadow-root UI, above everything else on the page */
}
.ds-try-banner strong { color: #ff4d5e; letter-spacing: .02em; }
.ds-try-banner a { color: #8fd0ff; text-decoration: underline; margin-left: 10px; white-space: nowrap; }
.ds-try-banner a:hover { color: #fff; }

.ds-try-note {
  font: 500 14px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  background: #fff8e1;
  color: #4a3a00;
  border: 1px solid #e9d27a;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 14px;
  display: none;
}
.ds-try-note.show { display: block; }