/* =========================================================
   KAZTELERADIO — FINAL CUSTOMER FEEDBACK CSS
   Правки:
   1) Размеры шрифта ближе к исходнику CorelDraw: обычный текст ≈ 9п, крупный ≈ 10п+ в веб-аналоге.
   2) Ровная темно-серая подложка без ухода в черный градиент.
   3) Нормальные поля/отступы.
   4) Убран верхний блок дат.
   5) Один скролл страницы.
   ========================================================= */

html {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scroll-behavior: smooth;
  background: #565656 !important;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  min-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
  background: #565656 !important;
  color: #ffffff !important;
  font-family: Arial, Tahoma, sans-serif !important;
}

#ktrRoot,
#ktrRoot * {
  box-sizing: border-box !important;
}

#ktrRoot {
  --bg: #565656;
  --panel: #4f4f4f;
  --panel-dark: #3f3f3f;
  --text: #ffffff;
  --muted: #f1f1f1;
  --gold: #f1c56b;
  --paper: #d7c8aa;
  --blue: #63b7ff;
  --fs-title: 22px;
  --fs-title-mobile: 20px;
  --fs-text: 17px;

  display: block !important;
  width: 100% !important;
  min-height: 100vh !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;

  background: #565656 !important;
  color: var(--text) !important;
  font-family: Arial, Tahoma, sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.62 !important;
}

#ktrRoot main,
#ktrRoot article,
#ktrRoot section,
#ktrRoot .ktr-shell,
#ktrRoot .ktr-chapter,
#ktrRoot .ktr-flow,
#ktrRoot .ktr-intro,
#ktrRoot .ktr-cover {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

#ktrRoot a {
  color: inherit !important;
}

#ktrRoot img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Верхняя ссылка */
#ktrRoot .ktr-top {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  width: 100% !important;
  background: #565656 !important;
  border-bottom: 1px solid rgba(255,255,255,.14) !important;
}

#ktrRoot .ktr-top-inner {
  width: min(1180px, calc(100% - 64px)) !important;
  margin: 0 auto !important;
  padding: 10px 0 !important;
}

#ktrRoot .ktr-back {
  color: #ffffff !important;
  font-size: var(--fs-text) !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

#ktrRoot .ktr-back:hover {
  color: var(--gold) !important;
}

/* Общие поля страницы */
#ktrRoot .ktr-shell {
  width: min(1180px, calc(100% - 64px)) !important;
  margin: 0 auto !important;
}

/* Обложка */
#ktrRoot .ktr-cover {
  padding: 0 0 44px !important;
  background: #565656 !important;
}

#ktrRoot .ktr-cover-img {
  width: min(720px, 100%) !important;
  margin: 0 auto !important;
  background: #050505 !important;
  box-shadow: 0 26px 72px rgba(0,0,0,.34) !important;
}

#ktrRoot .ktr-cover-img img {
  width: 100% !important;
}

/* Вступление */
#ktrRoot .ktr-intro {
  width: min(820px, calc(100% - 64px)) !important;
  margin: 0 auto !important;
  padding: 0 0 52px !important;
  background: #565656 !important;
}

#ktrRoot .ktr-intro h1 {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-size: var(--fs-text) !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-intro h2 {
  margin: 0 0 24px !important;
  color: #ffffff !important;
  font-size: var(--fs-text) !important;
  line-height: 1.18 !important;
  font-weight: 950 !important;
}

#ktrRoot .ktr-intro p {
  margin: 0 0 16px !important;
  color: #ffffff !important;
  font-size: var(--fs-text) !important;
  line-height: 1.68 !important;
  font-weight: 700 !important;
}

/* Убрать верхние карточки дат */
#ktrRoot .ktr-quickfacts,
#ktrRoot .ktr-qf {
  display: none !important;
}

/* Главы */
#ktrRoot .ktr-chapter {
  padding: 62px 0 !important;
  background: #565656 !important;
  border-top: 1px solid rgba(255,255,255,.18) !important;
}

#ktrRoot .ktr-chapter-head {
  margin: 0 0 32px !important;
}

#ktrRoot .ktr-kicker {
  display: block !important;
  margin: 0 0 8px !important;
  color: var(--gold) !important;
  font-size: var(--fs-text) !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .16em !important;
}

#ktrRoot .ktr-chapter h2 {
  margin: 0 0 8px !important;
  color: #ffffff !important;
  font-size: var(--fs-text) !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-chapter h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: var(--fs-text) !important;
  line-height: 1.55 !important;
  font-weight: 700 !important;
}

#ktrRoot .ktr-flow {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 44%) !important;
  gap: 42px !important;
  align-items: start !important;
  margin: 30px 0 !important;
}

#ktrRoot .ktr-flow.media-left {
  grid-template-columns: minmax(320px, 44%) minmax(0, 1fr) !important;
}

#ktrRoot .ktr-text,
#ktrRoot .ktr-media,
#ktrRoot .ktr-photo {
  min-width: 0 !important;
}

#ktrRoot .ktr-text p,
#ktrRoot .ktr-chapter > p,
#ktrRoot .ktr-afterword p {
  margin: 0 0 16px !important;
  color: #ffffff !important;
  font-size: var(--fs-text) !important;
  line-height: 1.68 !important;
  font-weight: 700 !important;
}

