/* nav-clearance.css — Bottom padding that keeps the panes and feed cards
   clear of the bottom navigation. */

/* Topics and flashcards clear the nav bar. Learn, Mock Tests and Progress
   set their own padding in today.css, practice.css and progress.css. */
#learn,
#cards {
  padding-bottom: calc(96px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));
}

.card {
  padding-bottom: calc(150px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));
}