.simplecms {
  margin-block: 0 2rem;
}

.simplecms h1,
.simplecms h2,
.simplecms h3,
.simplecms h1 a,
.simplecms h2 a,
.simplecms h3 a {
  color: var(--nalezny-navy, #1b3049);
}

.simplecms a.btn {
  background: var(--nalezny-navy, #1b3049);
  border-color: var(--nalezny-navy, #1b3049);
  color: #fff;
}

.simplecms a.btn:hover,
.simplecms a.btn:focus-visible {
  background: var(--nalezny-navy-dark, #12233a);
  border-color: var(--nalezny-navy-dark, #12233a);
  color: #fff;
}

.simplecms-category__header {
  margin-bottom: 2rem;
}

.simplecms-category__image,
.simplecms-article__image,
.simplecms-article-detail__image {
  display: block;
  width: min(100%, 500px);
  aspect-ratio: 1;
  object-fit: cover;
  margin-bottom: 1rem;
}

.simplecms-articles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
  gap: 2rem 1.5rem;
}

.simplecms-article {
  min-width: 0;
}

.simplecms-article__image-link {
  display: block;
}

.simplecms-article__image {
  width: 100%;
  max-width: 500px;
}

.simplecms-article__title {
  margin: 0 0 0.75rem;
}

.simplecms-article__date {
  display: block;
  margin-bottom: 0.75rem;
}

.simplecms-article__perex,
.simplecms-article-detail__perex {
  margin-bottom: 1rem;
}

.simplecms-article-detail__image {
  margin-inline: auto;
}

.simplecms-article-detail__updated {
  margin-block: -0.25rem 1rem;
  color: #59636d;
  font-size: 0.9rem;
}

.simplecms-article-detail__content {
  overflow-wrap: anywhere;
}

.simplecms-article-detail__back {
  margin-block: 2rem;
}

.simplecms-related {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  margin-top: 3rem;
  padding-top: 2rem;
}

.simplecms-related h2 {
  margin-bottom: 1.5rem;
}
