/* Конструктор промпта для ключевых слов — стайл-скоуп #kw. Бренд-переменные
   из article.css, ключевые продублированы как фолбэк. */
#kw{
  --paper:#F4F3EE;--surface:#fff;--ink:#15181C;--ink-soft:#3A4048;--muted:#6A7178;
  --line:#E2E0D7;--line-strong:#CFCDC2;--accent:#C8F048;--accent-ink:#161a08;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  max-width:1000px;margin:0 auto;padding:0 20px 120px;color:var(--ink);
}
#kw *{box-sizing:border-box}

/* ── Хиро ── */
.kw-hero{padding:clamp(28px,6vw,64px) 0 clamp(20px,4vw,36px);max-width:840px}
.kw-back{display:inline-block;color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;margin-bottom:20px;min-height:40px;line-height:40px}
.kw-back:hover{color:var(--ink)}
.kw-eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.kw-eyebrow b{color:var(--ink)}
.kw-hero h1{font-size:clamp(28px,5.4vw,48px);font-weight:800;letter-spacing:-.022em;line-height:1.07;margin:0 0 18px;text-wrap:balance;hyphens:manual}
.kw-lead{font-size:clamp(16px,2.4vw,20px);line-height:1.55;color:var(--ink-soft);margin:0;max-width:66ch;text-wrap:pretty}
.kw-lead b{color:var(--ink);font-weight:700}

/* ── Прогресс (sticky) ── */
.kw-progress{position:sticky;top:0;z-index:15;background:rgba(244,243,238,.92);backdrop-filter:saturate(140%) blur(10px);
  padding:12px 0 12px;margin:0 0 6px;border-bottom:1px solid var(--line)}
.kw-progress-bar{height:7px;border-radius:999px;background:var(--line);overflow:hidden}
.kw-progress-bar span{display:block;height:100%;width:12.5%;background:var(--ink);border-radius:999px;transition:width .35s cubic-bezier(.4,0,.2,1)}
.kw-progress-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:9px;gap:12px}
.kw-progress-meta #kwStepNum{font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);flex:none}
.kw-progress-meta #kwStepName{font-weight:700;font-size:15px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ── Шаги ── */
.kw-step{display:none;padding:clamp(24px,5vw,44px) 0 8px;animation:kwIn .4s ease both}
.kw-step.is-active{display:block}
@keyframes kwIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.kw-step-h{font-size:clamp(22px,4vw,32px);font-weight:800;letter-spacing:-.018em;line-height:1.12;margin:0 0 8px;text-wrap:balance}
.kw-step-sub{color:var(--ink-soft);font-size:clamp(15px,2vw,17px);margin:0 0 24px;max-width:64ch;line-height:1.5}

.kw-fieldgroup{margin:0 0 26px}
.kw-fieldgroup:last-child{margin-bottom:0}
.kw-flabel{font-weight:700;font-size:15.5px;margin:0 0 4px}
.kw-opt{font-weight:500;color:var(--muted);font-size:13.5px}
.kw-fhint{color:var(--muted);font-size:13.5px;margin:0 0 12px;line-height:1.5}
.kw-inline-note{margin:16px 0 0;font-size:13.5px;line-height:1.5;color:var(--ink-soft);
  background:rgba(200,240,72,.16);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:11px 14px}

/* Текстовые поля */
.kw-input,.kw-textarea{width:100%;border:1.5px solid var(--line-strong);border-radius:12px;padding:13px 15px;
  font-size:16px;font-family:inherit;background:var(--surface);color:var(--ink);line-height:1.5}
.kw-input:focus,.kw-textarea:focus{outline:none;border-color:var(--ink)}
.kw-textarea{min-height:92px;resize:vertical}
.kw-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.kw-row2{grid-template-columns:1fr}}

/* Селекты «от / до» */
.kw-selrow{display:flex;gap:14px;flex-wrap:wrap}
.kw-selrow label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--ink-soft)}
.kw-select{border:1.5px solid var(--line-strong);border-radius:11px;padding:11px 14px;font-size:16px;font-family:inherit;
  background:var(--surface);color:var(--ink);cursor:pointer;min-width:72px}
.kw-select:focus{outline:none;border-color:var(--ink)}

