@media (max-width: 780px) {
  .page-nav {
    flex-wrap: wrap;
    gap: 10px;
    padding: 10px 18px;
  }
  .page-nav ul {
    display: flex;
    order: 3;
    justify-content: flex-start;
    gap: 20px;
    width: 100%;
    overflow-x: auto;
    padding: 8px 0 4px;
    scrollbar-width: thin;
  }
  .page-nav li a { display: block; padding: 8px 0; }
}