/* Keep the learning H5 comfortable on wide screens while preserving the mobile flow. */
@media (min-width: 861px) {
  .h5-runtime:has(.v2-bottom-nav) .flow-fixed-footer {
    top: 0;
    bottom: auto !important;
    height: 64px;
  }

  .h5-runtime:has(.v2-bottom-nav) .v2-bottom-nav {
    height: 64px;
    padding: 0 28px;
    grid-template-columns: repeat(5, minmax(84px, 116px));
    justify-content: end;
    background: rgba(255, 255, 255, .98);
    border-top: 0;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 4px 16px rgba(30, 75, 135, .08);
  }

  .h5-runtime:has(.v2-bottom-nav) .v2-content {
    padding-top: 84px;
    padding-bottom: 32px;
  }
}