/* flashcard-decks.css — The flashcard deck list and the Topics page's big-button spacing. */

/* ---------- Topics ---------- */
#learn .big {
  margin-top: 20px;
}

/* ---------- flashcards ---------- */
.deck {
  display: block;
  width: 100%;
  background: var(--paper);
  border: 1.5px solid var(--line-2);
  border-radius: var(--r);
  padding: 14px 16px;
  margin-bottom: 8px;
  text-align: left;
  transition:
    transform 0.08s var(--ease),
    background 0.12s var(--ease);
}

.deck:active {
  transform: scale(0.985);
  background: var(--panel);
}

.deck b {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
}

.deck span {
  display: block;
  color: var(--ink-2);
  font-size: 0.875rem;
  font-weight: 500;
  margin-top: 2px;
}

/* The deck list's Home button sits closer to the decks than a ghost button does. */
.ghost.decks-home {
  margin-top: 8px;
}