/* Повторяемые URL-поля */
.kw-repeat{display:flex;flex-direction:column;gap:9px}
.kw-repeat-row{display:flex;gap:8px;align-items:center}
.kw-repeat-row .kw-input{flex:1;min-width:0}
.kw-repeat-del{flex:none;width:44px;height:44px;border:1.5px solid var(--line-strong);border-radius:11px;background:var(--surface);
  color:var(--muted);font-size:20px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}
.kw-repeat-del:hover{border-color:#d9534f;color:#d9534f}
.kw-repeat-add{align-self:flex-start;margin-top:2px;background:none;border:1.5px dashed var(--line-strong);border-radius:11px;
  padding:9px 14px;font-weight:600;font-size:14px;color:var(--ink-soft);cursor:pointer}
.kw-repeat-add:hover{border-color:var(--ink);color:var(--ink)}

/* Карточки (radio/checkbox) */
.kw-cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.kw-cards-wide{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.kw-card{position:relative;display:flex;flex-direction:column;gap:6px;border:1.5px solid var(--line);border-radius:14px;
  background:var(--surface);padding:16px 16px 15px;padding-right:42px;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}
.kw-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,24,28,.07)}
.kw-card input{position:absolute;opacity:0;pointer-events:none}
.kw-card-t{font-weight:700;font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.kw-card-d{color:var(--ink-soft);font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
.kw-card .kw-tick{position:absolute;top:12px;right:12px;width:22px;height:22px;border-radius:999px;border:1.5px solid var(--line-strong);
  background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:13px;color:transparent;transition:.16s}
.kw-card input:checked~.kw-tick,.kw-card.is-on .kw-tick{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.kw-card:has(input:checked),.kw-card.is-on{border-color:var(--ink);box-shadow:0 0 0 1.5px var(--ink) inset}
/* пример-ключ на карточке */
.kw-ex{display:inline-block;font-family:var(--mono);font-size:12px;line-height:1.3;color:var(--ink);
  background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:5px 9px;margin:3px 5px 0 0;overflow-wrap:anywhere}
.kw-card .kw-ex:first-of-type{margin-top:6px}
/* строка «как меняет ключи» */
.kw-note{margin-top:6px;font-size:12.5px;line-height:1.4;color:var(--accent-ink);font-weight:600;overflow-wrap:anywhere}
.kw-card:has(input:checked) .kw-note{color:var(--ink)}

/* Чекбоксы-списки */
.kw-checks{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.kw-checks-1{grid-template-columns:1fr}
.kw-check{display:flex;gap:11px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);
  padding:13px 14px;cursor:pointer;transition:border-color .16s}
.kw-check:hover{border-color:var(--line-strong)}
.kw-check input{position:absolute;opacity:0;pointer-events:none}
.kw-check .kw-box{flex:none;width:22px;height:22px;border-radius:6px;border:1.5px solid var(--line-strong);background:var(--surface);
  display:flex;align-items:center;justify-content:center;font-size:13px;color:transparent;transition:.16s;margin-top:1px}
.kw-check input:checked~.kw-box{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.kw-check:has(input:checked){border-color:var(--ink)}
.kw-check-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.kw-check-t{font-weight:600;font-size:14.5px;line-height:1.3;overflow-wrap:anywhere}
.kw-check-d{color:var(--muted);font-size:12.5px;line-height:1.4;overflow-wrap:anywhere}

/* Radio-таблетки */
.kw-pills{display:flex;flex-wrap:wrap;gap:9px}
.kw-pill{position:relative;border:1.5px solid var(--line);border-radius:999px;background:var(--surface);padding:11px 18px;
  font-weight:600;font-size:14.5px;cursor:pointer;transition:.16s}
.kw-pill:hover{border-color:var(--line-strong)}
.kw-pill input{position:absolute;opacity:0;pointer-events:none}
.kw-pill:has(input:checked){background:var(--ink);color:#fff;border-color:var(--ink)}

/* Radio-строки (морфология/гео/минус-режим) */
.kw-radiolist{display:flex;flex-direction:column;gap:10px}
.kw-radio{display:flex;gap:12px;align-items:flex-start;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);
  padding:14px 15px;cursor:pointer;transition:border-color .16s}
.kw-radio:hover{border-color:var(--line-strong)}
.kw-radio input{position:absolute;opacity:0;pointer-events:none}
.kw-radio .kw-dot{flex:none;width:20px;height:20px;border-radius:999px;border:1.5px solid var(--line-strong);background:var(--surface);
  margin-top:1px;position:relative;transition:.16s}
.kw-radio input:checked~.kw-dot{border-color:var(--ink)}
.kw-radio input:checked~.kw-dot::after{content:"";position:absolute;inset:4px;border-radius:999px;background:var(--ink)}
.kw-radio:has(input:checked){border-color:var(--ink)}
.kw-radio-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.kw-radio-t{font-weight:600;font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.kw-radio-d{color:var(--muted);font-size:13px;line-height:1.4;overflow-wrap:anywhere}

/* ── Навигация ── */
.kw-nav{display:flex;gap:12px;align-items:center;margin-top:30px;position:sticky;bottom:0;
  padding:14px 0;background:linear-gradient(to top,var(--paper) 62%,transparent)}
.kw-nav button{min-height:54px;border-radius:13px;font-weight:700;font-size:16.5px;cursor:pointer;padding:0 26px;border:1.5px solid transparent;transition:.16s}
.kw-nav-back{background:transparent;border-color:var(--line-strong)!important;color:var(--ink)}
.kw-nav-back:hover{border-color:var(--ink)!important}
.kw-nav-back[disabled]{opacity:.35;cursor:default}
.kw-nav-next,.kw-nav-build{background:var(--accent);color:var(--accent-ink);margin-left:auto;flex:none}
.kw-nav-next:hover,.kw-nav-build:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(200,240,72,.5)}
.kw-nav-build{background:var(--ink);color:var(--accent)}
.kw-nav-build:hover{box-shadow:0 10px 24px rgba(21,24,28,.35)}
@media(max-width:560px){.kw-nav{gap:10px}.kw-nav button{padding:0 18px;font-size:15.5px;flex:1}.kw-nav-next,.kw-nav-build{margin-left:0}}

/* ── Результат ── */
.kw-result{margin-top:20px;scroll-margin-top:80px}
.kw-result-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.kw-result-head h2{font-size:clamp(22px,4vw,30px);font-weight:800;letter-spacing:-.018em;margin:0;flex:1 1 auto}
.kw-result-actions{display:flex;gap:10px;flex-wrap:wrap}
.kw-abtn{min-height:48px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;padding:0 20px;border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);transition:.16s}
.kw-abtn:hover{border-color:var(--ink)}
.kw-abtn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.kw-abtn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(200,240,72,.5)}
.kw-abtn.ok{background:#1f7a34;border-color:#1f7a34;color:#fff}
.kw-out{background:#0E0F12;color:#E8E9E4;border-radius:16px;padding:22px;font-family:var(--mono);font-size:13px;line-height:1.65;
  white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:560px;overflow-y:auto;margin:0;border:1px solid #222}

/* CTA под ключ */
.kw-cta{margin-top:34px;background:var(--surface);border:1.5px solid var(--line);border-radius:18px;padding:clamp(22px,4vw,34px)}
.kw-cta h3{font-size:clamp(19px,3vw,25px);font-weight:800;letter-spacing:-.015em;margin:0 0 8px;text-wrap:balance}
.kw-cta p{color:var(--ink-soft);margin:0 0 18px;font-size:15.5px;max-width:60ch;line-height:1.5}
.kw-leadform{display:grid;gap:12px;max-width:520px}
.kw-consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.5}
.kw-consent input{margin-top:2px;flex:none;width:18px;height:18px;accent-color:var(--ink)}
.kw-consent a{color:var(--muted)}
.kw-leadbtn{min-height:54px;border-radius:13px;background:var(--accent);color:var(--accent-ink);border:none;font-weight:700;font-size:16.5px;cursor:pointer;transition:.16s}
.kw-leadbtn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(200,240,72,.5)}
.kw-leadbtn[disabled]{opacity:.55;cursor:default;transform:none;box-shadow:none}
.kw-leadmsg{font-size:14.5px;font-weight:600;padding:4px 0}
.kw-leadmsg.ok{color:#1f7a34}
.kw-leadmsg.err{color:#d9534f}

.kw-hidden{display:none!important}