/* Room to breathe at the end of a page (2026-09-19). These page roots are flex
   items of .kv-route-enter, which is exactly one screen tall, so they were
   shrunk to the screen and their content overflowed the box: the bottom
   padding sat at the screen edge, under the content, and the last card touched
   the bottom of the window. flex-shrink: 0 lets them be as tall as their
   content, so their own padding lands after it. Pages that scroll inside their
   own container (subjects, lessons) get a bit more end space on phones, where
   the tab bar sits right below. */
.kv-app-shell .kv-route-enter > .kvp,
.kv-app-shell .kv-route-enter > .kvps,
.kv-app-shell .kv-route-enter > .profile-page-master,
.kv-app-shell .kv-route-enter > .settings-page-master,
.kv-app-shell .kv-route-enter > .workspace-practice { flex-shrink: 0; }
.kv-app-shell .kv-route-enter > .workspace-practice { padding-block-end: 64px; }
@media (max-width: 1023px) {
  .kv-app-shell .study-layout > .study-content:not(.session-content) { padding-block-end: 56px; }
}