@media (max-width: 639px) {
  header > .max-w-5xl.h-14 {
    height: auto;
    min-height: 3.5rem;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  header > .max-w-5xl.h-14 > div:first-child {
    flex: 1 0 100%;
    min-width: 0;
  }

  header > .max-w-5xl.h-14 > div:last-child {
    width: 100%;
    min-width: 0;
    justify-content: space-between;
    gap: 0.5rem;
  }

  header > .max-w-5xl.h-14 a[href="/articole"] {
    display: inline-flex;
    min-height: 44px;
    flex-shrink: 0;
  }

  header > .max-w-5xl.h-14 a[href="/register"],
  header > .max-w-5xl.h-14 a[href="/login"] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    min-height: 44px;
  }

  header > .max-w-5xl.h-14 a[href="/login"] button {
    min-height: 44px;
  }
}