/* The public sample block (sample.html). Only what js/sample.js adds to the
   exam shell is styled here; the shell's own screens keep their own files. */

/* The start screen's line about an account, and the links in it. The
   launcher itself has no links, so there is no driver treatment to follow:
   these take the section heading's blue (css/launcher.css). */
.sampleMore a, .sampleNext a { color: #283294; }
html.white-on-black .sampleMore a, html.white-on-black .sampleNext a { color: var(--dark-accent); }

/* Under the answer key of a finished sample block. The link wears the one
   button treatment the shell has (#beginBlock, css/launcher.css). */
.sampleNext { max-width: 60ch; margin: 0 auto 6px; }
.sampleNext p { margin: 0 0 12px; }
.sampleNext a.sampleSignup {
  display: inline-block; text-decoration: none;
  font: bold 10pt var(--font-button); color: #fff;
  padding: 6px 18px; border: 1px solid var(--chrome); border-radius: 3px;
  background: linear-gradient(var(--chrome-accent), var(--chrome));
}
.sampleNext a.sampleSignup:hover { background: linear-gradient(var(--chrome), var(--chrome-accent)); }
.sampleNext a.sampleSignup:focus-visible { outline: 2px solid var(--chrome); outline-offset: 2px; }
html.white-on-black .sampleNext a.sampleSignup { background: #000; color: #fff; border-color: #fff; }
html.white-on-black .sampleNext a.sampleSignup:hover { background: #fff; color: #000; }