.bl-article {
  margin-inline: auto;
}
.bl-article__date {
  display: block;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
  text-align: center;
}
.bl-article__title {
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-align: center;
}
.bl-article__content a {
  color: #0088BC;
  text-decoration: underline;
}
@media print, screen and (min-width: 768.1px) {
  .bl-article {
    margin-top: 130px;
    width: 940px;
    max-width: calc(100% - 20px);
  }
  .bl-article__date {
    font-size: 17px;
  }
  .bl-article__title {
    margin-top: 12px;
    font-size: 23px;
  }
  .bl-article__content {
    margin-top: 58px;
  }
}
@media screen and (max-width: 768px) {
  .bl-article {
    margin-top: 10vw;
    width: 84vw;
  }
  .bl-article__date {
    font-size: 2.9333333333vw;
  }
  .bl-article__title {
    margin-top: 1.0666666667vw;
    font-size: 4vw;
  }
  .bl-article__content {
    margin-top: 5.3333333333vw;
  }
}

.bl-prevnext__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bl-prevnext__button {
  background: #D2D2D2;
  color: #323232;
  display: grid;
  place-items: center;
  transition: background-color 0.3s;
}
.bl-prevnext__button.archive {
  background: #323232;
  color: #fff;
}
.bl-prevnext__button.empty {
  visibility: hidden;
  pointer-events: none;
}
@media (hover: hover) {
  .bl-prevnext__button:hover {
    background-color: #B2B2B2;
  }
  .bl-prevnext__button:hover.archive {
    background-color: #464646;
  }
}
@media print, screen and (min-width: 768.1px) {
  .bl-prevnext {
    margin-top: 95px;
  }
  .bl-prevnext__buttons {
    gap: 9px;
  }
  .bl-prevnext__button {
    font-size: 17px;
    width: 260px;
    height: 70px;
  }
}
@media screen and (max-width: 768px) {
  .bl-prevnext {
    margin-top: 8vw;
  }
  .bl-prevnext__buttons {
    gap: 1.0666666667vw;
  }
  .bl-prevnext__button {
    font-size: 2.9333333333vw;
    width: 27.7333333333vw;
    height: 7.4666666667vw;
  }
}
/*# sourceMappingURL=single.css.map */