.region-help {
  position: relative;

  @media (width < 1024px) {
    padding-inline: var(--space-md);
  }

  @media (width >= 1024px) {
    padding-inline: var(--space-xl);
  }

  .region__inner {
    margin-inline: auto;
    max-width: var(--l-max-width);
    width: 100%;
  }

  .messages__wrapper {
    align-items: flex-start;
    background-color: var(--color-background-light);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: var(--space-md);

    @media (width < 1024px) {
      padding-block: var(--space-md);
    }

    @media (width >= 1024px) {
      padding-block: var(--space-xl);
    }
  }

  .messages {
    font-weight: var(--font-weight-normal);

    @media (width < 1024px) {
      font-size: var(--font-size-base);
    }

    @media (width >= 1024px) {
      font-size: var(--font-size-lg);
    }
  }

  .messages--status,
  .messages--info {
    color: var(--color-text-primary);
  }

  .messages--error {
    color: var(--color-error);
  }

  .messages--warning {
    color: var(--color-warning);
  }

  .messages--success {
    color: var(--color-green);
  }

  a {
    color: var(--color-text-primary);
    font-weight: var(--font-weight-semibold);
    margin-left: var(--space-sm);
    text-decoration: underline;
  }
}