/* ==========================================================================
   Кошкинская карта (/catscard/) — стили страницы
   Подключается ПОСЛЕ style.css. Общий style.css не редактируется.
   Селекторы намеренно уточнены (.page-content .x), чтобы перебить
   базовые правила .page-content img / p / ul из style.css.
   ========================================================================== */

/* --- Фон страницы: кошачьи лапки (как на оригинале) --- */
.catscard-page {
  background-image: url('../images/catscard/bg-paws.jpg');
  background-repeat: repeat;
  background-size: 60% auto;
  background-position: left top;
}

/* --- Подзаголовок в шапке страницы (рукописный шрифт) --- */
.page-hero .catscard-hero__lead {
  font-family: var(--font-bliss);
  font-size: clamp(18px, 3.2vw, 28px);
  line-height: 1.35;
  max-width: 34em;
  margin: 0 auto;
}

/* --- Широкие баннеры («Кошкинская карта», «Участники») --- */
.page-content .catscard-banner {
  display: block;
  width: 100%;
  max-width: 760px;
  height: auto;
  margin: 0 auto 28px;
  border-radius: 0;
}

.page-content .catscard-banner--participants {
  margin-top: 44px;
}

/* --- Блок участника --- */
.catscard-partner {
  padding: 28px 0 10px;
}

.catscard-partner + .catscard-partner {
  border-top: 1px solid var(--color-accent-light);
}

.catscard-partner--brief {
  padding: 18px 0 8px;
}

/* Заголовок участника — рисованный баннер с названием.
   Alt-текст изображения служит текстом заголовка. */
.catscard-partner__title {
  margin: 0 0 20px;
  text-align: center;
}

.page-content .catscard-partner__title img {
  display: block;
  width: auto;
  height: clamp(28px, 5.4vw, 52px);
  max-width: 100%;
  object-fit: contain;
  margin: 0 auto;
  border-radius: 0;
}

/* --- Текст блоков --- */
.page-content .catscard-partner p {
  margin-bottom: 14px;
  line-height: 1.7;
}

.page-content .catscard-list {
  padding-left: 24px;
  margin: 0 0 16px;
}

.page-content .catscard-list li {
  list-style: disc;
  margin-bottom: 6px;
  line-height: 1.55;
}

.page-content .catscard-list--plays li {
  font-weight: 700;
}

/* --- Рукописные акценты (на оригинале — шрифт Caveat) --- */
.page-content .catscard-note {
  font-family: var(--font-bliss);
  font-size: clamp(20px, 3.4vw, 30px);
  line-height: 1.35;
  color: var(--color-secondary);
  margin: 22px 0 8px;
}

.catscard-note--right {
  text-align: right;
}

.catscard-note--center {
  text-align: center;
}

.page-content .catscard-questions {
  font-family: var(--font-bliss);
  font-size: clamp(17px, 2.6vw, 23px);
  line-height: 1.45;
  padding-left: 24px;
  margin: 0 0 16px;
}

.page-content .catscard-questions li {
  list-style: disc;
  margin-bottom: 6px;
  line-height: 1.45;
}

/* --- Заключение --- */
.catscard-outro {
  padding: 30px 0 10px;
  border-top: 1px solid var(--color-accent-light);
}

.page-content .catscard-outro p {
  margin-bottom: 12px;
  line-height: 1.7;
}

@media (max-width: 480px) {
  .catscard-page {
    background-size: 130% auto;
  }

  .catscard-note--right {
    text-align: left;
  }
}