/* «Стать партнёром» (/partners/) — дополняет site.css и production.css: те же токены, кнопки, карточки. */

/* схема на первом экране — сплошной графит, без узоров */
.pa-scheme{background:var(--ink);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:40px 40px 40px 56px;aspect-ratio:5/4;border-radius:16px}
.pa-scheme>p{margin:0 0 6px;font-size:15px;color:var(--on-ink2)}
.pa-row{background:#fff;color:var(--ink);border-radius:14px;padding:16px 18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}
.pa-row b{display:block}
.pa-row small{color:var(--mut);font-size:14px}
.pa-row em{font-style:normal;font-weight:600}
.pa-row .ok{color:var(--teal-d)}
.pa-row .act{background:var(--teal);color:var(--ink);border-radius:10px;padding:8px 12px}

/* шаги подключения: столько колонок, сколько шагов */
@media (min-width:1101px){
  .pa-steps{grid-template-columns:repeat(var(--n,6),minmax(0,1fr))}
  .pa-steps::after{right:calc(100% / var(--n,6) - 20px)}
}

.pa-side{grid-template-columns:minmax(0,1fr);margin-top:24px}
.pa-form .f select{width:100%}

@media (max-width:700px){
  .pa-scheme{padding:24px 20px 24px 56px;aspect-ratio:auto}
}

/* Число шагов — классом, а не атрибутом style (CSP, Сессия 8) */
.pa-n-1{--n:1}
.pa-n-2{--n:2}
.pa-n-3{--n:3}
.pa-n-4{--n:4}
.pa-n-5{--n:5}
.pa-n-6{--n:6}
.pa-n-7{--n:7}
.pa-n-8{--n:8}
.pa-n-9{--n:9}
.pa-n-10{--n:10}
.pa-n-11{--n:11}
.pa-n-12{--n:12}