#ktrRoot .ktr-text .lead {
  font-size: var(--fs-text) !important;
  line-height: 1.65 !important;
}

/* Фото и подписи */
#ktrRoot .ktr-photo {
  margin: 0 !important;
  background: #101010 !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.32) !important;
}

#ktrRoot .ktr-photo img {
  width: 100% !important;
  object-fit: cover !important;
}

#ktrRoot .ktr-photo figcaption {
  background: var(--paper) !important;
  color: #050505 !important;
  padding: 16px 18px !important;
  font-size: var(--fs-text) !important;
  line-height: 1.36 !important;
  font-weight: 700 !important;
}

#ktrRoot .ktr-photo figcaption strong {
  font-weight: 950 !important;
}

#ktrRoot .ktr-dark-caption figcaption {
  background: #343434 !important;
  color: #ffffff !important;
}

/* Научные факты */
#ktrRoot .ktr-fact {
  margin: 24px 0 !important;
  padding: 22px 26px !important;
  background: #4f4f4f !important;
  border-left: 6px solid var(--gold) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.22) !important;
}

#ktrRoot .ktr-fact h4 {
  margin: 0 0 10px !important;
  color: #ffffff !important;
  font-size: var(--fs-text) !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}

#ktrRoot .ktr-fact p {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: var(--fs-text) !important;
  line-height: 1.62 !important;
}

/* Синяя вставка */
#ktrRoot .ktr-blue {
  margin: 24px 0 !important;
  padding: 20px 24px !important;
  background: #4f4f4f !important;
  border: 2px solid var(--blue) !important;
  box-shadow: 0 16px 42px rgba(0,0,0,.20) !important;
}

#ktrRoot .ktr-blue p {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: var(--fs-text) !important;
  line-height: 1.52 !important;
  font-weight: 900 !important;
}

/* Видео */
#ktrRoot .ktr-video-block {
  display: grid !important;
  grid-template-columns: 260px minmax(0,1fr) !important;
  gap: 26px !important;
  align-items: center !important;
  margin: 28px 0 !important;
  padding: 26px !important;
  background: #4f4f4f !important;
  border-top: 1px solid rgba(255,255,255,.18) !important;
  border-bottom: 1px solid rgba(255,255,255,.18) !important;
}

#ktrRoot .ktr-video-label {
  color: var(--gold) !important;
  font-size: var(--fs-text) !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
}

#ktrRoot .ktr-video-block h4 {
  margin: 8px 0 !important;
  color: #ffffff !important;
  font-size: var(--fs-text) !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
}

#ktrRoot .ktr-video-block p {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: var(--fs-text) !important;
  line-height: 1.55 !important;
}

#ktrRoot .ktr-youtube {
  position: relative !important;
  aspect-ratio: 16/9 !important;
  background: #000000 !important;
  box-shadow: 0 20px 55px rgba(0,0,0,.38) !important;
  overflow: hidden !important;
}

#ktrRoot .ktr-youtube iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

/* Послесловие */
#ktrRoot .ktr-afterword {
  padding-bottom: 82px !important;
}

#ktrRoot .ktr-afterword h2 {
  color: #ffffff !important;
}

/* Анимация */
#ktrRoot .ktr-reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .65s ease, transform .65s ease;
}

#ktrRoot .ktr-reveal.is-visible {
  opacity: 1;
  transform: none;
}

/* Адаптив */
@media (max-width: 980px) {
  #ktrRoot .ktr-shell,
  #ktrRoot .ktr-top-inner,
  #ktrRoot .ktr-intro {
    width: calc(100% - 44px) !important;
  }

  #ktrRoot .ktr-flow,
  #ktrRoot .ktr-flow.media-left,
  #ktrRoot .ktr-flow.media-right {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  #ktrRoot .ktr-flow.media-right .ktr-photo {
    order: -1 !important;
  }

  #ktrRoot .ktr-video-block {
    grid-template-columns: 1fr !important;
  }

  #ktrRoot .ktr-intro h1 {
    font-size: clamp(28px, 7vw, 40px) !important;
  }

  #ktrRoot .ktr-chapter h2 {
    font-size: clamp(28px, 7vw, 40px) !important;
  }
}

