/* Wizard: with JS on, only the active step is shown. */
.js [data-step]:not(.is-active) {
  display: none;
}

[hidden] {
  display: none !important;
}

legend:focus {
  outline: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

/* Fade-out "locked" letter preview on the scorecard. */
.letter-fade {
  -webkit-mask-image: linear-gradient(to bottom, #000 35%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 35%, transparent 100%);
}

@media print {
  header,
  footer,
  [data-no-print] {
    display: none !important;
  }
}