/* h4d35x0 console: challenges inside the terminal's source block, and the
   rewards the terminal prints when one is unsealed.
   Titles are typed lowercase and uppercased here, so screen readers do not
   spell them out letter by letter. */

.h4-chals {
  margin: 3.2rem 0 0;
  padding-top: 1.6rem;
  border-top: 1px solid var(--h4-line);
}
.h4-chals__head {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: var(--h4-dim);
}
.h4-chals__lede { margin: 0.8rem 0 1.6rem; max-width: 68ch; }
.h4-chals__noscript { color: var(--h4-warn); max-width: 68ch; }

.h4-chal__id { color: var(--h4-accent); }
.h4-chal__title,
.h4-reward__title { text-transform: uppercase; letter-spacing: 0.04em; }

.h4-chal__files { margin: 0.4rem 0 0; padding: 0; list-style: none; }

.h4-chal__hint { margin: 0.8rem 0 0; max-width: 68ch; }
.h4-chal__hint summary {
  cursor: pointer;
  width: max-content;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 1.1rem;
  color: var(--h4-dim);
}
.h4-chal__hint summary:hover,
.h4-chal__hint summary:focus-visible { color: var(--h4-fg); }
.h4-chal__hint p { margin: 0.4rem 0 0; }

/* ---- an unsealed reward, printed into the scrollback ---- */
.h4-reward { border-top-color: var(--h4-accent); }
.h4-reward__meta {
  margin: 0 0 0.6rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 1.05rem;
  color: var(--h4-accent);
}
.h4-reward__sub { margin: 0.4rem 0 0; color: var(--h4-dim); }
.h4-reward__body p { margin: 0 0 1rem; }
.h4-reward__body code { color: var(--h4-accent); }

/* The coin claim: the machine register heading, then numbered steps. */
.h4-reward__claim {
  margin: 1.2rem 0 0;
  padding: 1rem 1.2rem;
  border: 1px solid var(--h4-accent-soft);
  border-left: 2px solid var(--h4-accent);
}
.h4-reward__claim p { margin: 0 0 0.6rem; }
.h4-reward__claim p:first-child {
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 1.05rem;
  color: var(--h4-accent);
}
.h4-reward__claim p:last-child { margin-bottom: 0; color: var(--h4-dim); }

/* The no-JS and armed states of the terminal window live in terminal.css. */