/* Help navigation uses the site's existing typography and buttons. */
.help-actions,
.help-related {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px 24px;
}

.help-actions .btn {
  white-space: normal;
  text-align: center;
}

.help-actions {
  margin: 24px 0;
}

.help-intro {
  margin-bottom: 40px;
}

.help-intro p {
  max-width: 960px;
}

.help-related {
  justify-content: flex-start;
  margin-top: 24px;
}

.page-header {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) auto auto;
  gap: 18px 24px;
  padding: 20px 32px;
  min-height: 0;
}

.page-header > .logo {
  width: 220px;
  height: 70px;
  background-size: contain;
  background-position: center;
}

.page-header .nav-main {
  grid-column: 1 / -1;
  grid-row: 2;
  flex: 1 1 auto;
  gap: 10px 24px;
}

.page-header .nav-main > a {
  margin: 0;
  line-height: 1.45;
}

.page-header .logo,
.page-header__links {
  flex-shrink: 0;
}

.nav-main a[href="/gde-poluchit-pomoshch/"] {
  font-weight: 700;
}

@media (min-width: 961px) {
  .page-content {
    margin-top: 210px;
  }
}

@media (max-width: 767px) {
  .help-actions {
    align-items: stretch;
    flex-direction: column;
    text-align: center;
  }

  .help-intro h1 {
    font-size: 3rem;
    line-height: 1.2;
  }

  .help-related {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
  }
}