/* st-schema.css v1 — блок «Этапы …» (.schema > .items.grid-cols-2 > .item > .count + .schema-title + .question > .text).
   Только стили. Подключать после adaptiv.css. Позиционирование «?» и всплывающей подсказки (.question/.text) не меняем — только внешний вид. */

#content .schema{--sc-ink:#2D3440;--sc-mut:#4A5260;--sc-line:#E3E3E3;--sc-or:#FD8900;--sc-cream:#FFF7EC;--sc-cream-line:#F0DEC6}

/* сетка */
#content .schema .items.grid-cols-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 18px!important;margin:0!important;padding:0!important;list-style:none}

/* карточка этапа */
#content .schema .items.grid-cols-2 .item{
  box-sizing:border-box;display:flex!important;align-items:center;gap:16px;min-height:76px;margin:0!important;padding:14px 20px 14px 18px!important;
  background:#fff!important;border:1px solid var(--sc-line)!important;border-radius:14px!important;box-shadow:none!important;
  transition:border-color .2s ease,box-shadow .2s ease;
}
@media (hover:hover){
  #content .schema .items.grid-cols-2 .item:hover{border-color:var(--sc-cream-line)!important;box-shadow:0 8px 22px rgba(45,52,64,.08)!important}
}

/* номер этапа */
#content .schema .items.grid-cols-2 .item .count{
  flex:0 0 40px;box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;position:static!important;
  width:40px!important;height:40px!important;min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:12px!important;clip-path:none!important;
  background:linear-gradient(135deg,#FE5248,#FD8507)!important;color:#fff!important;
  font-size:18px!important;font-weight:800!important;line-height:1!important;box-shadow:0 4px 10px rgba(253,133,7,.28);
}
#content .schema .items.grid-cols-2 .item .count::before,
#content .schema .items.grid-cols-2 .item .count::after{content:none!important;display:none!important}

/* название этапа */
#content .schema .items.grid-cols-2 .item .schema-title{
  flex:1 1 auto;min-width:0;margin:0!important;padding:0!important;
  color:var(--sc-ink)!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important;
}

/* v3: подсказка раскрывается ПОД значком «?», выравнивается по правому краю карточки и растёт влево внутри колонки.
   Шаблонные left/right/top/transform/margin перебиваем; .question не трогаем (значок «?» нарисован у него). */
#content .schema .items.grid-cols-2 .item .question .text{
  position:absolute!important;left:auto!important;right:-16px!important;top:calc(100% + 14px)!important;bottom:auto!important;
  transform:none!important;margin:0!important;width:min(377px,calc(100vw - 48px))!important;max-width:none!important;z-index:30!important;
}

/* всплывающая подсказка: только внешний вид */
#content .schema .items.grid-cols-2 .item .question .text{
  box-sizing:border-box;padding:16px 18px!important;border-radius:14px!important;
  background:var(--sc-ink)!important;color:#fff!important;box-shadow:0 18px 40px rgba(45,52,64,.28)!important;
  font-size:15px!important;line-height:1.55!important;font-weight:400!important;
}
#content .schema .items.grid-cols-2 .item .question .text p{margin:0!important;color:#fff!important;font-size:15px!important;line-height:1.55!important}

@media (max-width:900px){
  #content .schema .items.grid-cols-2{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
}
@media (max-width:560px){
  #content .schema .items.grid-cols-2 .item{min-height:68px;gap:12px;padding:12px 14px 12px 14px!important}
  #content .schema .items.grid-cols-2 .item .count{flex-basis:36px;width:36px!important;height:36px!important;font-size:16px!important;border-radius:10px!important}
  #content .schema .items.grid-cols-2 .item .schema-title{font-size:16px!important}
}
@media (prefers-reduced-motion:reduce){#content .schema *{transition:none!important}}