:root {
  --tg-radar-accent: #229ed9;
  --tg-radar-accent-2: #27a7e7;
  --tg-radar-text: #071116;
  --tg-radar-muted: #354955;
  --tg-radar-line: rgba(7, 17, 22, 0.12);
  --tg-radar-radius: 8px;
  --tg-radar-shadow: 0 18px 46px rgba(34, 158, 217, 0.18);
}

.t-body.faithful-page {
  background:
    radial-gradient(900px 360px at 76% 7%, rgba(34, 158, 217, 0.08), transparent 68%),
    linear-gradient(180deg, #f7fbfd 0%, #ffffff 56%, #eef7fb 100%);
  color: var(--tg-radar-text);
}

.faithful-page .t-records {
  opacity: 1 !important;
}

.faithful-page #allrecords .r_hidden,
.faithful-page #allrecords .r_anim,
.faithful-page #allrecords .t-animate,
.faithful-page #allrecords .t-animate_started,
.faithful-page #allrecords .t-animate_no-hover {
  opacity: 1 !important;
  transform: none !important;
}

.t-faithful-main {
  min-height: 70vh;
}

.faithful-page #allrecords {
  overflow: hidden;
}

.faithful-page .t-cover,
.faithful-page .t-cover__carrier,
.faithful-page .t-cover__filter {
  border-radius: 0;
}

.faithful-page .t-title,
.faithful-page .t-name,
.faithful-page .t-descr,
.faithful-page .t-text {
  letter-spacing: 0;
}

.faithful-page .t-btn,
.faithful-page .t-submit,
.faithful-page .t-btnflex.t-btnflex_type_button {
  border-radius: var(--tg-radar-radius) !important;
  box-shadow: var(--tg-radar-shadow) !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease, background-color 0.16s ease !important;
}

.faithful-page .t-btn:hover,
.faithful-page .t-submit:hover,
.faithful-page .t-btnflex.t-btnflex_type_button:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 52px rgba(34, 158, 217, 0.24) !important;
}

.faithful-page .t-card__col,
.faithful-page .t-store__card,
.faithful-page .t-feed__post,
.faithful-page .t786__col,
.faithful-page .t772__col,
.faithful-page .t774__col,
.faithful-page .t923__col {
  border-radius: var(--tg-radar-radius);
}

.faithful-page .t-card__col .t772__content,
.faithful-page .t-card__col .t774__content,
.faithful-page .t923__content {
  border-radius: var(--tg-radar-radius);
}

.faithful-page .t-card__btn,
.faithful-page .t-btnflex_xs {
  border-radius: var(--tg-radar-radius) !important;
}

.faithful-page .t-section__title span,
.faithful-page .t-section__descr span,
.faithful-page .t-card__title span,
.faithful-page .t-card__descr span {
  color: inherit;
}

.faithful-page .t-rec[data-bg-color="#efefef"],
.faithful-page .t-rec[style*="background-color:#efefef"] {
  background:
    linear-gradient(90deg, rgba(34, 158, 217, 0.07) 1px, transparent 1px),
    linear-gradient(180deg, rgba(34, 158, 217, 0.05) 1px, transparent 1px),
    linear-gradient(180deg, #dff2fb 0%, #f4fbfe 48%, #e2f4fb 100%) !important;
  background-size: 52px 52px, 52px 52px, auto !important;
}

.faithful-article {
  padding: 126px 0 90px;
}

.faithful-article__shell {
  width: min(880px, calc(100% - 40px));
  margin: 0 auto;
  padding: 38px;
  border: 1px solid rgba(7, 17, 22, 0.08);
  border-radius: var(--tg-radar-radius);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 18px 50px rgba(18, 48, 64, 0.1);
}

.faithful-article__back {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  padding: 0 16px;
  border: 1px solid var(--tg-radar-line);
  border-radius: var(--tg-radar-radius);
  background: rgba(255, 255, 255, 0.74);
  color: var(--tg-radar-text);
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.faithful-article h1 {
  margin: 0 0 16px;
  font-size: 46px;
  line-height: 1.08;
  letter-spacing: 0;
}

.faithful-article__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 20px;
}

.faithful-article__meta span {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 5px 8px;
  border: 1px solid rgba(34, 158, 217, 0.16);
  border-radius: var(--tg-radar-radius);
  background: rgba(34, 158, 217, 0.08);
  color: var(--tg-radar-muted);
  font-size: 12px;
  font-weight: 780;
}

.faithful-article__description {
  color: var(--tg-radar-muted);
  font-size: 19px;
  line-height: 1.62;
}

.faithful-article__cover {
  margin: 28px 0;
  overflow: hidden;
  border-radius: var(--tg-radar-radius);
  box-shadow: 0 12px 32px rgba(18, 48, 64, 0.1);
}

.faithful-article__cover img,
.faithful-article__body img {
  display: block;
  width: 100%;
  height: auto;
}

.faithful-article__body {
  color: var(--tg-radar-text);
}

.faithful-article__body h2 {
  margin: 42px 0 14px;
  font-size: 36px;
  line-height: 1.12;
}

.faithful-article__body h3 {
  margin: 34px 0 12px;
  font-size: 24px;
  line-height: 1.2;
}

.faithful-article__body p,
.faithful-article__body li {
  color: var(--tg-radar-muted);
  font-size: 17px;
  line-height: 1.7;
}

.faithful-article__body ul {
  display: grid;
  gap: 8px;
  margin: 18px 0;
  padding-left: 22px;
}

.faithful-article__body img {
  margin: 28px 0;
  border-radius: var(--tg-radar-radius);
  box-shadow: 0 12px 32px rgba(18, 48, 64, 0.1);
}

.faithful-article__body a {
  color: #096b98;
  font-weight: 750;
  text-underline-offset: 0.2em;
}

@media (max-width: 720px) {
  .faithful-article {
    padding: 112px 0 70px;
  }

  .faithful-article__shell {
    width: calc(100% - 28px);
    padding: 24px;
  }

  .faithful-article h1 {
    font-size: 36px;
    line-height: 1.1;
  }

  .faithful-article__body h2 {
    font-size: 29px;
  }
}