@media (max-width: 700px) {
  .top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
  }

  .back-link {
    max-width: 135px;
    font-size: 10px;
    line-height: 1.25;
    white-space: normal;
  }

  .nav-links {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    margin-left: auto;
  }

  .nav-links a,
  .nav-current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    line-height: 1;
    padding: 7px 8px;
    min-width: auto;
    white-space: nowrap;
  }
}

@media (max-width: 420px) {
  .back-link {
    max-width: 120px;
    font-size: 9px;
  }

  .nav-links {
    gap: 5px;
  }

  .nav-links a,
  .nav-current {
    font-size: 8px;
    padding: 7px 7px;
  }
}