@media (max-width: 620px) {
  #ktrRoot .ktr-shell,
  #ktrRoot .ktr-top-inner,
  #ktrRoot .ktr-intro {
    width: calc(100% - 28px) !important;
  }

  #ktrRoot .ktr-cover {
    padding-bottom: 30px !important;
  }

  #ktrRoot .ktr-chapter {
    padding: 46px 0 !important;
  }

  #ktrRoot .ktr-intro h1 {
    font-size: var(--fs-title-mobile) !important;
    line-height: 1.05 !important;
    text-shadow: 1.5px 2px 0 #000000 !important;
  }

  #ktrRoot .ktr-intro h2 {
    font-size: var(--fs-text) !important;
  }

  #ktrRoot .ktr-chapter h2 {
    font-size: var(--fs-title-mobile) !important;
    line-height: 1.04 !important;
    text-shadow: 1.5px 2px 0 #000000 !important;
  }

  #ktrRoot .ktr-chapter h3 {
    font-size: var(--fs-text) !important;
  }

  #ktrRoot .ktr-intro p,
  #ktrRoot .ktr-text p,
  #ktrRoot .ktr-chapter > p,
  #ktrRoot .ktr-fact p,
  #ktrRoot .ktr-afterword p {
    font-size: var(--fs-text) !important;
    line-height: 1.58 !important;
  }

  #ktrRoot .ktr-text .lead {
    font-size: var(--fs-text) !important;
  }

  #ktrRoot .ktr-fact,
  #ktrRoot .ktr-blue,
  #ktrRoot .ktr-video-block {
    padding: 18px !important;
  }

  #ktrRoot .ktr-photo figcaption {
    font-size: var(--fs-text) !important;
    padding: 15px 17px !important;
  }
}


/* =========================================================
   ONLY FIX DOUBLE SCROLL — DO NOT CHANGE VISUAL
   Один рабочий скролл должен быть только у body.
   ========================================================= */
html {
  height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

body {
  height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#ktrRoot,
#ktrRoot main,
#ktrRoot article,
#ktrRoot section,
#ktrRoot .ktr-shell,
#ktrRoot .ktr-chapter,
#ktrRoot .ktr-flow,
#ktrRoot .ktr-intro,
#ktrRoot .ktr-cover {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}


/* =========================================================
   CDR MOBILE MATCH V4 — XAMPP ONLY
   Задача: ближе к исходнику Corel/PDF, а не к лендингу.
   - узкая мобильная лента
   - ровная тёмно-серая подложка
   - обычный normal-шрифт
   - плотный текст
   - научные факты как цветной текст без карточки
   - картинки/подписи идут в потоке, без перестановок
   ========================================================= */

html {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  background: #ffffff !important;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #ffffff !important;
  color: #ffffff !important;
  font-family: Arial, "Segoe UI", Tahoma, sans-serif !important;
  font-weight: 400 !important;
}

#ktrRoot,
#ktrRoot * {
  box-sizing: border-box !important;
}

#ktrRoot {
  --bg: #515151;
  --text: #ffffff;
  --gold: #f1c56b;
  --fact: #ffd7a5;
  --paper: #d9c9a8;
  --body-size: 18px;
  --small-size: 15px;
  --heading-size: 20px;
  --intro-title-size: 30px;

  display: block !important;
  width: min(100%, 430px) !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: var(--bg) !important;
  color: var(--text) !important;
  font-family: Arial, "Segoe UI", Tahoma, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
  overflow: visible !important;
}

#ktrRoot main,
#ktrRoot article,
#ktrRoot section,
#ktrRoot .ktr-shell,
#ktrRoot .ktr-chapter,
#ktrRoot .ktr-flow,
#ktrRoot .ktr-intro,
#ktrRoot .ktr-cover {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  background: var(--bg) !important;
}

#ktrRoot a { color: inherit !important; }

#ktrRoot img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Верхняя строка как в мобильном макете */
#ktrRoot .ktr-top {
  position: static !important;
  width: 100% !important;
  background: #5b5b5b !important;
  border: 0 !important;
}

#ktrRoot .ktr-top-inner {
  width: 100% !important;
  margin: 0 !important;
  padding: 7px 10px !important;
}

#ktrRoot .ktr-back {
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

/* Все секции — одна узкая колонка, как в CDR */
#ktrRoot .ktr-shell,
#ktrRoot .ktr-intro,
#ktrRoot .ktr-top-inner {
  width: 100% !important;
  max-width: none !important;
}

#ktrRoot article,
#ktrRoot .ktr-intro,
#ktrRoot .ktr-chapter,
#ktrRoot .ktr-afterword {
  padding-left: 13px !important;
  padding-right: 13px !important;
}

/* Обложка */
#ktrRoot .ktr-cover {
  padding: 0 !important;
  margin: 0 0 12px !important;
}

#ktrRoot .ktr-cover-img {
  width: 100% !important;
  margin: 0 !important;
  background: #000000 !important;
  box-shadow: none !important;
}

#ktrRoot .ktr-cover-img img {
  width: 100% !important;
  height: auto !important;
}

/* Вступительный блок */
#ktrRoot .ktr-intro {
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 16px !important;
  border-bottom: 0 !important;
}

#ktrRoot .ktr-intro h1 {
  margin: 0 0 8px !important;
  color: #ffffff !important;
  font-size: var(--intro-title-size) !important;
  line-height: 1.06 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-intro h2 {
  margin: 0 0 13px !important;
  color: #ffffff !important;
  font-size: var(--heading-size) !important;
  line-height: 1.12 !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-intro p {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: var(--body-size) !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Главы */
#ktrRoot .ktr-chapter {
  margin: 0 !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  border-top: 0 !important;
}

#ktrRoot .ktr-chapter-head {
  margin: 0 0 13px !important;
}

#ktrRoot .ktr-kicker {
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--gold) !important;
  font-size: 16px !important;
  line-height: 1.05 !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .24em !important;
}

