@media (max-width: 390px) {
  .brand {
    gap: 5px;
    flex: 0 0 auto;
  }

  .brand-word {
    display: block !important;
    font-size: 0.62rem;
    letter-spacing: 0.02em;
  }

  .top-actions {
    gap: 3px;
  }

  .round-button {
    width: 30px;
    height: 30px;
  }

  .language-control select {
    width: 68px;
  }
}

@media (max-width: 360px) {
  .topbar {
    padding-inline: 8px;
  }

  .brand {
    gap: 4px;
  }

  .brand-icon {
    width: 30px;
    height: 30px;
  }

  .brand-word {
    font-size: 0.56rem;
  }

  .language-control select {
    width: 62px;
  }

  .round-button {
    width: 28px;
    height: 28px;
  }
}