:root{
  --chip-radius: 15px;
  --card-radius: 15px;
  --card-bg: #fff;
  --shadow: 0 1px 4px rgba(0,0,0,.06);
  --text: #000;
  --muted: #333;
}

/* контейнер страницы */
.faq { margin-top: 16px; }

/* утилиты */
.u-center { display:flex; justify-content:center; }

/* секция */
.faq-section { margin-top: 32px; }

/* чип-заголовок */
.faq-chip{
  margin-left: 10px;
  display:inline-flex;
  padding: 8px 12px;
  border-radius: var(--chip-radius) var(--chip-radius) 0 0;
  box-shadow: 0 -2px 10px -8px rgba(0,0,0,.4);
}
.faq-chip__title{
  margin:0;
  font: 700 20px/1.2 'Comfortaa', system-ui, sans-serif;
  color: var(--text);
}

/* варианты цветов (подобраны под твои rgba) */
.faq-chip--yellow { background: rgb(247, 248, 199); }
.faq-chip--pink   { background: rgb(243, 177, 204); }
.faq-chip--violet { background: rgb(176, 171, 202); }
.faq-chip--blue   { background: rgb(175, 218, 252); }
.faq-chip--gray   { background: rgb(207, 207, 196); }
.faq-chip--brown  { background: rgb(202, 184, 156); }

/* карточка контента */
.faq-card{
  background: var(--card-bg);
  border-radius: var(--card-radius);
  box-shadow: var(--shadow);
  padding: 16px;
}

/* текст/подзаголовки/списки */
.faq-text{
  font-size: 18px;
  color: var(--muted);
  margin: 0 0 12px 0;
}
.faq-subtitle{
  font-weight: 700;
  color: var(--text);
  margin: 0 0 8px 0;
}
.faq-list{
  margin: 8px 0 0 20px;
  padding: 0;
  font-size: 18px;
  color: var(--muted);
}
.faq-list li + li { margin-top: 8px; }

/* алерт */
.faq-alert{
  margin-top: 12px;
  border-radius: 10px;
  background: rgb(207,207,196);
  padding: 12px;
  color: #1d1d1d;
}

/* отступ-утилита */
.mt-16 { margin-top: 16px; }

/* заголовок страницы "Помощь" — используем готовый компонент из base (section__header/title) */
.section__header { margin-bottom: 12px; }
.section__title  { font: 700 22px/1.2 'Comfortaa', system-ui, sans-serif; }