#ktrRoot .ktr-chapter h2,
#ktrRoot .ktr-afterword .ktr-kicker {
  margin: 0 0 5px !important;
  color: #ffffff !important;
  font-size: var(--heading-size) !important;
  line-height: 1.08 !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-afterword .ktr-kicker {
  color: #ffffff !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#ktrRoot .ktr-chapter h3 {
  margin: 0 0 0 !important;
  color: #ffffff !important;
  font-size: var(--body-size) !important;
  line-height: 1.14 !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

/* Убираем лендинговую двухколоночность. Только поток, как в макете. */
#ktrRoot .ktr-flow,
#ktrRoot .ktr-flow.media-left,
#ktrRoot .ktr-flow.media-right {
  display: block !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  margin: 0 !important;
}

#ktrRoot .ktr-flow.media-left .ktr-photo,
#ktrRoot .ktr-flow.media-right .ktr-photo,
#ktrRoot .ktr-flow.media-left .ktr-text,
#ktrRoot .ktr-flow.media-right .ktr-text {
  order: initial !important;
}

#ktrRoot .ktr-text,
#ktrRoot .ktr-media,
#ktrRoot .ktr-photo {
  min-width: 0 !important;
  width: 100% !important;
}

/* Обычный текст */
#ktrRoot p,
#ktrRoot li,
#ktrRoot .ktr-text p,
#ktrRoot .ktr-chapter > p,
#ktrRoot .ktr-afterword p,
#ktrRoot .ktr-text .lead {
  margin: 0 0 12px !important;
  color: #ffffff !important;
  font-size: var(--body-size) !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

#ktrRoot strong,
#ktrRoot b {
  font-weight: 600 !important;
}

/* Фото и подписи */
#ktrRoot .ktr-photo {
  margin: 13px 0 14px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ktrRoot .ktr-photo img {
  width: 100% !important;
  object-fit: cover !important;
  border: 0 !important;
}

#ktrRoot .ktr-photo figcaption {
  display: block !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  background: var(--paper) !important;
  color: #000000 !important;
  font-size: 16px !important;
  line-height: 1.16 !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-dark-caption figcaption {
  padding: 5px 0 0 !important;
  background: var(--bg) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1.08 !important;
  font-weight: 400 !important;
}

/* Научный факт — как в исходнике: без карточки, цветным текстом */
#ktrRoot .ktr-fact {
  margin: 10px 0 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
}

#ktrRoot .ktr-fact h4 {
  margin: 0 0 5px !important;
  padding: 0 !important;
  color: var(--gold) !important;
  font-size: var(--body-size) !important;
  line-height: 1.14 !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-fact p {
  margin: 0 0 12px !important;
  padding: 0 !important;
  color: var(--fact) !important;
  font-size: var(--body-size) !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

/* Синяя/выделенная вставка из макета */
#ktrRoot .ktr-blue {
  margin: 10px 0 12px !important;
  padding: 9px 10px !important;
  background: rgba(86, 151, 195, .55) !important;
  border: 1px solid #73b9ee !important;
  box-shadow: none !important;
}

#ktrRoot .ktr-blue p {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: var(--body-size) !important;
  line-height: 1.16 !important;
  font-weight: 400 !important;
}

/* Видео */
#ktrRoot .ktr-video-block {
  display: block !important;
  margin: 13px 0 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ktrRoot .ktr-video-label {
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--gold) !important;
  font-size: 16px !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

#ktrRoot .ktr-video-block h4,
#ktrRoot .ktr-video-block p {
  color: #ffffff !important;
  font-size: var(--body-size) !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-youtube {
  margin: 10px 0 0 !important;
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16/9 !important;
  background: #000000 !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

#ktrRoot .ktr-youtube iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

/* Без анимационного смещения, чтобы макет не прыгал */
#ktrRoot .ktr-reveal,
#ktrRoot .ktr-reveal.is-visible {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* Старые быстрые даты отключены окончательно */
#ktrRoot .ktr-quickfacts,
#ktrRoot .ktr-qf {
  display: none !important;
}

@media (max-width: 430px) {
  #ktrRoot {
    width: 100% !important;
    --body-size: 18px;
    --heading-size: 20px;
    --intro-title-size: 30px;
  }
}

@media (max-width: 370px) {
  #ktrRoot {
    --body-size: 17px;
    --heading-size: 19px;
    --intro-title-size: 28px;
  }

  #ktrRoot article,
  #ktrRoot .ktr-intro,
  #ktrRoot .ktr-chapter,
  #ktrRoot .ktr-afterword {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
}

/* =========================================================
   CDR MATCH V5 — desktop restored + exact block fixes
   Что исправлено:
   1) Метки "Глава" — цвет как в оригинале
   2) Синий блок убран из HTML; если где-то останется .ktr-blue, он не будет синим
   3) Desktop снова широкая нормальная страница, не телефонная колонка
   4) Изображения не идут одной кучей: на desktop возвращена сетка текст/фото
   ========================================================= */

