.jinya-article {
  background: var(--article-background);
  border-radius: 0.75rem;
  padding: 2rem 1.5rem;
  box-sizing: border-box;
  margin: 2rem 15vw;
  box-shadow: 0 0 4px 2px var(--article-shadow-color);

  &.is--small {
    margin-left: 40vw;
    margin-right: 40vw;

    @media screen and (width <= 1920px) {
      margin-left: 35vw;
      margin-right: 35vw;
    }
  }

  &.is--negative {
    background: var(--error-background-color);
    color: var(--error-color);
  }
}

@media screen and (width <= 480px) {
  .jinya-article {
    padding: 1rem 0.5rem;
    margin: 2rem 1.5rem;
  }
}

.jinya-article__title {
  margin: 0;
  padding: 0;
  color: var(--primary-color);

  &.is--negative {
    color: var(--error-color);
  }
}

@media (prefers-color-scheme: dark) {
  .jinya-article__title {
    color: var(--text-color);
  }
}

.jinya-article__content {
  margin: 0;
  padding: 0;
  color: var(--text-color);

  &.is--negative {
    color: var(--error-color);
  }
}