/* Checklist-only view: one class on the page body hides everything except the checklist, on screen
   and on paper, so a print gives one sheet of questions per child. Nothing here runs on its own. */
.hidden { display: none; }

.mode-banner {
  margin-bottom: 1rem;
  padding: 0.6rem 0.8rem;
  border-radius: 0.5rem;
  border: 1px solid currentColor;
}

.mode-banner-text {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

body.checklist-only .head,
body.checklist-only #setup,
body.checklist-only #about,
body.checklist-only #route-h,
body.checklist-only #finishLine,
body.checklist-only #summary,
body.checklist-only #groupNote,
body.checklist-only #talkNote,
body.checklist-only #route,
body.checklist-only .export-field,
body.checklist-only #printHint,
body.checklist-only #checklistOnlyRow {
  display: none;
}

/* The row with the print and copy buttons stays, because printing the sheet is the whole point of
   this view: hiding the row took the Print this page button off the page, leaving the browser's own
   Print command as the only way to print. The copy button goes, though, because the plain-text box
   it copies from is hidden in this view. */
body.checklist-only #copyPlan {
  display: none;
}

/* A sheet of questions handed to one child needs a line for the name and the date, so this paragraph
   is kept off the page in every other view and shown only with the questions: on screen as a
   preview of the sheet, and on paper because the print rules never hide it in this view. */
.sheet-line {
  display: none;
  margin: 0 0 0.9rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}

body.checklist-only .sheet-line {
  display: block;
}

/* A sheet of questions should not carry a button, so neither button row is printed. */
@media print {
  #planActions,
  #checklistOnlyRow {
    display: none;
  }
}

/* The note that says the view is on is for the person at the keyboard, not for the paper. The short
   banner and the long hint under the button both explain the view to whoever is at the screen, so
   both are kept on screen and left off the paper: without this second rule the whole paragraph was
   printed above every child's questions. */
@media print {
  #checklistMode,
  body.checklist-only #checklistOnlyHint {
    display: none;
  }
}