html {
  background: #ffffff !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

body {
  margin: 0 !important;
  background: #ffffff !important;
  color: #ffffff !important;
  font-family: Arial, "Segoe UI", Tahoma, sans-serif !important;
  font-weight: 400 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#ktrRoot {
  --page-bg: #505050;
  --text: #ffffff;
  --chapter: #f2c56d;
  --fact: #ffd3a0;
  --caption: #d8c7a6;

  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 auto !important;
  background: var(--page-bg) !important;
  color: var(--text) !important;
  font-family: Arial, "Segoe UI", Tahoma, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.24 !important;
}

/* Верхняя полоса */
#ktrRoot .ktr-top {
  width: 100% !important;
  background: #505050 !important;
}

#ktrRoot .ktr-top-inner {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 8px 38px !important;
}

#ktrRoot .ktr-back {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
}

/* Основной контейнер на desktop */
#ktrRoot .ktr-shell,
#ktrRoot article.ktr-shell {
  width: 100% !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 42px !important;
  padding-right: 42px !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

/* Стартовая обложка */
#ktrRoot .ktr-cover {
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 28px 42px 18px !important;
  box-sizing: border-box !important;
  background: #505050 !important;
}

#ktrRoot .ktr-cover-img {
  max-width: 640px !important;
  margin: 0 auto !important;
  box-shadow: none !important;
}

#ktrRoot .ktr-cover-img img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* Intro: не гигантский баннер */
#ktrRoot .ktr-intro {
  max-width: 820px !important;
  padding-top: 30px !important;
  padding-bottom: 54px !important;
  background: #505050 !important;
}

#ktrRoot .ktr-intro h1 {
  margin: 0 0 14px !important;
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1.08 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-intro h2 {
  margin: 0 0 18px !important;
  color: #ffffff !important;
  font-size: 21px !important;
  line-height: 1.14 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-intro p {
  margin: 0 0 12px !important;
  color: #ffffff !important;
  font-size: 19px !important;
  line-height: 1.24 !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

/* Главы */
#ktrRoot .ktr-chapter {
  padding-top: 54px !important;
  padding-bottom: 58px !important;
  border-top: 1px solid rgba(255,255,255,.18) !important;
  background: #505050 !important;
}

#ktrRoot .ktr-chapter-head {
  margin: 0 0 26px !important;
}

#ktrRoot .ktr-kicker {
  display: block !important;
  margin: 0 0 7px !important;
  color: var(--chapter) !important;
  font-size: 17px !important;
  line-height: 1.1 !important;
  font-weight: 600 !important;
  letter-spacing: .22em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-chapter h2 {
  margin: 0 0 6px !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.12 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-chapter h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 1.16 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

/* Desktop: возвращаем нормальную верстку текст + картинка */
#ktrRoot .ktr-flow {
  display: grid !important;
  align-items: start !important;
  gap: 42px !important;
  margin: 24px 0 !important;
}

#ktrRoot .ktr-flow.media-right {
  grid-template-columns: minmax(0, 1fr) minmax(330px, 0.82fr) !important;
}

#ktrRoot .ktr-flow.media-left {
  grid-template-columns: minmax(330px, 0.82fr) minmax(0, 1fr) !important;
}

#ktrRoot .ktr-flow.media-left .ktr-photo {
  order: 0 !important;
}

#ktrRoot .ktr-flow.media-left .ktr-text {
  order: 0 !important;
}

#ktrRoot .ktr-flow.media-right .ktr-text {
  order: 0 !important;
}

#ktrRoot .ktr-flow.media-right .ktr-photo {
  order: 0 !important;
}

/* Обычный текст */
#ktrRoot p,
#ktrRoot .ktr-text p,
#ktrRoot .ktr-chapter > p,
#ktrRoot .ktr-afterword p,
#ktrRoot .ktr-text .lead {
  margin: 0 0 14px !important;
  color: #ffffff !important;
  font-size: 19px !important;
  line-height: 1.28 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-text {
  min-width: 0 !important;
}

/* Фото и подписи */
#ktrRoot .ktr-photo {
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
}

#ktrRoot .ktr-photo img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

#ktrRoot .ktr-photo figcaption {
  margin: 0 !important;
  padding: 12px 14px !important;
  background: var(--caption) !important;
  color: #000000 !important;
  font-size: 17px !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
}

#ktrRoot .ktr-photo figcaption strong {
  font-weight: 700 !important;
}

/* Подпись Герца в макете темная */
#ktrRoot .ktr-dark-caption figcaption {
  background: #505050 !important;
  color: #ffffff !important;
  padding: 7px 0 0 !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 400 !important;
}

/* Научный факт: без карточки, без синей/черной подложки */
#ktrRoot .ktr-fact {
  margin: 18px 0 20px !important;
  padding: 0 !important;
  max-width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ktrRoot .ktr-fact h4 {
  margin: 0 0 6px !important;
  padding: 0 !important;
  color: var(--chapter) !important;
  font-size: 19px !important;
  line-height: 1.16 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-fact p {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--fact) !important;
  font-size: 19px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
  text-shadow: none !important;
}

/* Если где-то останется ktr-blue — он больше не синий */
#ktrRoot .ktr-blue {
  margin: 18px 0 !important;
  padding: 12px 14px !important;
  background: var(--caption) !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ktrRoot .ktr-blue p {
  color: #000000 !important;
  font-size: 17px !important;
  line-height: 1.18 !important;
  font-weight: 400 !important;
}

