/* ============================================================
   plant.voir.su — css/pages/unfold.css
   Страница «Разгрузка и развёртывание» (владелец: znayca).
   Префикс всех своих классов: .punfold-*
   Токены — только var() из base.css.
   ============================================================ */

/* ---------- hero / сцена ---------- */
.punfold-stage-wrap { position: relative; }
.punfold-controls { gap: .45rem; }
.punfold-controls .btn { white-space: nowrap; }
.punfold-step[aria-pressed="true"] {
  border-color: var(--amber);
  color: var(--amber-hi);
  background: var(--amber-soft);
}
.punfold-clips {
  display: flex; flex-wrap: wrap; align-items: center; gap: .4rem;
  margin-top: .8rem;
}
.punfold-clip-chip {
  font-family: var(--font-mono); font-size: .72rem; color: var(--teal);
  border: 1px solid var(--line); border-radius: var(--radius-pill);
  padding: .18rem .65rem; background: var(--teal-soft); cursor: pointer;
  transition: border-color .2s, color .2s;
}
.punfold-clip-chip:hover { border-color: var(--teal); color: var(--ink); }
.punfold-clip-chip.active { border-color: var(--teal); color: var(--ink); background: rgba(47,184,166,.25); }
.punfold-scene-hint { margin-top: .7rem; }

/* ---------- этапы сборки ---------- */
.punfold-stage-grid {
  list-style: none; padding: 0; margin: 0;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  counter-reset: stage;
}
.punfold-stage-card { position: relative; padding-top: 1.8rem; }
.punfold-stage-num {
  position: absolute; top: 1.1rem; right: 1.2rem;
  font-family: var(--font-mono); font-size: 2rem; font-weight: 700;
  color: var(--line); line-height: 1;
}
.punfold-stage-card.punfold-active {
  border-color: var(--amber);
  box-shadow: 0 0 0 1px var(--amber), var(--shadow-soft);
}
.punfold-stage-card.punfold-active .punfold-stage-num { color: var(--amber); }
.punfold-stage-card .h3 { font-size: clamp(1.02rem, 1.6vw, 1.25rem); }
.punfold-stage-card p { font-size: .92rem; }

/* ---------- сборно-разборность ---------- */
.punfold-relocate-grid { align-items: stretch; }

/* ---------- схема площадки ---------- */
.punfold-plan-card { padding: clamp(.8rem, 2vw, 1.6rem); }
.punfold-plan { width: 100%; height: auto; border-radius: var(--radius-sm); }
.punfold-plan-cap { margin-top: .7rem; text-align: center; }

/* ---------- факты ---------- */
.punfold-quote {
  border-left: 3px solid var(--amber);
  margin-bottom: 1.2rem;
}
.punfold-quote blockquote {
  margin: 0 0 .6rem; font-size: clamp(1.05rem, 1.6vw, 1.35rem);
  line-height: 1.5; color: #C6D2E0;
}
.punfold-stats { margin-bottom: 1.2rem; }
.punfold-stats .stat-value { font-size: clamp(1.5rem, 2.6vw, 2.1rem); }
.punfold-checks .card { margin-bottom: 1.2rem; }
.punfold-checks .check-list li { font-size: .96rem; }

/* ---------- адаптив ---------- */
@media (max-width: 768px) {
  .punfold-controls { padding: .6rem .5rem; }
  .punfold-controls .btn { padding: .42rem .8rem; font-size: .74rem; }
  .punfold-stage-num { font-size: 1.6rem; }
}

/* ---------- reduced-motion: без плавных подсветок ---------- */
@media (prefers-reduced-motion: reduce) {
  .punfold-stage-card, .punfold-clip-chip { transition: none; }
}