@media (max-width: 900px) {
  .header-actions .login {
    display: block;
    font-size: 0.82rem;
  }
}

.property-details-link {
  color: var(--teal);
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 430px) {
  .site-header {
    gap: 4px;
    padding-inline: 10px;
    overflow: hidden;
  }

  .menu-open .site-header {
    overflow: visible;
  }

  .site-header .brand {
    gap: 4px;
    min-width: 0;
  }

  .site-header .brand-mark {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
  }

  .site-header .brand strong {
    font-size: 0.78rem;
    letter-spacing: 0.2px;
  }

  .header-actions {
    gap: 2px;
    min-width: 0;
  }

  .header-actions .lang {
    padding-inline: 4px;
  }

  .header-actions .login {
    padding-inline: 2px;
    font-size: 0.72rem;
  }

  .header-actions .publish {
    padding: 6px;
  }

  .header-actions .publish span {
    font-size: 1.05rem;
  }

  .header-actions .menu {
    padding-inline: 2px;
    font-size: 1.2rem;
  }
}