/* Видео */
#ktrRoot .ktr-video-block {
  background: #505050 !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Mobile: сохраняем похожесть на исходный вертикальный макет */
@media (max-width: 760px) {
  body {
    background: #ffffff !important;
  }

  #ktrRoot {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    background: #505050 !important;
  }

  #ktrRoot .ktr-top-inner,
  #ktrRoot .ktr-shell,
  #ktrRoot article.ktr-shell,
  #ktrRoot .ktr-cover {
    width: 100% !important;
    max-width: 430px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  #ktrRoot .ktr-cover {
    padding-top: 0 !important;
  }

  #ktrRoot .ktr-cover-img {
    max-width: 100% !important;
  }

  #ktrRoot .ktr-intro {
    padding-top: 12px !important;
    padding-bottom: 36px !important;
  }

  #ktrRoot .ktr-intro h1 {
    font-size: 24px !important;
    line-height: 1.08 !important;
  }

  #ktrRoot .ktr-intro h2 {
    font-size: 19px !important;
    line-height: 1.12 !important;
  }

  #ktrRoot .ktr-intro p,
  #ktrRoot p,
  #ktrRoot .ktr-text p,
  #ktrRoot .ktr-chapter > p,
  #ktrRoot .ktr-afterword p,
  #ktrRoot .ktr-text .lead {
    font-size: 18px !important;
    line-height: 1.22 !important;
  }

  #ktrRoot .ktr-chapter {
    padding-top: 36px !important;
    padding-bottom: 40px !important;
  }

  #ktrRoot .ktr-kicker {
    font-size: 16px !important;
  }

  #ktrRoot .ktr-chapter h2 {
    font-size: 20px !important;
    line-height: 1.12 !important;
  }

  #ktrRoot .ktr-chapter h3 {
    font-size: 18px !important;
    line-height: 1.13 !important;
  }

  #ktrRoot .ktr-flow,
  #ktrRoot .ktr-flow.media-right,
  #ktrRoot .ktr-flow.media-left {
    display: block !important;
    margin: 18px 0 !important;
  }

  #ktrRoot .ktr-photo {
    margin: 16px 0 !important;
  }

  #ktrRoot .ktr-photo figcaption {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  #ktrRoot .ktr-dark-caption figcaption {
    font-size: 13px !important;
  }

  #ktrRoot .ktr-fact h4,
  #ktrRoot .ktr-fact p {
    font-size: 18px !important;
    line-height: 1.18 !important;
  }
}

/* =========================================================
   CDR MATCH V8
   - Видео возвращено, но без лишнего текста "ВИДЕО / История в кадре"
   - В III главе между двумя картинками возвращён текстовый блок
   - Метки глав около-белые
   ========================================================= */

#ktrRoot .ktr-kicker,
#ktrRoot .ktr-video-label {
  color: #f2f2f2 !important;
  font-size: 20px !important;
  line-height: 1.12 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  margin-bottom: 6px !important;
}

/* Чистый видеоплеер без лишнего текстового блока */
#ktrRoot .ktr-video-clean {
  width: 100% !important;
  max-width: 980px !important;
  margin: 22px auto 34px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ktrRoot .ktr-video-frame {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  background: #000 !important;
  overflow: hidden !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ktrRoot .ktr-video-frame iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
}

/* Если старый текстовый видеоблок где-то останется — скрыть только его текстовые подписи */
#ktrRoot .ktr-video-block .ktr-video-label,
#ktrRoot .ktr-video-block h4,
#ktrRoot .ktr-video-block p {
  display: none !important;
}

#ktrRoot .ktr-video-block {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

@media (max-width: 760px) {
  #ktrRoot .ktr-kicker,
  #ktrRoot .ktr-video-label {
    color: #f2f2f2 !important;
    font-size: 20px !important;
    line-height: 1.12 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  #ktrRoot .ktr-video-clean {
    max-width: 100% !important;
    margin: 18px 0 28px !important;
  }
}

/* =========================================================
   V8 BASE FIX — Chapter VII + density + selective bold
   Основа: именно загруженный v8-проект.
   Не делаем весь текст жирным.
   ========================================================= */

/* Уплотнение текста: чуть меньше межстрочный и межабзацный */
#ktrRoot p,
#ktrRoot .ktr-text p,
#ktrRoot .ktr-chapter > p,
#ktrRoot .ktr-afterword p,
#ktrRoot .ktr-intro p,
#ktrRoot .ktr-text .lead {
  font-weight: 400 !important;
  line-height: 1.15 !important;
  margin-bottom: 7px !important;
}

/* "Глава" и заголовки — выделенные как в макете */
#ktrRoot .ktr-kicker {
  color: #f2f2f2 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
  line-height: 1.05 !important;
  margin-bottom: 5px !important;
}

#ktrRoot .ktr-intro h1,
#ktrRoot .ktr-chapter h2 {
  font-weight: 700 !important;
  line-height: 1.07 !important;
  margin-bottom: 5px !important;
}

