/* О школе: "Четыре правила, от которых не отступаем".
   Макет: фреймы ngqbE (десктоп 1440x557) и hfmQf (телефон 390x970).
   Разметка - ab-principy.tpl + ab-principy-item.tpl.

   Полоса контента - общий .wrap (base.css, 1328/56 десктоп, 350/20
   телефон), подключён в шаблоне через pg.css. Своё здесь - только то,
   что действительно принадлежит этому блоку. */

.ab-principy {
  background: var(--paper);
  /* Дамп: padding-block 100 (не токен --section-y=110 - у этого блока
     вертикальный отступ меньше, как и у hm-deti.css на главной). */
  padding-block: 100px;
}

.ab-principy__wrap {
  display: flex;
  flex-direction: column;
  gap: var(--gap-section); /* 44 в дампе = токену */
}

.ab-principy__head {
  display: flex;
  flex-direction: column;
  gap: 14px; /* дамп Y59GA */
}

.ab-principy__kicker {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 700;
  font-size: var(--kicker);   /* 12 */
  line-height: 15px;         /* 12 x 1.21 (метрика Inter) */
  letter-spacing: var(--kicker-ls);
  color: var(--magenta-text);
}

.ab-principy__h2 {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: var(--h2-sm);     /* 48 - дамп vgqbV */
  line-height: 55px;          /* 48 x 1.14 */
  letter-spacing: var(--h2-sm-ls);
  color: var(--ink);
}

/* ─── Ряд правил ─────────────────────────────────────────────── */

.ab-principy__row {
  gap: 26px; /* дамп nL3P1 */
}

.ab-principy-item {
  display: flex;
  flex-direction: column;
  gap: 14px; /* дамп карточек, например W5uMr3 */
}

.ab-principy-item__num {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 34px;
  line-height: 46px; /* дамп n0G6K3: бокс 46 при шрифте 34 (метрика Manrope,
    не line-height:1 - QA поймал недостачу высоты секции на 12px) */
  letter-spacing: -1px;
  color: var(--sun);
}

.ab-principy-item__h3 {
  margin: 0;
  font-family: var(--font-head);
  font-weight: 800;
  font-size: 19px;
  line-height: 25px; /* 19 x 1.3 = 24,7 */
  letter-spacing: -0.4px;
  color: var(--ink);
}

.ab-principy-item__p {
  margin: 0;
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 26px; /* 15 x 1.75 = 26,25 */
  color: var(--muted);
}

/* ─── Телефон (<= 860) ───────────────────────────────────────── */

@media (max-width: 860px) {
  .ab-principy {
    padding-block: var(--section-y-m); /* 52 = токену */
  }

  .ab-principy__kicker {
    font-size: 11px;
    line-height: 13px; /* 11 x 1.21 */
  }

  .ab-principy__h2 {
    font-size: 30px;
    line-height: 34px; /* 30 x 1,14 = 34,2 */
    letter-spacing: -0.9px;
  }

  .ab-principy__row {
    gap: 26px; /* дамп RUEsP */
  }

  .ab-principy-item__num {
    font-size: 23px;
    line-height: 31px; /* дамп hbmbo: бокс 31 при шрифте 23 */
    letter-spacing: -0.6px;
  }

  .ab-principy-item__h3 {
    font-size: 17px;
    line-height: 22px; /* 17 x 1.3 = 22,1 */
    letter-spacing: -0.3px;
  }

  .ab-principy-item__p {
    font-size: 14px;
    line-height: 25px; /* 14 x 1,75 = 24,5 */
  }
}