.head-actions {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .75rem;
  justify-content: end;
}

.theme-toggle {
  white-space: nowrap;
}

.install-banner {
  align-items: center;
  background: linear-gradient(135deg, var(--good-bg), var(--surface));
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(14, 107, 80, .12);
  display: flex;
  flex-wrap: wrap;
  gap: .75rem 1rem;
  padding: .85rem 1rem;
}

.install-banner p {
  flex: 1 1 18rem;
  min-width: 0;
}

.install-banner strong {
  display: block;
  font-family: var(--font-display);
  margin-bottom: .1rem;
}

.install-banner .install-message {
  color: var(--muted);
  font-size: .875rem;
}

@media (max-width: 30rem) {
  .head-actions {
    align-items: start;
    justify-content: start;
    width: 100%;
  }

  .install-banner .btn {
    width: 100%;
  }
}