#ktrRoot .ktr-intro h2,
#ktrRoot .ktr-chapter h3 {
  font-weight: 700 !important;
  line-height: 1.10 !important;
  margin-bottom: 11px !important;
}

/* Научный факт: заголовок жирный, текст НЕ жирный */
#ktrRoot .ktr-fact {
  margin-top: 10px !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ktrRoot .ktr-fact h4 {
  font-weight: 700 !important;
  line-height: 1.08 !important;
  margin-bottom: 4px !important;
}

#ktrRoot .ktr-fact p {
  font-weight: 400 !important;
  line-height: 1.12 !important;
  margin-bottom: 0 !important;
}

/* Подписи: обычный текст, жирный только strong */
#ktrRoot .ktr-photo figcaption {
  font-weight: 400 !important;
  line-height: 1.12 !important;
}

#ktrRoot .ktr-photo figcaption strong,
#ktrRoot strong {
  font-weight: 700 !important;
}

/* Видео: только плеер, без лишнего текстового блока */
#ktrRoot .ktr-video-clean {
  width: 100% !important;
  max-width: 980px !important;
  margin: 16px auto 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ktrRoot .ktr-video-frame {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  background: #000 !important;
  overflow: hidden !important;
}

#ktrRoot .ktr-video-frame iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;
}

/* Desktop: сохранить нормальную широкую страницу v8 */
@media (min-width: 761px) {
  #ktrRoot .ktr-flow {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
    gap: 32px !important;
  }

  #ktrRoot .ktr-chapter {
    padding-top: 42px !important;
    padding-bottom: 44px !important;
  }

  #ktrRoot p,
  #ktrRoot .ktr-text p,
  #ktrRoot .ktr-chapter > p,
  #ktrRoot .ktr-afterword p,
  #ktrRoot .ktr-intro p,
  #ktrRoot .ktr-text .lead,
  #ktrRoot .ktr-fact p {
    font-size: 19px !important;
  }
}

/* Mobile: плотнее, но не жирнить весь текст */
@media (max-width: 760px) {
  #ktrRoot .ktr-kicker {
    font-size: 20px !important;
    font-weight: 700 !important;
  }

  #ktrRoot .ktr-chapter h2 {
    font-size: 22px !important;
    line-height: 1.07 !important;
    font-weight: 700 !important;
  }

  #ktrRoot .ktr-chapter h3 {
    font-size: 19px !important;
    line-height: 1.10 !important;
    font-weight: 700 !important;
  }

  #ktrRoot p,
  #ktrRoot .ktr-text p,
  #ktrRoot .ktr-chapter > p,
  #ktrRoot .ktr-afterword p,
  #ktrRoot .ktr-intro p,
  #ktrRoot .ktr-text .lead {
    font-size: 18px !important;
    line-height: 1.14 !important;
    margin-bottom: 7px !important;
    font-weight: 400 !important;
  }

  #ktrRoot .ktr-fact h4,
  #ktrRoot .ktr-fact p {
    font-size: 18px !important;
    line-height: 1.11 !important;
  }

  #ktrRoot .ktr-photo {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
}

/* =========================================================
   CUSTOMER FEEDBACK PATCH 1705-2
   Правки по фидбеку:
   - логотип НЕ трогаем;
   - больше внутренних полей, чтобы текст/картинки не липли к краям;
   - основной текст normal, не bold;
   - заголовки/метки глав выделены, но без лишнего гигантизма;
   - межстрочный и межабзацный интервал плотнее, ближе к исходнику.
   ========================================================= */

/* Базовая жирность: обычный текст не должен наследовать bold */
#ktrRoot {
  font-weight: 400 !important;
  line-height: 1.16 !important;
}

/* Общие поля страницы */
#ktrRoot .ktr-top-inner,
#ktrRoot .ktr-shell,
#ktrRoot article.ktr-shell {
  width: min(1080px, calc(100% - 112px)) !important;
  max-width: 1080px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#ktrRoot .ktr-intro {
  width: min(860px, calc(100% - 112px)) !important;
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Картинка обложки остаётся по центру, но не прилипает */
#ktrRoot .ktr-cover {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

#ktrRoot .ktr-cover-img {
  max-width: 720px !important;
}

/* Основной текст: normal и плотнее */
#ktrRoot p,
#ktrRoot .ktr-text p,
#ktrRoot .ktr-chapter > p,
#ktrRoot .ktr-afterword p,
#ktrRoot .ktr-intro p,
#ktrRoot .ktr-text .lead {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.16 !important;
  font-weight: 400 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

/* Вступительный блок */
#ktrRoot .ktr-intro {
  padding-top: 8px !important;
  padding-bottom: 46px !important;
}

#ktrRoot .ktr-intro h1 {
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  margin: 0 0 12px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

#ktrRoot .ktr-intro h2 {
  color: #ffffff !important;
  font-size: 20px !important;
  line-height: 1.10 !important;
  font-weight: 700 !important;
  margin: 0 0 18px !important;
  text-shadow: none !important;
}

/* Главы */
#ktrRoot .ktr-chapter {
  padding-top: 46px !important;
  padding-bottom: 48px !important;
}

#ktrRoot .ktr-chapter-head {
  margin-bottom: 22px !important;
}

