/* mocks.css — Practise chooser, the mock test grid and chapter progress.
   Split from app.module.css; load order in app.html preserves the original cascade. */

/* ---------- practise chooser ---------- */

/* Doomscroll stands alone now that the mocks are listed above it. */

/* Big pressable rows: a 1.5px stroke and the kit's 4px lip. */

/* One deliberate departure from the paper UI: Doomscroll looks like the
   dark, infinite feed it opens, while Mock tests keeps the exam-sheet ground. */

/* ---------- mock tests, laid out rather than hidden ---------- */
.mocks {
  margin: 8px 0 16px;
}

/* Sixteen tiles read as an exam index: which paper, and how it went. The
   dropdown they replace could show neither. Tile appearance lives in
   practice.css; only the grid is set here. */
.mockgrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

#home .big {
  margin-top: 0;
}

/* ---------- chapter progress ---------- */

#home .hist {
  background: var(--paper);
  border: 1.5px solid var(--line-2);
  border-radius: var(--r-lg);
  padding: 14px 16px;
  margin-top: 16px;
}

.smallprint {
  margin: 20px 0 0;
  color: var(--ink-3);
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.5;
}