/* ТУТ КП — инструкция партнёра (/start/). Надстройка над landing.css:
   те же токены и шрифты, здесь только то, чего на лендинге нет. */

.st-sec[id] { scroll-margin-top: 72px; }

.st-hero { padding: 64px 0 56px; }
.st-hero .lp-h1 { max-width: 760px; }
.st-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

/* оглавление под героем */
.st-toc { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.st-toc a {
  font-size: 13px; font-weight: 600; color: var(--ink-2);
  border: 1px solid var(--sep); border-radius: 999px; padding: 7px 13px; background: var(--bg);
}
.st-toc a:hover { color: var(--ink); border-color: var(--accent); }

/* пять экранов: шаг + пояснение */
.st-steps { counter-reset: step; list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; max-width: 800px; }
.st-steps li {
  counter-increment: step; position: relative; padding: 18px 20px 18px 66px;
  background: var(--bg); border: 1px solid var(--sep-l); border-radius: 12px;
  font-size: 15px; line-height: 1.6;
}
.st-steps li::before {
  content: counter(step); position: absolute; left: 18px; top: 18px;
  width: 30px; height: 30px; border-radius: 999px; background: var(--ink); color: #fff;
  font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 600;
  display: grid; place-items: center;
}
.st-steps li > b { display: block; font-family: Unbounded, Raleway, sans-serif; font-size: 15px; margin-bottom: 6px; }
.st-steps p { margin: 0 0 8px; color: var(--ink-2); }
.st-steps p:last-child { margin-bottom: 0; }

/* статусы цен */
.st-status { display: grid; gap: 12px; max-width: 800px; margin: 0 0 22px; }
.st-row {
  display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 16px; align-items: start;
  background: var(--bg); border: 1px solid var(--sep-l); border-radius: 12px; padding: 16px 18px;
}
.st-row p { margin: 0; font-size: 14px; color: var(--ink-2); line-height: 1.6; }
.st-row .lp-tag { display: inline-block; white-space: normal; line-height: 1.35; }
@media (max-width: 640px) { .st-row { grid-template-columns: 1fr; gap: 10px; } }
.lp-tag-bad { background: rgba(255, 59, 48, .1); color: #c0271c; }
.lp-tag-info { background: var(--surface); color: var(--ink-2); }

/* формула */
.st-formula {
  font-family: Unbounded, Raleway, sans-serif; font-weight: 600; letter-spacing: -.01em;
  font-size: clamp(16px, 2.6vw, 22px); line-height: 1.4;
  background: var(--bg); border: 1px solid var(--sep-l); border-left: 3px solid var(--accent);
  border-radius: 12px; padding: 18px 22px; margin: 4px 0 22px; max-width: 800px;
}

/* красные линии */
.st-lines { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 6px 0 22px; }
@media (max-width: 700px) { .st-lines { grid-template-columns: 1fr; } }
.st-lines .lp-card h3 { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.st-ex { margin: 10px 0 0; font-size: 13px; color: var(--ink-3); line-height: 1.55; }

/* что берёт разбор */
.st-srcs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 6px 0 4px; }
@media (max-width: 700px) { .st-srcs { grid-template-columns: 1fr; } }

.st-note {
  margin-top: 18px; font-size: 14px; color: var(--ink-2); line-height: 1.6;
  background: var(--accent-5); border-radius: 12px; padding: 14px 18px; max-width: 800px;
}

.st-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }

code.st-code {
  font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13px;
  background: var(--surface); border-radius: 6px; padding: 2px 6px; overflow-wrap: anywhere;
}