/* "Глава I" — как в оригинале: около белая, жирная, без разрядки */
#ktrRoot .ktr-kicker {
  display: block !important;
  color: #f4f4f4 !important;
  font-size: 20px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  margin: 0 0 5px !important;
  text-shadow: none !important;
}

/* Названия глав — чуть крупнее обычного, но не огромные */
#ktrRoot .ktr-chapter h2 {
  color: #ffffff !important;
  font-size: 22px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
}

/* Подзаголовки глав */
#ktrRoot .ktr-chapter h3 {
  color: #ffffff !important;
  font-size: 19px !important;
  line-height: 1.10 !important;
  font-weight: 700 !important;
  margin: 0 !important;
  text-shadow: none !important;
}

/* Двухколоночные блоки — чуть аккуратнее и с нормальными промежутками */
#ktrRoot .ktr-flow {
  gap: 34px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/* Подписи под фото: не весь текст жирный, только strong */
#ktrRoot .ktr-photo figcaption {
  font-size: 16px !important;
  line-height: 1.14 !important;
  font-weight: 400 !important;
  padding: 12px 14px !important;
}

#ktrRoot .ktr-photo figcaption strong,
#ktrRoot strong {
  font-weight: 700 !important;
}

/* Научный факт */
#ktrRoot .ktr-fact {
  margin-top: 14px !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#ktrRoot .ktr-fact h4 {
  color: #ffd27c !important;
  font-size: 18px !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  margin: 0 0 5px !important;
}

#ktrRoot .ktr-fact p {
  color: #ffd2a0 !important;
  font-size: 18px !important;
  line-height: 1.13 !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

/* Видео */
#ktrRoot .ktr-video-clean {
  margin-top: 18px !important;
  margin-bottom: 26px !important;
}

/* Планшеты */
@media (max-width: 900px) {
  #ktrRoot .ktr-top-inner,
  #ktrRoot .ktr-shell,
  #ktrRoot article.ktr-shell {
    width: calc(100% - 72px) !important;
  }

  #ktrRoot .ktr-intro {
    width: calc(100% - 72px) !important;
  }

  #ktrRoot .ktr-cover {
    padding-left: 36px !important;
    padding-right: 36px !important;
  }
}

/* Мобильная версия: больше поля, текст не у края */
@media (max-width: 760px) {
  body {
    background: #ffffff !important;
  }

  #ktrRoot {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    background: #565656 !important;
    font-weight: 400 !important;
  }

  #ktrRoot .ktr-top-inner,
  #ktrRoot .ktr-shell,
  #ktrRoot article.ktr-shell,
  #ktrRoot .ktr-cover,
  #ktrRoot .ktr-intro {
    width: 100% !important;
    max-width: 430px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    box-sizing: border-box !important;
  }

  #ktrRoot .ktr-cover {
    padding-top: 0 !important;
    padding-bottom: 28px !important;
  }

  #ktrRoot .ktr-cover-img {
    max-width: 100% !important;
  }

  #ktrRoot .ktr-intro {
    padding-top: 8px !important;
    padding-bottom: 34px !important;
  }

  #ktrRoot .ktr-intro h1 {
    font-size: 23px !important;
    line-height: 1.07 !important;
    font-weight: 700 !important;
    margin-bottom: 11px !important;
  }

  #ktrRoot .ktr-intro h2 {
    font-size: 18px !important;
    line-height: 1.10 !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
  }

  #ktrRoot p,
  #ktrRoot .ktr-text p,
  #ktrRoot .ktr-chapter > p,
  #ktrRoot .ktr-afterword p,
  #ktrRoot .ktr-intro p,
  #ktrRoot .ktr-text .lead {
    font-size: 17px !important;
    line-height: 1.14 !important;
    margin-bottom: 7px !important;
    font-weight: 400 !important;
  }

  #ktrRoot .ktr-chapter {
    padding-top: 34px !important;
    padding-bottom: 36px !important;
  }

  #ktrRoot .ktr-chapter-head {
    margin-bottom: 16px !important;
  }

  #ktrRoot .ktr-kicker {
    color: #f4f4f4 !important;
    font-size: 19px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    margin-bottom: 5px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  #ktrRoot .ktr-chapter h2 {
    font-size: 20px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    margin-bottom: 5px !important;
    text-transform: uppercase !important;
  }

  #ktrRoot .ktr-chapter h3 {
    font-size: 18px !important;
    line-height: 1.10 !important;
    font-weight: 700 !important;
  }

  #ktrRoot .ktr-flow,
  #ktrRoot .ktr-flow.media-right,
  #ktrRoot .ktr-flow.media-left {
    display: block !important;
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  #ktrRoot .ktr-photo {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }

  #ktrRoot .ktr-photo figcaption {
    font-size: 14px !important;
    line-height: 1.13 !important;
    padding: 10px 12px !important;
    font-weight: 400 !important;
  }

  #ktrRoot .ktr-fact h4 {
    font-size: 17px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
  }

  #ktrRoot .ktr-fact p {
    font-size: 17px !important;
    line-height: 1.12 !important;
    font-weight: 400 !important;
  }
}